/* FRAMES */
.itemListView a, .itemListView, .itemList, .catItemImage,  .catItemImageBlock, .catItemBody, .catItemHeader, .catItemIntroText { display: block; position: relative; float: left; width: 100%; padding: 0; margin: 0; overflow: hidden }

/* ROWS: PRIMARY, LEADING, LINKS */
#itemListPrimary, #itemListLeading, #itemListSecondary, #itemListLinks { display: table; position: relative; table-layout: fixed; float: left; width: 100.8%; height: auto; padding: 0; margin: 0; border-top: 20px solid #F4F4F8 }

@media (max-width:2560px) { #itemListPrimary, #itemListLeading, #itemListSecondary, #itemListLinks { border-width: 12px } }
@media (max-width:1920px) { #itemListPrimary, #itemListLeading, #itemListSecondary, #itemListLinks { border-width: 10px } }
@media (max-width:1040px) { #itemListPrimary, #itemListLeading, #itemListSecondary, #itemListLinks { display: block; width: 100%; border: 0 } }

/* EACH */
.itemListView .itemContainer { display: table-cell; vertical-align: top }

@media (max-width:1040px) { .itemListView .itemContainer { display: block; width: 100% !important } }

.itemListView .catItemView { display: table-cell; position: relative; border-right: 20px solid #F4F4F8 }

@media (max-width:2560px) { .itemListView .catItemView { border-width: 12px } }
@media (max-width:1920px) { .itemListView .catItemView { border-width: 10px } }
@media (max-width:1040px) { .itemListView .catItemView { display: block; width: 100%; border: 0 } }

/* GRAPHIC */
.itemListView .itemContainer img { width: 100% !important }

/* HEADING 2 */
.itemListView .itemContainer h2 { float: left; width: auto; font-size: 34px; line-height: 38px; padding: 40px 40px 20px; margin: 0 !important }

@media (max-width:2560px) { .itemListView .itemContainer h2 { font-size: 24px; line-height: 28px; padding: 30px 30px 20px  } }
@media (max-width:1920px) { .itemListView .itemContainer h2 { font-size: 18px; line-height: 22px; padding: 20px 20px 10px  } }
@media (max-width:1040px) { .itemListView .itemContainer h2 { width: 90%; line-height: 20px; padding: 20px 5% 10px  } }

.itemListView .itemContainer h2 a { height: 80px; color: #111111; overflow: hidden }

@media (max-width:2560px) { .itemListView .itemContainer h2 a { height: 60px } }
@media (max-width:1920px) { .itemListView .itemContainer h2 a { height: 42px } }
@media (max-width:1040px) { .itemListView .itemContainer h2 a { height: auto } }

/* DATE */
.catItemDateCreated { display: block; position: relative; float: left; width: auto; font-family: 'Lato', sans-serif; font-size: 22px; color: #FFFFFF; text-transform: uppercase; padding: 10px 30px 12px; margin: 0 40% 40px 40px; background-color: #4aa94f; border-radius: 100px }

@media (max-width:2560px) { .catItemDateCreated { font-size: 16px; padding: 7px 20px 9px; border-radius: 75px; margin: 0 40% 30px 30px } }
@media (max-width:1920px) { .catItemDateCreated { font-size: 12px; padding: 5px 15px 6px; border-radius: 50px; margin: 10px 40% 20px 20px } }

@media (max-width:1040px) { .catItemDateCreated { margin-left: 5% } }
@media (max-width:690px) { .catItemDateCreated { width: 90%; line-height: 14px; text-align: center; padding: 5px 0 5px; margin: 10px 5% 20px } }

/* INTRO TEXT */
.itemListView .catItemIntroText { display: inline-block; float: left; width: auto; height: 100px; font-family: 'Lato', sans-serif; font-size: 26px; line-height: 46px; color: #333333; font-weight: 400; padding: 0 40px 0; margin: 0 !important; cursor: default; overflow: hidden }

@media (max-width:2560px) { .itemListView .catItemIntroText { height: 68px; font-size: 18px; line-height: 30px; padding: 0 30px 0 } }
@media (max-width:1920px) { .itemListView .catItemIntroText { height: 50px; font-size: 14px; line-height: 26px; padding: 0 20px 0 } }
@media (max-width:1040px) { .itemListView .catItemIntroText { width: 90%; height: auto; padding: 0 5% } }
@media (max-width:690px) { .itemListView .catItemIntroText { font-size: 13px; line-height: 22px; text-align: center } }

.itemListView .catItemIntroText p { width: 100%; padding: 0 }

/* READ MORE */
.catItemReadMore { display: inline-block; position: relative; float: left; font-family: 'Lato', sans-serif; width: auto; font-size: 26px; line-height: 26px; color: #333333; font-weight: 400; padding: 0 40px 80px; margin: 20px 0 0 0 }

@media (max-width:2560px) { .catItemReadMore { font-size: 18px; line-height: 18px; padding: 0 30px 60px; margin: 15px 0 0 0 } }
@media (max-width:1920px) { .catItemReadMore { font-size: 14px; line-height: 26px; padding: 0 20px 40px; margin: 10px 0 0 0 } }
@media (max-width:1040px) { .catItemReadMore { padding: 0 2% 40px 5%; } }
@media (max-width:690px) { .catItemReadMore { width: 90%; font-size: 13px; line-height: 22px; text-align: center; padding-right: 5%; margin: 20px 0 0 } }

/* OTHERS */
.itemListView h4 { display: none }