/************************************************************************* List View */
/* Using Bootstrap rows/columns for items and articles now */
.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 > .fa { font-size: 4em; }

.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 > .fa { font-size: 5em; }

.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: 1024px) { .serveWide { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; text-align: left; }
  .serveWide .iconBox { flex-basis: 17%; box-sizing: border-box; margin-bottom: 0; }
  .serveWide .iconBox > .fa { font-size: 5em; }
  .serveWide .whereText { flex-basis: 62%; box-sizing: border-box; padding-right: 4em; margin-bottom: 0; }
  .serveWide .button-container { flex-basis: 25%; box-sizing: border-box; } }

.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; }