:root {
  --bs-secondary: #54595F;
  --bs-secondary-rgb: 84, 89, 95;
  --bs-accent: #9B1B30;
}

a {
    color: inherit;
    text-decoration: none;
}
/* Header */
.site-header {
    width: 100%;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: unset !important;
}
.site-header .top-navigation .site-navigation .menu {
  margin-bottom: 0;
}
.site-header .top-navigation .site-navigation .menu-item a {
  margin: 0 16px;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 400;
  color: white;
}
.site-header .top-navigation .site-navigation .menu-item a:hover,
.site-header .top-navigation .site-navigation .menu-item a.active {
  text-decoration: none;
  text-decoration: underline;
}
/* .site-header .header-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.site-header .site-branding a {
  display: inline-block;
  position: relative;
}
.site-header .site-branding a img {
  height: 100%;
  max-height: 65px;
  width: auto;
}
.site-header .top-navigation {
  display: flex;
}
.site-header .top-navigation .site-navigation .menu-item a {
  margin: 0 16px;
  padding: 5px 0;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}
.site-header .top-navigation .site-navigation .menu-item a:hover,
.site-header .top-navigation .site-navigation .menu-item a.active {
  text-decoration: none;
}
.site-header .header-top {
  width: 100%;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
} */
.site-header .header-top {
    max-width: 1140px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
 }
.site-header.absolute {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(37, 37, 37, .7);
}
.admin-bar .site-header.absolute {
  margin-top: 32px;
}

.filter-white {
    filter: brightness(0) invert(1);
}

@media (min-width: 991px) {
  #headerNavigation.collapse:not(.show) {
      display: block !important;
  }
}

@media (max-width: 991px) {
  .site-header {
    padding-block: 0;
  }
  .navbar-toggler, .navbar-toggler:hover {
      border: none;
      padding: 0.25rem 0.5rem;
      background-color: none;
  }

  .navbar-toggler img {
    max-width: 28px;
  }
  
  .navbar-toggler:focus {
      box-shadow: none;
      outline: none;
      background-color: none !important;
  }
  
  .navbar-toggler-icon {
      width: 1.5em;
      height: 1.5em;
  }
  
  #headerNavigation.collapse:not(.show) {
      display: none;
  }
  
  #headerNavigation.collapse.show {
      display: block;
  }
  
  .menu-main-menu-container .menu {
      flex-direction: column;
      gap: 0;
      padding: 1rem 0;
  }
  
  .menu-main-menu-container .menu-item {
      width: 100%;
  }
  
  .menu-main-menu-container .menu-item a {
      display: block;
      padding: 0.75rem 1rem;
      /* border-bottom: 1px solid #eee; */
      /* color: #333; */
  }
  
  /* .menu-main-menu-container .menu-item:last-child a {
      border-bottom: none;
  } */
  
  /* .menu-main-menu-container .menu-item a:hover {
      background-color: #f8f9fa;
      color: #007bff;
  } */

  .site-navigation {
    width: 100%;
  }
}

@media (max-width: 767px) {
  body {
    margin-top: 90px;
  }
  .site-header .header-top {
    height: 90px;
  }
  .site-branding img {
    max-height: 90px;
    max-width: auto !important;
  }
  .site-header .header-top .top-navigation {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 90px;
    left: 0;
    width: 100%;
    max-width: 100vw;
    background-color: rgba(37, 37, 37, .7);
  }
  .site-header .menu-main-menu-container {
    width: 100%;
  }
  .site-header .menu-main-menu {
    width: 100%;
  }
  .site-header .header-top .top-navigation .menu {
    display: flex;
    flex-direction: column;
  }
  .site-header .header-top .top-navigation .menu li {
    padding: 10px 15px;
  }
}

/* Footer */
#site-footer {
    background: #1c1c1c;
    color: #fff;
    width: 100%;
    max-width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0 0;
}
.footer-container {
    width: 100%;
    max-width: 1140px;
    padding: 15px 15px 0;
}
.footer-bottom {
    border-top: 2px solid #616068 ;
    padding: 15px 0;
}

