/* FRAMES */
.tagItemList { display: block; position: relative; float: left; width: 100.8%; height: auto; padding: 0; margin: 0; background-color: #F4F4F8 }

@media (max-width:1040px) { .tagItemList { width: 100%; background-color: transparent } }

/* EACH */
.tagItemView { display: block; position: relative; float: left; width: 24.5%; margin-right: 0.5%; background-color: #FFFFFF; margin-bottom: 20px }

@media (max-width:2560px) { .tagItemView { margin-bottom: 12px }}
@media (max-width:1920px) { .tagItemView { margin-bottom: 10px }}

@media (max-width:1420px) { .tagItemView { width: 24.25%; margin-right: 0.75% }}

@media (max-width:1040px) { .tagItemView { display: block; width: 100%; margin-right: 0; margin-bottom: 0; background-color: transparent } }

/* GRAPHIC */
.tagItemImageBlock { height: 180px; overflow: hidden }

@media (max-width:2560px) { .tagItemImageBlock { height: 135px } }
@media (max-width:1920px) { .tagItemImageBlock { height: 90px } }
@media (max-width:1820px) { .tagItemImageBlock { height: 80px } }
@media (max-width:1720px) { .tagItemImageBlock { height: 60px } }
@media (max-width:1040px) { .tagItemImageBlock { height: auto } }

.tagItemImage, .tagItemImage a { display: block; position: relative; float: left; width: 100%; height: auto; padding: 0; margin: 0 }

.tagItemView img { width: 100% !important }

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

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

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

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

.tagItemView h2 a:hover { color: #EB7418 }

/* DATE */
.tagItemDateCreated { 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) { .tagItemDateCreated { font-size: 16px; padding: 7px 20px 9px; border-radius: 75px; margin: 0 40% 30px 30px } }
@media (max-width:1920px) { .tagItemDateCreated { font-size: 12px; padding: 5px 15px 6px; border-radius: 50px; margin: 10px 40% 20px 20px } }

@media (max-width:1400px) { .tagItemDateCreated { font-size: 10px; padding: 5px 10px 6px; } }

@media (max-width:1040px) { .tagItemDateCreated { font-size: 12px; margin-left: 5% } }
@media (max-width:690px) { .tagItemDateCreated { width: 90%; text-align: center; padding: 5px 0 10px; margin: 10px 5% 20px } }

/* INTRO TEXT */
.tagItemIntroText { display: inline-block; float: left; width: auto; max-width: 90%; 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) { .tagItemIntroText { height: 68px; font-size: 18px; line-height: 30px; padding: 0 30px 0 } }
@media (max-width:1920px) { .tagItemIntroText { height: 50px; font-size: 14px; line-height: 26px; padding: 0 20px 0 } }
@media (max-width:1040px) { .tagItemIntroText { width: 90%; max-width: none; height: auto; padding: 0 5% } }
@media (max-width:690px) { .tagItemIntroText { font-size: 13px; line-height: 22px; text-align: center } }

.tagItemIntroText p { width: 100%; padding: 0 }

/* READ MORE */
.tagItemReadMore { 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) { .tagItemReadMore { font-size: 18px; line-height: 18px; padding: 0 30px 60px; margin: 15px 0 0 0 } }
@media (max-width:1920px) { .tagItemReadMore { font-size: 14px; line-height: 26px; padding: 0 20px 40px; margin: 10px 0 0 0 } }
@media (max-width:1040px) { .tagItemReadMore { padding: 0 2% 40px 5%; } }
@media (max-width:690px) { .tagItemReadMore { width: 90%; font-size: 13px; line-height: 22px; text-align: center; padding-right: 5%; margin: 20px 0 0 } }


/* PAGINATION */
.tagView .k2Pagination { display: none }