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

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

a.ccm-block-page-list-page-entry-horizontal {
    display: table;
}

div.ccm-block-page-list-page-entry-horizontal,
div.ccm-block-page-list-page-entry { }


a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail {
    position: absolute; left: -20%; max-width: 800%; top: 0; width: 140%;
}

a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img {
    max-width: 3000%; width: 100%;
}


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

a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title { background-color: #049fdb; background-color: rgba(4,159,219,.8); bottom: 0; color: #fff; height: 54px; left: 0; position: absolute; width: 100%;  }
a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title h5 { color: #fff; font-size: 1.4em; padding: 6px 14px; }
a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title i { bottom: 0; background-color: #025176; color: #fcb116; font-size: 1.5em; height: 100%; padding-top: 14px; position: absolute; right: 0; text-align: center; width: 49px; }



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

.tab-group { display: none; }
.tab-group.showing { display: block; }
.i-box { background-color: #2d74a6; color: #fff; display: block !important; float: left; height: 300px; margin: 0 1% 28px; overflow: hidden; padding: 14px 20px; position: relative; width: 31.33333% !important; }
.i-box h4 { border-bottom: 2px solid #6fbde9; color: #fff; margin-bottom: 12px; padding-bottom: 10px; }
.i-box h4 span { display: block; font-size: .9em; line-height: 1.1em;}
.i-box p { color: #fff; font-family: "Oswald",sans-serif; font-size: .9em; line-height: 1.3em; }
.i-box .overlay { background-color: #093850; background-color: rgba(9,56,80,.75); height: 100%; left: 0; opacity: 0; padding: 18px 21px; position: absolute; top: -30%; transition: .5s; width: 100%;}
.i-box .overlay ul { list-style-type: none; margin: 0; }
.i-box .overlay ul li { margin-bottom: 3px;  }

.i-box:hover .overlay { left: 0; opacity: 1; top: 0; }

@media screen and (max-width: 1250px) {
    .i-box { height: 284px; margin-bottom: 18px; padding: 6px 12px; }
    .i-box h4 { font-size: 1.1em; margin-bottom: 8px; }
    .i-box h4 span { font-size: .75em; }
    .i-box p { font-size: .7em; line-height: 1.2em; }
    a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img { width: 140%; }
    a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail { left: -30%; width: 160%; }
    a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title { height: 34px;  }
    a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title h5 { font-size: 1em; padding: 2px 8px 0; }
    a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title i { font-size: 1.1em; padding-top: 9px; width: 38px; }
    .i-box .overlay { padding: 9px 12px; }
    .i-box .overlay ul li { margin-bottom: 0; }
    .i-box p { font-size: .8em; }
}

@media screen and (max-width: 835px) {
    .tab-area > p { font-size: .9em; line-height: 1.3em; }
    .i-box { width: 48% !important; }
    a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title { bottom: auto; top: 0;  }
    .i-box .overlay { opacity: 1; padding-top: 45px; top: 0; }
    .i-box p { font-size: .7em !important; }
}

@media screen and (max-width: 625px) {
    .i-box { width: 98% !important; }
}