#site-footer .footer-container .widget_nav_menu ul.menu {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  display: flex;
  flex-direction: column;
}
#site-footer .footer-container .widget_nav_menu ul.menu li {
  margin: 0 5px;
  padding: 0;
}
#site-footer .footer-container .widget_nav_menu ul.menu li a {
  font-size: 1rem;
}
#site-footer .footer-container .widget_nav_menu ul.menu li a:hover {
  color: inherit;
  text-decoration: underline;
}

#site-footer .footer-container .wp-block-social-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
#site-footer .footer-container .wp-block-social-links .wp-social-link {
  width: 28px;
  height: 28px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .25rem;
}
#site-footer .footer-container .wp-block-social-links .wp-social-link svg {
  color: #1a1a1a;
}
#site-footer .footer-container .wp-block-social-links .wp-social-link.wp-social-link-facebook:hover {
  background: #1778f2;
}
#site-footer .footer-container .wp-block-social-links .wp-social-link.wp-social-link-instagram:hover {
  background: #E1306C;
}
#site-footer .footer-container .wp-block-social-links .wp-social-link.wp-social-link-x:hover {
  background: #1d9bf0;
}
#site-footer .footer-container .wp-block-social-links .wp-social-link.wp-social-link-youtube:hover {
  background: #FF0000;
}
#site-footer .footer-container .wp-block-social-links .wp-social-link.wp-social-link-tiktok:hover {
  background: #00f2ea;
}

/* Post page */
.site-main {
  min-height: calc(100vh - 369px);
  margin: 50px 0;
}
.single .site-main {
  min-height: calc(100vh - 689px);
}
.admin-bar .site-main {
  /* add 32px admin bar height */
  min-height: calc(100vh - 401px);
}
.admin-bar.single .site-main {
  min-height: calc(100vh - 721px);
}

/* Single header */
.single-header-container-img {
  height: 320px;
  background-color: #262626;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.single-header-container-img img {
  object-fit: cover;
  object-position: center;
  min-width: 100vw;
  height: auto;
}

.page-header h1 {
  text-align: center;
  font-size: 1.75rem;
  margin-bottom: 20px;
  font-weight: bold;
}

/* Pagination */
.pagination { display: flex; align-items: center; justify-content: center; gap: .5rem; }
.pagination .page-item a, .pagination .page-item.active { border: 1px solid #cccccc; width: 32px; height: 32px; color: #252525; background: transparent; display: flex; align-items: center; justify-content: center; font-weight: 600; }
.pagination .page-item.active { background-color: var(--bs-secondary); color: white; }
.pagination .page-item a:hover { background-color: var(--bs-accent); color: white; }

/* Forms */
.input-group input, .input-group button { border-radius: 0; }

/* widgets */
.widget_search .wp-block-search__input, .widget_search .wp-block-search__button { border-radius: 0; }
.widget_search .wp-block-search__button { 
  border-color: var(--bs-secondary); background-color: var(--bs-secondary); color: white; margin: 0; padding: 6px 12px; }
.widget_search .wp-block-search__button:before { 
  content: "\f52a";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Sidebar */
.sidebar .widget h5 { font-weight: bold; margin-bottom: 1rem; }
.sidebar .wp-block-categories.echos-categories { list-style: none; margin: 0; padding: 0; }
.sidebar .wp-block-categories.echos-categories li { margin: 0; padding: .5rem 0; border-bottom: 1px solid #cccccc; display: flex; gap: .5rem; }
.sidebar .wp-block-categories.echos-categories li a { display: flex; align-items: center; gap: .5rem; }
.sidebar .wp-block-categories.echos-categories li a:before { content: ">"; }
.sidebar .wp-block-categories.echos-categories li a:hover { color: var(--bs-accent);}

.wp-block-latest-posts li { display: flex; padding: .5rem 0; border-bottom: 1px solid #cccccc; }
.wp-block-latest-posts li .wp-block-latest-posts__featured-image img { width: 50px !important; height: 50px !important; }
.wp-block-latest-posts li a:hover { color: var(--bs-accent); }

.sidebar .hk-tags { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.sidebar .hk-tags li a { border: 1px solid #cccccc; padding: .25rem .75rem; }
.sidebar .hk-tags li a:hover { color: white; background-color: var(--bs-accent);}