html body nav.cmp_breadcrumbs {
  display: none !important;
}

.pkp_site_nav_menu {
    background: transparent;
}
.pkp_structure_head {
    background: transparent;
}

.pkp_structure_page {
    background: url(http://jhssjournal.com/public/journals/1/homepageImage.jpg);
    background-position-x: center;
    background-position-y: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
}

.pkp_structure_main {
     padding-left: 0;
     margin-left: initial !important;
}

.pkp_structure_main:before {
    width: 0;
}

.pkp_structure_main:first-child:last-child:after {
    width: 1.5px;
    right: 200px;
}

.pkp_site_title {
    font-size: 2rem !important;
    color: white;
}

.pkp_footer_content {
    padding: 0;
}

.pkp_brand_footer {
    display: none;
}

.pkp_structure_footer {
    margin: 0;
    width: auto;
}

.pkp_structure_main .page h1 {
    color: white;
}

.cmp_edit_link {
    color: white;
}

.pkp_block.block_information .title {
    color: white;
    font-size: 28px;     
}

.pkp_block.block_information .content ul li a {
    color: black;   
    text-decoration: underline;  
    text-underline-offset: 4px;
}

.pkp_block.block_information .content ul li {
    margin-bottom: 6px;
}

.pkp_block.block_information .content ul li a:hover {
    opacity: 0.8;
}

.pkp_block .block_custom {
    padding: 1.5rme;
}

.pkp_block .title {
    color: white;
    font-size: 28px;    
    margin-bottom: 0.83rem;
    white-space: nowrap;
}

/* Dropdown Menu Styling */
.dropdown-menu {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  padding: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.dropdown-menu li {
  list-style: none;
  margin: 0;
}

.dropdown-menu li a {
  display: block;
  padding: 0.75rem 1rem;
  color: white !important;
  text-decoration: none !important;
  border-radius: 6px;
  transition: background 0.2s ease;
  border: none !important;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
  background: rgba(255, 255, 255, 0.2) !important;
  color: white !important;
  border: none !important;
  outline: none !important;
}

.dropdown-menu li a:active {
  background: rgba(255, 255, 255, 0.25) !important;
  color: white !important;
}

/* Contact Section Styling */
.contact.primary h2 {
  color: white;
  font-size: 2rem; /* Adjust size as needed */
  margin-bottom: 1rem;
  font-weight: 600;
}

.contact.primary .name {
  color: white;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.contact.primary .email {
  color: white;
}

.contact.primary .email a {
  color: white !important;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.contact.primary .email a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

/* Notification Component Styling */
.cmp_notification {
  border-left: none !important;
  background: white;
  background-color: white !important;
  padding: 1rem;
}

.cmp_notification a {
  color: #ac724e !important;
  text-decoration: none;
  font-weight: 500;
}

.cmp_notification a:hover {
  color: #8f5d3e !important;
  text-decoration: underline;
}

.entry_details a {
  color: white !important;
  text-decoration: none;
}

.entry_details a:hover {
  color: rgba(255, 255, 255, 0.8) !important;
  text-decoration: underline;
}

.entry_details h2 {
    color: black;
}

.page_index_journal h2{
    color: white;
}

.obj_issue_toc h3 {
    color: black;
}

.obj_issue_toc a {
    color: white;
}

.obj_issue_toc .published .value {
    font-weight: 700;
}

.pkp_page_index .current_issue .read_more {
    color: white;
}

.obj_issue_summary a {
    color: white;
}

.obj_issue_summary .series {
    font-weight: 700;
}   

.pkp_page_index .additional_content {
    border-top: 0;
}

.pkp_site_branding {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.pkp_site_logo {
    max-height: 60px;
    width: auto;
}

#customblock-indexing-partners {
    padding: 0;
    padding-left: 2.143rem;
    padding-right: 0rem;
    padding-block: 2.143rem;
}
