@CHARSET "UTF-8";

/* Calendar Widget Popup */
.sidebarCalendarPopup {
   position: absolute;
   top: 67%;
   left: 45px;
   width: 277px;
   border: 3px solid #dadada;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   background: #fff;
   z-index: 101;
   -moz-box-shadow: 0px 0px 6px 1px #777;
   -webkit-box-shadow: 0px 0px 6px 1px #777;
   box-shadow: 0px 0px 6px 1px #777;
   display:none;
}

.sidebarCalendarPopup .eventPopupList {
   position: relative;
}


.sidebarCalendarPopup .eventPopup {
   overflow: hidden;
   padding: 15px;
}

.sidebarCalendarPopup .eventPopup.template {
   display:none;
}

.sidebarCalendarPopup .eventAvatar,.sidebarCalendarPopup .eventDetails {
   float: left;
}

.sidebarCalendarPopup .eventAvatar {
   width: 68px;
   height: 98px;
   border: 1px solid #cdcdcd;
   overflow: hidden;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size:cover;
}

.sidebarCalendarPopup .eventDetails {
   color: #333;
   font-size: 12px;
   width: 160px;
   min-height: 106px;
   line-height: 18px;
   position: relative;
   text-align: left;
   display: inline-block;
   float: none;
   margin-bottom: 10px;
   margin-left: 10px;
}

.sidebarCalendarPopup .eventDetails a.eventTitle {
   color: #78a02e;
   font-size: 14px;
   font-weight: bold;
   text-decoration: underline;
}

.sidebarCalendarPopup .eventTitle.truncate {
   display: block;
   width: 160px;
   /* Once title goes beyond this width it will be truncated - DP */
}

.sidebarCalendarPopup .eventDetails .eventTeaser {
   line-height: 1.25em;
   font-weight: bold;
}

.sidebarCalendarPopup .pager {
   position: absolute;
   right: 12px;
   bottom: 4px;
   font-size: 12px;
   z-index: 4;
   margin-top: 10px;
}

.sidebarCalendarPopup .pager a.prev,.sidebarCalendarPopup .pager a.next {
   display: inline-block;
   color: #333;
   text-decoration: none
}

.sidebarCalendarPopup .pager a.prev.disabled,.sidebarCalendarPopup .pager a.next.disabled { 
   opacity: .5;
}

.sidebarCalendarPopup .pager a.prev {
   margin-right: 4px;
}

.sidebarCalendarPopup .pager a.next {
   margin-left: 4px;
}

.sidebarCalendarPopup .pager a.prev:hover,.sidebarCalendarPopup .pager a.next:hover
   {
   color: #78A02E;
}

.sidebarCalendarPopup .eventPopup .eventPopupPointer {
   position: absolute;
   width: 23px;
   height: 20px;
   bottom: -20px;
   left: 40px;
   z-index: 4;
   background-image: url('/National_Library/oe_/https://phxart.org/assets/e41106fb/images/popup-pointer.png');
}


/*
* This is already in calendar.css - DP
.calendarTitle a { 
   font-size: 11px;
   color: #363434;
   position: absolute;
   top: 5px;
   right: 0;
}
*/



/* Featured Events Widget */

.featuredEvents { 
   clear:both;
   margin-top:25px;
}
.featuredEvents .eventBlock {}
.eventBlock {
   margin-top:20px;
   cursor: pointer;
}
.eventBlock .eventInfo {
   float:left;
   max-width:142px;
   overflow:hidden;
}
.eventBlock .eventInfo h5 {
   font-size:14px;
   color:#333;
   margin-bottom:.5em;
}
.eventBlock .eventPhoto {
   float:right;
   max-width:70px;
   max-height:1000px;   
   overflow: hidden;
   position:relative;     
   background-position: top right;
   background-repeat: no-repeat;
      border:1px solid #cdcdcd;     
}
            
.eventInfo .eventTitle {
   margin-bottom:10px;
}
.eventInfo .eventTitle a {
   font-size:12px;
   color:#333;
}
.eventInfo .eventTags {}
.eventTags .tag {
   color:#666;
   font-size:12px;
   padding:5px 10px;
   background-color:#dadada;
   border-radius:4px;
   display:inline-block;
   text-align:center;
   margin:0 2px 5px 0;
}