#ojsBrand {
float: right;
margin-top: -9em;
}

#ojsBrand img{
width: 20%;
float: right;
}
.pkp_brand_footer {
    display: none;
}
.pkp_page_index .homepage_about{
text-align: justify;
}
.obj_article_details .abstract,
.obj_article_details .item > :last-child{
	text-align: justify;
}

details {
    margin: 5px;
    font-size: 18px;
  }
  details > * {
    padding: .75rem;
  }
  details > div {
    background: #ffffff;
    border-radius: 0 0 5px 5px;
  }
  summary {
    border-radius: 5px;
    font-size: 18px;
    font-family: sans-serif;
    font-weight: bold;
    color: #fff;
    background: #1d6896;
    cursor: pointer;
    position: relative;
    transition: .3s;
    text-indent: 0px;
  }
  summary::marker {
    content: "";
  }
  summary::before {
    content:"";
    position:absolute;
    inset: .75rem;
    left: auto;
    aspect-ratio: 1;
    background: 
     conic-gradient(from 90deg at 26% 26%, #0000 90deg, #fff 0) 
      100% 100%/58% 58%;
    clip-path: inset(1px);
    transition: .3s;
  }
  details[open] summary::before {
    transform: rotate(45deg);
  }
  details[open] summary {
    border-radius: 5px 5px 0 0;
    background: #0c4365;
    text-indent: 1rem;
  }


/* ===== BEAM logo size (desktop only; mobile keeps the theme default) ===== */
@media (min-width: 992px){
  .pkp_site_name .is_img img{
    width: 200px;      /* change this number to resize the desktop logo */
    max-width: 100%;
    max-height: none;
    height: auto;
  }
}

/* ===== BEAM mobile header: taller bar so a bigger logo fits =====
   Change 64px to make the bar taller/shorter (keep the four values equal),
   and 52px to resize the logo (keep it at least 12px smaller than the bar). */
@media (max-width: 991px){
  .pkp_site_name_wrapper,
  .pkp_site_nav_toggle{
    height: 64px;
  }
  .pkp_site_name{
    top: 0;
    height: 64px;
    display: flex;
    align-items: center;
  }
  .pkp_site_name > a{
    padding-top: 0;
    padding-bottom: 0;
  }
  .pkp_site_name .is_img{
    margin: 0;
  }
  .pkp_site_name .is_img img{
    max-height: 52px;
    width: auto;
  }
}

/* ===== BEAM header refresh (desktop only, so mobile keeps the default layout) ===== */
@media (min-width: 992px) {

  .pkp_structure_head{
    background:#fff;
    border-bottom:1px solid #cfdde1;
  }

  /* Main menu: quiet text links with a teal underline on hover/current */
  .pkp_navigation_primary > li > a{
    color:#10222b;
    font-weight:500;
    padding:10px 14px;
    border-bottom:3px solid transparent;
  }
  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_primary > li > a:focus{
    color:#0b3c5d;
    background:transparent;
    border-bottom-color:#14808a;
  }
  .pkp_navigation_primary > li.current > a,
  .pkp_navigation_primary > li > a[aria-current]{
    color:#0b3c5d;
    border-bottom-color:#0b3c5d;
  }

  /* Dropdowns */
  .pkp_navigation_primary ul{
    background:#fff;
    border:1px solid #cfdde1;
    border-radius:8px;
    box-shadow:0 10px 24px rgba(11,60,93,.14);
    padding:6px 0;
  }
  .pkp_navigation_primary ul a{
    color:#10222b;
    padding:8px 16px;
    border:0;
  }
  .pkp_navigation_primary ul a:hover,
  .pkp_navigation_primary ul a:focus{
    background:#eef5f6;
    color:#0b3c5d;
  }

  /* Search button */
  .pkp_navigation_search_wrapper a{
    color:#10222b;
    border:1.5px solid #cfdde1;
    border-radius:6px;
    padding:6px 14px;
  }
  .pkp_navigation_search_wrapper a:hover,
  .pkp_navigation_search_wrapper a:focus{
    background:#0b3c5d;
    border-color:#0b3c5d;
    color:#fff;
  }

  /* User menu (Dashboard, View Profile, Logout) */
  .pkp_navigation_user > li > a{
    color:#4a606b;
    font-size:.85rem;
  }
  .pkp_navigation_user > li > a:hover,
  .pkp_navigation_user > li > a:focus{
    color:#0b3c5d;
    background:transparent;
    text-decoration:underline;
  }
}