/* LIST VIEW */
#staff_3 .staff3-heading { text-align: center; }

#staff3-results { position: relative; }

#staff_3 .staff3-items.staff3-row { margin-bottom: 0; text-align: center; }

#staff_3 .staff3-items.staff3-row:last-of-type { margin-bottom: -2rem; }

#staff_3 .staff3-items.staff3-row.normal-list article { margin-bottom: 2rem; text-align: center; }

#staff_3 .staff3-items.staff3-row.pastors article { margin-bottom: 2rem; }

#staff_3 .staff3-items.staff3-row.featured article { text-align: center; margin-bottom: 2rem; }

#staff_3 .staff3-items article .staff3-image { position: relative; margin-bottom: 1em; overflow: hidden; border-radius: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; border-radius: .65rem; }

#staff_3 .staff3-items article .staff3-image:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: none !important; border-radius: .65rem; }

#staff_3 .staff3-items article .staff3-image img { display: block; width: 100%; height: auto; border-radius: .65rem; }

#staff_3 .staff3-items article .staff3-image:hover .staff3-rollover { opacity: 1; }

#staff_3 .staff3-items article .staff3-rollover { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; transition: 0.4s; z-index: 100; }

#staff_3 .staff3-items article .staff3-rollover:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #33312e; opacity: .8; }

#staff_3 .staff3-items article .staff3-rollover .staff3-rollover-inner { position: absolute; top: 0; left: 0; width: 100%; height: 75%; height: calc(100% - 58px); /*buffer matches ul (li height + ul top calc + 10)*/ overflow-x: hidden; overflow-y: auto; }

#staff_3 .staff3-items article .staff3-rollover .staff3-rollover-inner a { position: relative; display: block; height: 100%; background: none !important; }

#staff_3 .staff3-items article .staff3-rollover .staff3-rollover-inner p { position: relative; display: inline-block; vertical-align: middle; width: 90%; padding: 1em 5% 0 5% !important; margin: 0 !important; font-size: 14px; font-weight: 700; line-height: 2em; text-align: center; }

#staff_3 .staff3-items article .staff3-rollover .staff3-rollover-inner span.spacer { height: 100%; display: inline-block; vertical-align: middle; }

#staff_3 .staff3-items article .staff3-rollover ul, .staff3-items article .staff3-rollover li { list-style: none !important; margin: 0 !important; padding: 0 !important; }

#staff_3 .staff3-items article .staff3-rollover ul { position: absolute; left: 0; bottom: 20px; width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; }

#staff_3 .staff3-items article .staff3-rollover ul li { padding: 0 0.25rem !important; }

#staff_3 .staff3-items article .staff3-rollover ul li a { display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; text-decoration: none !important; }

#staff_3 .staff3-items article .staff3-rollover ul li a .icon, #staff_3 .staff3-items article .staff3-rollover ul li a .fa, #staff_3 .staff3-items article .staff3-rollover ul li a .fab { display: block; line-height: 32px; font-size: 16px; }

#staff_3 .staff3-items article .staff3-info p { font-size: 16px; }

#staff_3 .staff3-items article .staff3-info .name { margin-bottom: 0; line-height: 1.3; }

#staff_3 .staff3-items.pastors article .staff3-rollover .staff3-rollover-inner p { padding: 1em 10% 0 10% !important; width: 80%; font-size: 14px; }

/* DETAIL PAGE */
.staff3-items.staff3-detail article ul.staff3-social { list-style: none !important; margin: 0.75em 0 1.5em 0 !important; padding: 0 !important; }

.staff3-items.staff3-detail article ul.staff3-social li { display: inline-block; list-style: none !important; margin: 0 0.5em 0 0 !important; padding: 0 !important; }

.staff3-items.staff3-detail article ul.staff3-social li a { display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; text-decoration: none !important; }

.staff3-items.staff3-detail article ul.staff3-social li a .icon, .staff3-items.staff3-detail article ul.staff3-social li a .fa, .staff3-items.staff3-detail article ul.staff3-social li a .fab { display: block; font-size: 16px; line-height: 32px; }

#staff3-return { text-align: center; font-size: 13px; line-height: 1; }

@media (min-width: 768px) { #staff3-return { text-align: right; } }

#staff3-return a { display: inline-block; text-transform: uppercase; padding: 0.75em 2em; line-height: 1; font-weight: 700; }