@media (min-width: 992px) {
  .pkp_site_name .is_img img {
    max-width: 100% !important;
    max-height: 100% !important;
  }
  .pkp_site_name {
    padding-top: 2.5rem;
    padding-bottom: 0px;
  }
  .pkp_site_name_wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }

  .pkp_site_name .is_img {
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .pkp_page_index .homepage_image img {
    display: none;
  }

  .pkp_navigation_user_wrapper {
    top: 0px;
  }

  .pkp_navigation_primary_row {
    background: #c9870b;
  }

  .pkp_structure_head {
    background-color: #ddd;
    border-bottom: 0px;
  }
}

@media (max-width: 991px) {
  .pkp_site_name .is_img img {
    display: none;
  }

  .pkp_page_index .homepage_image {
    margin-top: -1.4rem;
  }
}

@media (max-width: 479px) {
  .pkp_site_name .is_img img {
    display: none;
  }

  .pkp_page_index .homepage_image {
    margin-top: -10px;
  }
}

.pkp_nav_list li:hover {
  color: #415f75;
}

/* style menu sidebar */
.custom-sidebar {
  background-color: #c9870b;
  color: #c9870b;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  font-family: Arial, sans-serif;
}

.sidebar-header h2 {
  color: #ecf0f1;
  text-align: center;
  font-size: 24px;
  /* margin-bottom: 30px; */
  margin-top: 0px;
  margin-bottom: 10px;
}

.menu {
  list-style-type: none;
  padding: 0;
}

.menu > li {
  padding: 0px !important;
}

.menu a {
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  padding: 10px;
  display: block;
  transition: background-color 0.3s ease;
}

.menu a:hover {
  background-color: #5e7867;
}

.submenu {
  display: none;
  list-style-type: none;
  padding-left: 15px;
}

.submenu li {
  margin-bottom: 8px;
}

.submenu a {
  font-size: 16px;
  padding: 8px;
}

.submenu-toggle::after {
  content: " ▼";
  font-size: 12px;
}

.menu li.active .submenu {
  display: block;
}

/* sidebar */
.pkp_block .title {
  display: block !important;
  padding-top: 0.5rem;
  background-color: #c9870b;
  text-align: center;
  color: #f9f9f9;
  margin-bottom: 1.5rem;
}

.pkp_structure_sidebar > * {
  padding-top: 0px;
}

.pkp_block {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
