.homepage-events-page-list > div { background-color: #fff; background-color: rgba(245,245,245,.88); padding: 0; position: relative; }
.homepage-events-page-list .ccm-block-page-list-header,
.homepage-events-page-list .ccm-block-page-list-title { height: 44px; }
.homepage-events-page-list h5 { background-color: #3b6064; background-color: rgba(59,96,100,.9); color: #fff; font-size: 1.3em; line-height: 44px; margin-top: 40px; padding: 0 12px; }
.homepage-events-page-list .ccm-block-page-list-title h5 { margin: 0 0 8px; }
.homepage-events-page-list .ccm-block-page-list-header a,
.homepage-events-page-list .ccm-block-page-list-title a { background-color: #ff8360; background-color: rgba(255,131,96,.8); color: #fff; font-size: .7em; height: 44px; overflow: hidden; position: absolute; right: 0; text-align: center; top: 0; width: 50px; }
.homepage-events-page-list .ccm-block-page-list-header a span,
.homepage-events-page-list .ccm-block-page-list-title a span { display: block; font-size: 2.2em; line-height: .7em; padding-top: 7px; transition: .19s; }
.homepage-events-page-list .ccm-block-page-list-header a:hover span,
.homepage-events-page-list .ccm-block-page-list-title a:hover span  { font-size: 5.46em; padding: 1px 0 28px; }
.homepage-events-page-list .ccm-block-page-list-page-entry-text { padding:10px 84px 10px 14px; }
.homepage-events-page-list .ccm-block-page-list-title { font-size: 1.2em; font-weight: 700; }
.homepage-events-page-list .event-detail { font-size: .8em; margin-bottom: 4px; }
.homepage-events-page-list .event-detail i { color: #3b6064; margin-right: 3px; }
.homepage-events-page-list .more-info { position: absolute; right: 14px; top: 18px; width: 80px; }
.homepage-events-page-list .more-info > a { background-color: #3b6064; color: #fff; display: block; font-size: .7em; line-height: 1.1em; padding: 5px 16px; text-align: center;   -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }
.homepage-events-page-list .more-info > a:hover {background-color: #55828b;}
.homepage-events-page-list .more-info > a i { display: block; font-size: 1.7em; }
.homepage-events-page-list .more-info div { background-color: #87bba2; text-align: center; padding: 2px 0 3px; }
.homepage-events-page-list .more-info div span { color: #225560; display: block; font-size: .6em; }
.homepage-events-page-list .more-info div a { background-color: #4e937a; color: #fff; display: inline-block; font-size: .8em; padding: 4px 0 2px; width: 26%;-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }

.homepage-events-page-list .more-info div a:hover {background-color:#ff8360;}
.homepage-events-page-list .more-info > a i.ss-pointright {padding-top:5px;}
.homepage-events-page-list.meetings-future > div { background-color: transparent; padding: 0 28px; }
.homepage-events-page-list.meetings-future div { position: relative; }
.homepage-events-page-list.meetings-future .ccm-block-page-list-page-entry-text { background-color: #e2e9ea; margin-bottom: 33px; padding: 0 0 8px; }
.homepage-events-page-list.meetings-future .ccm-block-page-list-page-entry-text > div { padding: 1px 14px; }
.homepage-events-page-list.meetings-future .ccm-block-page-list-page-entry-text > div.ccm-block-page-list-title { margin-bottom: 8px; padding: 0; }
.homepage-events-page-list.meetings-future .ccm-block-page-list-title { font-size: 1em; }
.homepage-events-page-list.meetings-future .green-button { float: right; }
.homepage-events-page-list .ccm-block-page-list-title a.event-title-link {position:relative; background-color:transparent; font-size:1.1em; color:#3b6064;-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;}
.homepage-events-page-list .ccm-block-page-list-title a.event-title-link:hover {color:#4e937a;}

.meetings-future ~ .ccm-pagination-wrapper { margin-bottom: 46px; }

@media screen and (max-width: 1300px) {
.homepage-events-page-list .ccm-block-page-list-title a.event-title-link {font-size:1em;}
.homepage-events-page-list .ccm-block-page-list-title {padding-top:5px}
.homepage-events-page-list .ccm-block-page-list-title h5 {font-size:1em }
}

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

   .homepage-events-page-list .ccm-block-page-list-title h5 {font-size:1.3em }
    .homepage-events-page-list .ccm-block-page-list-title {padding-top:7px}
    .homepage-events-page-list.meetings-future .ccm-block-page-list-title h5 { line-height: 34px; margin: 0; text-align: center; }
    .homepage-events-page-list.meetings-future .ccm-block-page-list-title a { display: inline-block; font-size: .9em; height: auto; padding: 2px 0 2px; position: static; width: 100%; }
    .homepage-events-page-list.meetings-future .ccm-block-page-list-title a span { display: inline-block; font-size: 1.6em; margin-top: -2px; padding: 0 8px; vertical-align: middle; }
    .homepage-events-page-list.meetings-future .ccm-block-page-list-title a:hover span { font-size: 1.6em; }
.homepage-events-page-list.meetings-future .ccm-block-page-list-page-entry-text > div.ccm-block-page-list-title {margin-bottom:20px;}
}

@media screen and (max-width: 890px) {
    .homepage-events-page-list { display: none; }
    .homepage-events-page-list.meetings-future { display: block; }
    .homepage-events-page-list.meetings-future .ccm-block-page-list-title { font-size: .7em; }
    .homepage-events-page-list.meetings-future .ccm-block-page-list-page-entry-text { margin-bottom: 18px; }
}