﻿/*.Content_UpcomingEvents h4.dashboard-widget-title {
    display: inline-block;
}*/

/*.Content_UpcomingEvents .usas-sponsor-image {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
}*/

.Content_UpcomingEvents .featured-event-container {
    height: 268px; 
    max-width: 600px;
    width: 100%; 
    background-repeat: no-repeat;
    border-bottom: 8px solid #00b2e1;
}

/*.Content_UpcomingEvents .featured-event-container img {
    max-width: 600px;
    width: 100%; 
}*/

/*.Content_UpcomingEvents .image { 
   position: relative; 
   width: 100%; 
   
}*/

.Content_UpcomingEvents .caption { 
   position: absolute; 
   top: -18px; 
   left: 0; 
   width: 100%; 
   font-size: 30pt;
   font-family: 'Karla'
}

@media screen and (max-width: 767px) {
    .Content_UpcomingEvents .caption {
        position: absolute;
        top: -22px;
        left: 0;
        width: 100%;
        font-size: 20pt;
        font-family: 'Karla';
    }
}


.Content_UpcomingEvents .featured-title { 
   position: relative; 
   color: white;
   text-shadow: 0.05em 0.05em #333;
}

.Content_UpcomingEvents .featured-event-container h2 {
   font-family: 'Karla';
   font-size: 30pt;
}

@media screen and (max-width: 767px) {
    .Content_UpcomingEvents .featured-event-container h2 {
        font-size:20pt;
    }
}

.Content_UpcomingEvents .featured-title a { 
   color: white;
}

.Content_UpcomingEvents .title {
    color: #00b2e1;
}

.Content_UpcomingEvents h1 span { 
   letter-spacing: -1px;  
   background: white;
   padding-left: 25px;
   padding-right: 25px;  
}

.Content_UpcomingEvents p {
    padding-left: 30px;
}

.Content_UpcomingEvents hr {
    margin-top : 10px;
    margin-bottom : 10px;
}

.Content_UpcomingEvents .start-date {
    margin-top: 0px;
}

.Content_UpcomingEvents .circulation-layout {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(15,23,59,0.6);
}