/*
Theme Name: Hestia Pro Child
Theme URI: https://themeisle.com/themes/hestia/
Template: hestia-pro
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Hestia Pro is a modern WordPress theme for professionals. It fits creative business, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online agencies and firms, portfolios, ecommerce (WooCommerce), and freelancers. It has a multipurpose one-page design, widgetized footer, blog/news page and a clean look, is compatible with: Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder . The theme is responsive, WPML, Retina ready, SEO friendly, and uses Material Kit for design.
Tags: blog,custom-logo,portfolio,e-commerce,rtl-language-support,post-formats,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,editor-style,footer-widgets,left-sidebar,right-sidebar,wide-blocks
Version: 3.3.3.1771187353
Updated: 2026-02-15 20:29:13

*/

<style>
.clergy-list {
    display: block; /* Or flex, depending on desired layout */
    margin-top: 30px;
}

.clergy-member {
    border: none;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    clear: both;
    margin-bottom: 60px;
}
.clergy-image { display: block; float: left; clear: left; margin-right: 40px; width: 20%; }

.clergy-image img {
    max-width: 100%;
    height: auto;
    border-radius: 0; /* For round images */
    margin-bottom: 15px;
    display: block; /* Remove extra space below image */
    margin-left: auto;
    margin-right: auto;
}
.clergy-details {
    float: right;
    clear: right;
    width: calc(80% - 40px);
    display: inline-block;
border: none;
}
.clergy-display-name {
    font-size: 1.8em;
    margin-bottom: 5px;
text-align: left;
border: none;
padding-top: 0;
margin-top: 0;
}

.clergy-title {
    color: #555;
	font-size: 1.2em;
    margin-bottom: 10px;
text-align: left;
}
.clergy-phone { text-align: left; font-size: 1.2em; }
.clergy-phone a, .clergy-title a {
    color: #0073aa; 
    text-decoration: none;
	font-weight: normal;
}

.clergy-phone a:hover {
    text-decoration: underline;
}

.clergy-description {
    margin-top: 15px;
    text-align: left;
    
    line-height: 1.5;
max-height: 90px;
    overflow: hidden;
transition: max-height 0.3s ease;

}
.clergy-description.expanded {
  max-height: 9999px; /* A large value to allow full expansion */
  overflow: visible;
}
.read-more-button {text-align: left;display: none;}
.CSVTextBlock { clear: both; display: block; padding-top: 10px; }
</style>