/* Articles */
.items { overflow: hidden; padding-bottom: 25px; width: 100%; }

.items article { width: 100%; overflow: hidden; padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid #f4f4f2; overflow: hidden; }

.items article img.image { float: none; display: block; width: 100%; margin-right: 0; }

@media (min-width: 992px) { .items article img.image { float: left; width: 15%; } }

.items article header { float: none; margin-left: 0; overflow: hidden; }

@media (min-width: 992px) { .items article header { display: block; float: right; width: 82.2%; } }

.items article header h5 { margin: 0 0 0.3em 0; }

.items article .meta { line-height: 1.2em; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #f4f4f2; }

.items article .meta a { text-decoration: none; }

.items article .summary { margin: 0; }

.media-icons { float: none; margin: 10px 0; overflow: hidden; }

@media (min-width: 992px) { .media-icons { float: right; margin: 0; padding: 0; overflow: hidden; } }

.media-icons li { float: left; list-style: none; line-height: 1; padding: 0; font-size: 1.25em; margin-left: .25em; }

.media-icons li a { display: block; padding: .1em; }

/* article detail (sidebar added) */
.items .article-detail { margin: 0; border: 0; background: none !important; }

.items .article-detail img.image { float: none; display: block; max-width: 100%; width: auto; margin: 0 0 2em 0; }

.items .article-detail .title { padding: 0; /*left padding should match header left padding*/ overflow: hidden; margin-bottom: 10px; }

.items .article-detail .title h5 { display: block; float: none; width: 100%; margin: 0; }

.items .article-detail .meta { display: block; float: none; border: 0; width: 100%; text-align: left; padding-top: 0; margin: 0 0 5px 0; }

.items .article-detail header { display: block; position: relative; float: none; padding: 15px; margin-bottom: 15px; margin-left: 0; }

.items .article-detail .media-icons { float: none; margin: 0 0 2em 0; padding: 0; }

.items .article-detail .media-icons li { margin: 0 .5rem 0 0; padding: 0; }

.items .article-detail .summary { font-size: 16px; }

.items .article-detail .media-icons { float: none; }

.items .article-detail .details { padding-left: 0; }

/* sidebar (not used on list view) */
.sidebar-article { margin: 0 0 15px 0; }

.sidebar-article img { margin-bottom: 5px; }

.sidebar-article h5 { margin: 0; }

.sidebar-article p { margin: 0; }