/* List View */

/* NOTE: Using Bootstrap rows/columns for items and articles now */

.items.row { min-height: 300px; }

.items #pagination { margin-bottom: 0; margin-top: 0; }

.items article .linked-image { margin-bottom: .5rem; }

.items article .button-container, .items article .button-container .btn { margin-bottom: 0; }

.serveThird { padding: 2em; text-align: center; }

.whereText h4 { margin-top: 0; }

.whereText p { margin-bottom: 1em; }

/* Detail View */
.serveThird .iconBox { display: block; width: 100%; margin-bottom: 1.5em; text-align: center; }

.serveThird .iconBox > .icon { font-size: 4rem; }

.whereText { display: inline-block; vertical-align: top; width: 64%; }

.serveThird .whereText { width: 100%; }

/* Serve Wide */
#volunteerOpps.detail .serveWide { background-color: transparent; }

.serveWide { display: block; padding: 0 2rem; text-align: center; }

.serveWide .iconBox { display: block; width: 100%; box-sizing: border-box; margin-bottom: 2rem; }

.serveWide .iconBox > .icon { font-size: 5rem; }

.serveWide .whereText { display: block; width: 100%; box-sizing: border-box; margin-bottom: 2rem; }

.serveWide .button-container { display: block; width: 100%; box-sizing: border-box; }

@media (min-width: 768px) { .serveWide { padding: 0 2rem; } }

@media (min-width: 992px) {
	.serveWide { display: block; text-align: center; }
	.serveWide .iconBox { box-sizing: border-box; margin-bottom: 1rem; }
	.serveWide .iconBox > .icon { font-size: 5rem; }
}

.serveWide p { margin-bottom: 0; }

/* Highlight */
.highlight { display: block; text-align: center; padding: 2em; margin: 0 0 2rem; }

.highlight:last-child { margin-bottom: 0; }

.highlight .button-container .btn { white-space: normal; line-height: 1.35; display: block; width: 100%; }

@media (min-width: 768px) {
	.highlight { text-align: left; padding: 3rem; }
 	.highlight .button-container .btn { display: inline-block; width: auto; }
}

.serveWide + .highlight { margin-top: 3rem; }