/* Custom overrides for BraveTopic theme */

:root {
  --bt-primary: #0d6efd;
  --bt-primary-dark: #0b5ed7;
  --bt-accent: #ffffff;
}

.header-top,
.mean-container .mean-bar,
.header-area,
.main-menu ul li ul,
.main-menu ul li ul li,
.mean-container .mean-nav ul li a,
.footer-area-top,
.footer-area-bottom,
#scrollUp {
  background: var(--bt-primary);
}

.header-top,
.header-top a,
.header-area a,
.footer-area-top,
.footer-area-top a,
.footer-area-bottom,
.footer-area-bottom a,
.mean-container .mean-bar a,
.mean-container .mean-nav ul li a {
  color: var(--bt-accent);
}

.main-menu ul li a,
.mean-container .mean-bar .meanmenu-reveal {
  color: var(--bt-accent);
}

.main-menu ul li a:hover,
.main-menu ul li.active a,
.main-menu ul li.current-menu-item a,
.view-all-link:hover {
  color: #dbe9ff;
}

.mean-container .mean-nav ul li a {
  border-top-color: rgba(255, 255, 255, 0.15);
}

.pagination-area .pagination li.active a,
.pagination-area .pagination li a:hover,
.view-all-link {
  background: var(--bt-primary);
  border-color: var(--bt-primary);
}

.pagination-area .pagination li a:hover,
.pagination-area .pagination li.active a {
  color: #fff;
}

.pagination-area .pagination li a {
  border-color: #d0d7de;
  color: #333;
  background: #fff;
}

.post-content blockquote {
  border-left-color: var(--bt-primary);
}

.section-title,
.single-blog-content .blog-title a:hover,
.single-blog-content .blog-title a:focus,
.latest-posts-title a:hover {
  color: var(--bt-primary);
}

.footer-menu ul li a:hover,
.footer-social ul li a:hover {
  color: #dbe9ff;
}

#scrollUp {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.post-content p {
  margin-bottom: 18px;
  line-height: 1.8;
  font-size: 16px;
}
.post-content h2 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 600;
}
.post-content h3 {
  margin-top: 25px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
}
.post-content ul,
.post-content ol {
  margin-bottom: 18px;
  padding-left: 25px;
  list-style: disc;
}
.post-content ol {
  list-style: decimal;
}
.post-content li {
  margin-bottom: 8px;
  line-height: 1.7;
}
.post-content blockquote {
  background: #f9f9f9;
  font-style: italic;
}
.post-content a {
  color: var(--bt-primary);
  text-decoration: underline;
}
.post-content a:hover {
  color: var(--bt-primary-dark);
}
.post-content img {
  max-width: 100%;
  height: auto;
  margin: 15px 0;
}
.post-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
.post-content table th,
.post-content table td {
  border: 1px solid #ddd;
  padding: 10px 12px;
  text-align: left;
}
.post-content table th {
  background: #f5f5f5;
  font-weight: 600;
}

#scrollUp i,
.img-popup-icon,
.img-popup-icon-layout2,
.more-info-link a:hover i,
.more-info-link-light a:hover i,
.isotop-btn a:hover i,
.isotop-btn-light a:hover i,
.btn-gtf-dtp-50 i,
.nav-control-top2 .owl-controls i,
ul.news-info-list li i,
.login-btn i,
.header-style7 ul.news-info-list li i,
ul.address-info li i,
.blog-post-slider .prev-article i,
.blog-post-slider .next-article i,
.post-info-dark .fa,
.post-info-dark i,
.fa {
  color: var(--bt-primary);
}

#scrollUp i {
  color: #fff;
}

.more-info-link a:hover i,
.more-info-link-light a:hover i,
.isotop-btn a:hover i,
.isotop-btn-light a:hover i,
.login-form .checkbox-primary input[type=checkbox]:checked + label::before {
  border-color: var(--bt-primary);
}

.login-form .checkbox-primary input[type=checkbox]:checked + label::before {
  background-color: var(--bt-primary);
}

.img-popup-icon:hover {
  color: var(--bt-primary);
}

/* Source attribution in post meta */
.post-info-dark .fa-globe,
.post-info-dark .fa-calendar {
  margin-right: 3px;
}
.post-info-dark {
  font-weight: 600;
}

/* Post summary in cards */
.position-relative > p,
.media-body > p {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  margin-top: 5px;
}
