<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#upcomingEvents .slick-slide { margin: 0 6px; }

a.event, .subpage .ptl_page a.event, .deptpage .ptl_page a.event {
    color: #ffffff;
    display: block;
    margin: 3% 0 6%;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    transition: all .2s;
    -webkit-transition: all .2s;
}

.sec-header.events .slick-dots {
  margin: 0;
  padding: 0;
    display: flex !important;
    list-style: none;  
}

.sec-header.events .slick-dots li {
    width: 100%;
    display: inline-flex;
}

.sec-header.events .slick-dots li button {
    border: none;
    background: #afb2b3;
    font-size: 0.0001em;
    width: 100%;
    height: 6px;
}

.sec-header.events .slick-dots li.slick-active button {
    background: #024056;
}

#upcomingEvents .bg-gradient:hover, #upcomingEvents .bg-gradient:focus {
  text-decoration: none;
}

a.event .inside {
    display: table;
    width: 100%;
    margin-bottom: 6px;
}

.dateOrb {
    padding: 1.5em 0 1.5em 1.5em;
    margin-right: 6px;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 0.08em;
    font-family: 'Open Sans';
}

#upcomingEvents .bg-gradient:hover, #upcomingEvents .bg-gradient:focus, 
a.event:hover .dateOrb span, a.event:focus .dateOrb span {
  color: #0071a2;
  background: #fff;
}

.dateOrb span {
    display: block;
    font-size: 2.6em;
    font-weight: 600;
}

a.event .eventDate {
    display: table-cell;
    vertical-align: middle;
    max-width: 35%;
}

a.event .eventDetails {
    display: table-cell;
    vertical-align: middle;
    font-size: 0.95em;
    font-weight: 300;
    padding-left: 0px;
    width: 65%;
}

a.event .eventName {
    font-weight: 600;
    font-size: 107%;
}




@media screen and (max-width: 900px) {

  a.event, .subpage .ptl_page a.event, .deptpage .ptl_page a.event { 
    margin: 2% auto;
    display: block;
    max-width: 700px;
    width: 70%; }

}

@media screen and (max-width: 700px) {

  a.event, .subpage .ptl_page a.event, .deptpage .ptl_page a.event { 
    display: block;
    max-width: 700px;
    width: 98%;
  }
  
}</pre></body></html>