.event-list {




list-style: none;









margin: 0px;




padding: 0px;




}




.event-list > li {









/*box-shadow: 0px 0px 5px rgb(198, 198, 198);




box-shadow: 0px 0px 5px rgba(198, 198, 198, 0.7);*/




padding: 0px;




margin: 0px 0px 35px;




}




.event-list > li > time {




display: inline-block;




width: 100%; border-right:1px solid #f0f0f0;




color: #3d3f92;




/*border-left:2px solid #3d3f92;*/




padding: 5px;




text-align: center;




text-transform: uppercase;




}









.event-list > li > time > span {




display: block;




}




.year{color:#ccc;}




.event-list > li > time > .day {




display: block;




    font-size: 24pt;




    font-weight: 400;




    line-height: 1; padding-top:15px;




}




.event-list > li time > .month {




 color: #666;




    display: block;




    font-size: 16pt;




    font-weight: 400;




    letter-spacing: 1px;




    line-height: 31px;




    text-transform: capitalize;




}




.event-list > li > img {




width: 100%;




}




.event-list > li > .info {




padding-top: 5px;




text-align: center;




}




.event-list > li > .info > .title {




color: #565656;




    font-size: 14pt;




    font-weight: normal;




    letter-spacing: 1px;




    margin: 0;




}




.event-list > li > .info > .desc {




color: #888585;




    font-size: 11pt;




    font-weight: 300;




    letter-spacing: 1px;




    margin: 0;




}




.event-list > li > .info > ul,




.event-list > li > .social > ul {




display: table;




list-style: none;




margin: 10px 0px 0px;




padding: 0px;




width: 100%;




text-align: center;




}




.event-list > li > .social > ul {




margin: 0px;




}




.event-list > li > .info > ul > li,




.event-list > li > .social > ul > li {




display: table-cell;




cursor: pointer;




color: rgb(30, 30, 30);




font-size: 11pt;




font-weight: 300;




padding: 3px 0px;




}




.event-list > li > .info > ul > li > a {




display: block;




width: 100%;




color: rgb(30, 30, 30);




text-decoration: none;




}




.event-list > li > .social > ul > li {




padding: 0px;




}




.event-list > li > .social > ul > li > a {




padding: 3px 0px;




}




.event-list > li > .info > ul > li:hover,




.event-list > li > .social > ul > li:hover {




color: rgb(30, 30, 30);




background-color: rgb(200, 200, 200);




}




.facebook a,




.twitter a,




.google-plus a {




display: block;




width: 100%;




color: rgb(75, 110, 168) !important;




}




.twitter a {




color: rgb(79, 213, 248) !important;




}




.google-plus a {




color: rgb(221, 75, 57) !important;




}




.facebook:hover a {




color: rgb(255, 255, 255) !important;




background-color: rgb(75, 110, 168) !important;




}




.twitter:hover a {




color: rgb(255, 255, 255) !important;




background-color: rgb(79, 213, 248) !important;




}




.google-plus:hover a {




color: rgb(255, 255, 255) !important;




background-color: rgb(221, 75, 57) !important;




}









@media (min-width: 768px) {




.event-list > li {




position: relative;




display: block;




width: 100%;




height: 95px;




padding: 0px;




}




.event-list > li > time,




.event-list > li > img  {




display: inline-block;




}




.event-list > li > time,




.event-list > li > img {




width: 120px;




float: left;




}




.event-list > li > .info {




background-color:#fefefe;




overflow: hidden;




}




.event-list > li > time,




.event-list > li > img {




width: 110px;




height: 95px;




padding: 0px;




margin: 0px;




}




.event-list > li > .info {




 height: 95px;




    line-height: 37px;




    padding-left: 10px;




    padding-top: 25px;




    position: relative;




    text-align: left; float:left; width:200px;




}




.event-list > li > .info > .title,




.event-list > li > .info > .desc {




padding: 0px 10px;




}




.event-list > li > .info > ul {




position: absolute;




left: 0px;




bottom: 0px;




}




.event-list > li > .social {




position: absolute;




top: 0px;




right: 0px;




display: block;




width: 40px;




}




.event-list > li > .social > ul {




border-left: 1px solid rgb(230, 230, 230);




}




.event-list > li > .social > ul > li {




display: block;




padding: 0px;




}




.event-list > li > .social > ul > li > a {




display: block;




width: 40px;




padding: 10px 0px 9px;




}




}









.h1{ font-weight:bold }




.divider15 {




height: 75px;




clear: both;




}




.deviderA{border-bottom:1px dashed #ccc; margin-bottom:30px;}





.fs-10pt{


  font-size: 10pt!important;


}