/*font-family: 'Roboto', sans-serif;*/
/* 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; }

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

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

#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%; opacity: .65; }

#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: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; text-decoration: none !important; border: 0; }

#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; font-size: 1rem; line-height: 40px; }

#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: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; text-decoration: none !important; border: 0; }

.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: 1rem; line-height: 40px; }

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

/* Colors
================================================== */
.staff3-items article .staff3-rollover:before { background-color: var(--bs-black); }

.staff3-items article .staff3-rollover p, .staff3-items article .staff3-rollover { color: var(--bs-darkcolor); }

.staff3-items article .staff3-rollover ul li a, .staff3-items.staff3-detail article ul.staff3-social li a { border-style: solid; border-width: 1px; color: var(--bs-white); border-color: var(--bs-yellow); background-color: var(--bs-yellow); box-shadow: 0 0 7px rgba(var(--bs-black-rgb), 0.15); }

@media (hover: hover) { .staff3-items article .staff3-rollover ul li a:hover, .staff3-items.staff3-detail article ul.staff3-social li a:hover { color: var(--bs-yellow); border-color: var(--bs-yellow); background-color: var(--bs-white); } }