/* Additions on top of the tabligh theme for the custom site */

.topbar-right .social-links a { color: #fff; margin-left: 14px; font-size: 14px; }
.topbar-right .social-links a:hover { opacity: .8; }

/* Rich text from the admin editor */
.entry-content { font-family: Montserrat, sans-serif; font-size: 16px; line-height: 1.8; color: #555; }
.entry-content p { margin-bottom: 1em; }
.entry-content h2, .entry-content h3, .entry-content h4 { margin: 1.4em 0 .6em; }
.entry-content img { max-width: 100%; height: auto; }
.entry-content ul, .entry-content ol { padding-left: 1.4em; margin-bottom: 1em; }
.entry-content table { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
.entry-content table td, .entry-content table th { border: 1px solid #e5e5e5; padding: 8px 12px; }
.entry-content blockquote { border-left: 4px solid #0A993C; padding: 10px 20px; background: #f7f7f7; font-style: italic; }

.post-detail-title { margin: 20px 0 10px; font-size: 32px; }
.media-embed { position: relative; padding-top: 56.25%; }
.media-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.media-post-box { margin-top: 15px; padding: 15px; background: #f5f7f6; border-radius: 6px; }
.media-post-box video, .media-post-box audio { width: 100%; max-height: 420px; display: block; background: #000; }
.media-post-box audio { background: transparent; }
.media-post-download { display: inline-block; margin-top: 10px; font-weight: 600; }

.team-box .team-info span { font-size: 13px; letter-spacing: 1px; margin-top: 4px; text-transform: uppercase; }
.services-related ul li { padding: 4px 0; }

.sidebar-wrap .widget-box { background: #f7f7f7; padding: 25px; margin-bottom: 30px; }
.sidebar-wrap .widget-title { font-size: 22px; margin-bottom: 15px; }
.sidebar-wrap li { padding: 6px 0; border-bottom: 1px solid #e9e9e9; }
.sidebar-wrap li:last-child { border-bottom: 0; }

.contact-info-box, .contact-form-box { background: #f7f7f7; padding: 30px; margin-bottom: 30px; height: calc(100% - 30px); }
.contact-info-box p, .contact-info-box li { margin-bottom: 8px; }
.contact-info-box i { width: 22px; }
.contact-form-box .form-control { border-radius: 0; height: auto; padding: 12px 15px; border-color: #e1e1e1; }
.contact-form-box button.thm-btn { border: 0; cursor: pointer; }

.donation-account { padding: 35px 20px; margin-bottom: 30px; }
.donation-account i { font-size: 36px; display: block; margin-bottom: 10px; }
.donation-account .account-number { font-size: 26px; font-weight: 700; color: #222; letter-spacing: 1px; margin-top: 8px; }
.copy-btn { margin-top: 12px; border: 1px solid #0A993C; background: #fff; color: #0A993C; padding: 5px 16px; cursor: pointer; }
.copy-btn:hover { background: #0A993C; color: #fff; }

.pagination .page-item.active .page-link { background: #0A993C; border-color: #0A993C; color: #fff; }

@media (max-width: 767px) {
  .post-detail-title { font-size: 24px; }
  .donation-account .account-number { font-size: 22px; }
}

/* News card image fills the side panel instead of stretching the card */
.blog-wrap2 .post-img2 { bottom: 0; }
.blog-wrap2 .post-img2 a, .blog-wrap2 .post-img2 img { display: block; height: 100%; object-fit: cover; }
@media (max-width: 991px) {
  .blog-wrap2 .post-img2 { position: relative !important; max-width: 100%; height: 260px; width: 100%; }
}
/* Old WordPress posts use a bold line as a sub-heading */
.entry-content p > strong:only-child { color: #222; font-family: Philosopher, serif; font-size: 20px; }