HTML and CSS for Sermon Manager and Beaver Builder custom post layout

sermon-manager-grid-cpl-styles.css

.fl-post-grid-post {
    font-size: 14px;
    background-color: #fbfbfb;
    border: none;
    box-shadow: 0 4px 1px rgba(197, 197, 197, 0.2);
    background: #f6f6f6;
    transition: all 0.3s linear;
    width: 100%;
}

.fl-post-text {
    padding: 20px;
}

.fl-post-title {
  font-size: 24px;
	line-height: 26px;
	margin: 0;
  margin-bottom: 5px;
  padding: 0;
  letter-spacing: 3px;
}

.fl-post-meta {
  font-size: 14px;
  line-height: 16px;
	margin: 0;
  margin-bottom: 20px;
  padding: 0;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 3px;
}

sermon-manager-grid-cpl.html

[wpbb-if post:featured_image]
<div class="fl-post-image">
	[wpbb post:featured_image size="large" display="tag" linked="yes"]
</div>
[/wpbb-if]
<div class="fl-post-text">
    <h2 class="fl-post-title">[wpbb post:link text="title"]</h2>
    <div class="fl-post-meta">
    <span class="fa fa-th-list">[wpbb post:terms_list taxonomy='wpfc_sermon_series' separator=', ' linked='yes']</span>
    </div>
</div>