a.ccm-block-page-list-rss-feed {
    position: absolute;
    top: 0;
    right: 0;
}

div.ccm-block-page-list-wrapper {
    position: relative;
}

div.ccm-block-page-list-page-entry-horizontal {
    display: table;
    width: 100%;
}

div.ccm-block-page-list-page-entry-horizontal,
div.ccm-block-page-list-page-entry {
    margin-bottom: 10px;
}


div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail {
    display: table-cell;
    vertical-align: top;
    width: 1px;
}

div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img {
    width: 120px;
    max-width: none;
}


div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}

div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title {
    font-weight: bold;
}

div.ccm-block-page-list-page-entry-read-more {
    margin-top: 20px;
}

.homepage-events .ccm-block-page-list-header h5 { color: #06aed5; display: inline-block; font-size: 1.6em; }
.homepage-events .ccm-block-page-list-header a { float: right; margin-top: 11px; }
.homepage-events .ccm-block-page-list-pages { clear: both; padding-top: 4px; }
.homepage-events .ccm-block-page-list-page-entry:last-of-type { margin: 0; }
.homepage-events .ccm-block-page-list-page-entry { float: left; margin-right: 3%; overflow: hidden; width: 31.33333%; }
.homepage-events .ccm-block-page-list-title a.hp-event-top { background-color: #f9eaa1; color: #086788; display: block; font-size: 1.1em; height: 130px; padding: 0 4%; position: relative; transition: .15s; width: 100%; }
.homepage-events .ccm-block-page-list-title a.hp-event-top > span { background-color: rgb(6, 174, 213); color: #fff; display: block; font-size: .75em; height: 26px; line-height: 26px; margin-left: -4%; margin-bottom: 4px; transition: .15s; width: 108%; }
.homepage-events .ccm-block-page-list-title a.hp-event-top > span i { background-color: #f0c808; color: #086788; font-size: 1.2em; height: 100%; line-height: 26px; margin-right: 3px; text-align: center; transition: .15s; vertical-align: top; width: 30px; }
.homepage-events .ccm-block-page-list-title a.hp-event-top:before { background-color: rgba(6,174,213,.2); content: ""; height: 26px; right: 0; position: absolute; top: 0; width: 0%; }
.homepage-events .ccm-block-page-list-title a.hp-event-top > span > span { float: right; font-size: 1.2em; margin-right: 8px; }
.homepage-events .ccm-block-page-list-title a.social-media { background-color: #086788; color: #c3ecf5; display: inline-block; float: left; height: 26px; position: relative; text-align: center; width: 12%; }
.homepage-events .ccm-block-page-list-title a.social-media:before { background-color: rgba(255,255,255,.3); content: ""; height: 0; left: 50%; position: absolute; top: 50%; width: 0; }
.homepage-events .ccm-block-page-list-title a.view-details { background-color: #06aed5; color: #fff; display: inline-block; font-size: .9em; height: 26px; line-height: 26px; text-align: right; vertical-align: top; width: 76%; }
.homepage-events .ccm-block-page-list-title a.view-details i { padding: 0 7px; }

.homepage-events .ccm-block-page-list-title a.hp-event-top:hover { background-color: #c3ecf5; transition: .3s ease-in-out .1s; }
.homepage-events .ccm-block-page-list-title a.hp-event-top:hover span i { background-color: #086788; color: #06aed5; transition: background-color .7s, color .3s ease-in-out .1s; }
.homepage-events .ccm-block-page-list-title a.hp-event-top:hover > span { box-shadow: 0 12px 122px 15px #06aed5; transition: box-shadow .2s; }
.homepage-events .ccm-block-page-list-title a.social-media:hover:before { height: 100%; left: 0; transition: height .3s, left .1s, top .3s, width .1s; top: 0; width: 100%; }
.homepage-events .ccm-block-page-list-title a.view-details:hover i { padding: 0 11px 0 14px; transition: .3s; }

@media screen and (max-width: 700px) {
    .homepage-events .ccm-block-page-list-header h5 { font-size: 1.3em; }
    .homepage-events .ccm-block-page-list-header a { font-size: .85em; margin-top: 9px; }
    .homepage-events .ccm-block-page-list-page-entry { margin-right: 0; width: 100%; }

    .homepage-events .ccm-block-page-list-title a.hp-event-top:hover { background-color: #f9eaa1; transition: 0s; }
    .homepage-events .ccm-block-page-list-title a.hp-event-top:hover span i { background-color: #f0c808; color: #086788; transition: 0s; }
    .homepage-events .ccm-block-page-list-title a.hp-event-top:hover > span { box-shadow: none; transition: 0s; }
    .homepage-events .ccm-block-page-list-title a.social-media:hover:before { display: none; }
    .homepage-events .ccm-block-page-list-title a.view-details:hover i { padding: 0 7px; transition: 0s; }
}