-
Associated Church
- Prospect / Pamplico
Select Page
/* ----------------------------------------- */
/* Content Template: template-for-clergy - start */
/* ----------------------------------------- */
.et_pb_post .entry-content {
padding-top: 0;
}
/* Begin card styling */
.clergy-card {
display: flex;
padding: 15px;
background-color: white;
word-break: break-word;
}
.clergy-portrait,
.clergy-portrait img {
width: 250px;
min-width: 250px;
max-width: 250px;
}
/* Lazy load images; transition makes it less jarring (see JS) */
.clergy-portrait img[data-src] {
opacity: 0;
}
.clergy-portrait img {
opacity: 1;
transition: opacity 0.3s;
}
.clergy-info,
.clergy-contact,
.clergy-churches {
display: flex;
flex-direction: column;
}
.clergy-info {
margin-left: 50px;
}
.name-hr {
width: 80%;
margin: 2px 0 0 0;
border-color: rgba(0, 0, 0, .07);
border-width: .5px;
}
.clergy-email,
.clergy-district {
margin-top: 1em;
}
.clergy-churches {
margin-top: 2em;
}
/* === */
/* Skinny mobile view */
@media (max-width: 767px) {
.clergy-card {
flex-direction: column;
}
.clergy-info {
margin-left: 0px;
margin-top: 15px;
}
/* Content fills container */
.clergy-portrait img,
.clergy-info,
.name-hr {
width: 100%;
}
.clergy-churches {
margin-top: 1.25em;
}
#left-area .clergy-churches ol.wpv-loop:last-of-type {
padding-bottom: 0;
}
}
/* ----------------------------------------- */
/* Content Template: template-for-clergy - end */
/* ----------------------------------------- */