/* Shared header and blog layout. Load after the theme's responsive styles. */
.site-header {
  padding-top: 0;
  background: #672b83;
  font-family: 'Epilogue', system-ui, sans-serif;
}
.site-header .site-announcement {
  background: #bd1465;
  padding: 9px 0;
  text-align: center;
}
.site-header .site-announcement p {
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
.site-header .center-ber { margin: 0; padding: 20px 0; }
.site-header .center-ber .logo img { width: 302px; height: auto; max-width: 100%; }
.site-header .nav-bar { background: #fff; }
.site-header .navbar { flex-wrap: nowrap; gap: 24px; }
.site-header .navbar-links { align-items: center; justify-content: space-between; gap: 24px; }
.site-header .navbar-links > li { padding: 20px 0 24px; }
.site-header .navbar-links > li > a { font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.5; }
/* Keep the hover underline stable and use the shared theme purple. */
.site-header .navbar-links > li > a { border-bottom: 5px solid transparent; }
.site-header .navbar-links > li:hover > a,
.site-header .navbar-links > li > a:focus-visible {
  color: #672b83;
  border-bottom: 5px solid #672b83;
}
.site-header .navbar-links .dropdown a:hover,
.site-header .navbar-links .dropdown a:focus-visible,
.site-header .mobile-nav > ul li > a:hover,
.site-header .mobile-nav > ul li > a:focus-visible { color: #672b83; }
.site-header .mobile-nav > ul > li { padding-bottom: 12px; }
.site-header nav.navbar a.phone {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  padding: 0 0 0 28px;
  margin-left: 24px;
  height: 40px;
  white-space: nowrap;
}
.site-header .phone i { display: flex; align-items: center; }
.site-header .phone svg { width: 24px; height: 24px; margin-right: 10px; }
.blog-layout > .col-lg-8, .blog-layout > .col-lg-4 { min-width: 0; }
.blog-layout .sidebar .posts { padding: 28px; }
.blog-layout .recent-posts li { gap: 14px; }
.blog-layout .recent-posts img { margin-right: 0; }
.blog-layout .recent-posts > li > div > a { display: block; white-space: nowrap; }
.blog-layout .recent-posts h6 a { overflow-wrap: break-word; }
.our-blog .blog-post-date h6, .our-blog .blog-index-date h6,
.our-blog .blog-post-date h6 span, .our-blog .blog-index-date h6 span {
  font-family: 'Epilogue', system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
.our-blog .blog-index-date { margin-top: 18px; }
.blog-detail .blog-post p { margin: 0 0 24px; padding-bottom: 0; }
.blog-detail .blog-post > h4 { margin: 28px 0 16px; line-height: 1.4; }
.blog-detail .blog-post .holidays-text { margin: 24px 0; padding: 0; }
.blog-detail .blog-post .holidays-text ul { margin: 0; padding: 0; }
.blog-detail .blog-post .holidays-text li { padding: 0; margin: 0 0 12px; line-height: 1.75; align-items: flex-start; }
.blog-detail .blog-post .holidays-text li:last-child { margin-bottom: 0; }
.blog-detail .blog-post .holidays-text .bol { flex: 0 0 10px; margin-top: 9px; }
.blog-detail .blog-post .quote-box { margin: 28px 0; }
.blog-detail .blog-post .quote-box h4 { margin-bottom: 16px; line-height: 1.5; }
.blog-detail .blog-support-row { margin-top: 28px; margin-bottom: 40px; }
.blog-detail .blog-support-row p:last-child { margin-bottom: 0; }
@media (min-width: 992px) {
  .our-blog .blog-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr); align-items: start; }
  .our-blog .blog-layout > .col-lg-8,
  .our-blog .blog-layout > .col-lg-4 { width: auto; }
  .blog-layout .sidebar { margin-top: 0; }
}
@media (min-width: 992px) and (max-width: 1399px) {
  .blog-layout .sidebar .posts { padding: 24px; }
  .blog-layout .recent-posts img { width: 72px !important; height: 72px !important; flex-basis: 72px; max-width: 72px; }
}
@media (max-width: 991px) {
  .blog-layout > .col-lg-4 { margin-top: 40px; }
}
@media (max-width: 767px) {
  .site-header .site-announcement p { font-size: 12px; }
  .site-header .center-ber { padding: 18px 0; }
  .site-header .center-ber .logo img { width: 250px; }
  .blog-detail .blog-support-row > div + div { margin-top: 24px; }
}