/*!
 * E-SER Modified CSS 
 * Copyright 2022 Truncgil Technology
 */
 @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
 .navbar-brand .navbar-brand-item {
    height: 70px;
    display: block;
    width: auto;
  }
  .navbar-brand {
    margin-right:0px;
    position:relative;
    width: 280px;
  }
  .navbar-title {
      font-family: 'Anton', sans-serif;
      display: block;
      width: 275px;
      position: absolute;
      top: 30px;
      white-space: normal;
      left: 96px;
      font-size: 25px;
      line-height: 35px;
      text-align: revert;
      /* transform: scale(1.5); */
  }
.navbar-sticky-on .navbar-title {
      display: block;
      width: 223px;
      position: absolute;
      top: 18px;
      white-space: normal;
      left: 73px;
      font-size: 19px;
      line-height: 21px;
      text-align: revert;
      /* display:none; */
}
.navbar-sticky-on .navbar-brand .navbar-brand-item {
  height: 50px;
}
.offcanvas .navbar-title {
  top: 0px;
}
footer .navbar-title {
  top: 10px;
  /* font-size: 18px; */
  line-height: 23px;
  /* position: relative; */
  /* left: 0px; */
  height: 70px;
  font-size: 20px;
  color: white !important;
  width: 183px;
}

@media screen and (min-width:1200px) {
  .navbar-expand-xl .navbar-collapse {
    display: block !important;
  }
}

  @media screen and (max-width:1199px) {
    
    .navbar-brand {
      margin-right:0px;
      position:relative;
      width: auto;
    }
    .navbar-title {
        /* display: none; */
    }
  }
    @media screen and (max-width:991px) {
    .navbar-brand {
      margin-right:0px;
      position:relative;
      width: auto;
    }
    .navbar-title {
      display: block;
      width: 213px;
      position: absolute;
      top: 40px;
      white-space: normal;
      left: 96px;
      font-size: 24px;
      line-height: 24px;
      text-align: revert;
    }
  }   
    @media screen and (max-width:767px) {
    .navbar-brand {
      margin-right:0px;
      position:relative;
      width: auto;
    }
    .navbar-expand-xl .navbar-collapse {
      display: none !important;
    }
    .navbar-expand-xl .navbar-collapse.show {
      display: block !important;
    }
    .navbar-title {
      display: block;
      width: 213px;
      position: absolute;
      top: 30px;
      white-space: normal;
      left: 96px;
      font-size: 24px;
      line-height: 24px;
      text-align: revert;
    }
    footer .navbar-title {
        top: 10px;
        /* font-size: 18px; */
        /* line-height: 23px; */
        position: absolute;
        left: 92px;
        height: 75px;
    }
  }   
   @media screen and (max-width:440px) {
    .navbar-brand {
      margin-right:0px;
      position:relative;
      width: auto;
    }
    .navbar-title {
      display: block;
      width: 180px;
      position: absolute;
      top: 32px;
      white-space: normal;
      left: 79px;
      font-size: 18px;
      line-height: 20px;
      text-align: revert;
    }
    .navbar-brand .navbar-brand-item {
      height: 84px;
    }
  }
.navbar-nav .material-symbols-outlined {
  position:relative;
  top: 3px;
  font-size: 20px;
}
.material-symbols-outlined {
  font-size:unset;
  position: relative;
  top: 3px;
}
.navbar-expand-xl .navbar-nav {

  float: right !important;
}

.show .navbar-nav {
  float:none !important;
}a
.navbar-nav .nav-item:last-child .nav-link {
  padding-right: 15px;
}
[data-theme="dark"] .navbar-title {
  color:white !important;
}
.most .tns-controls {
    position: absolute;
    top: -44px;
    right: 25px;
}
#articles-in-press .tns-controls {
    position: absolute;
    top: -36px;
    right: -5px;
}

.latest-issue .tns-controls {
    position: absolute;
    top: -52px;
    right: -3px;
}
#partner-journals .tns-controls {
  right: 13px;
  position: absolute;
  top: -52px;
}	


[data-action="stop"], [data-action="start"]  {
  display:none;
}
.z-index {
  z-index: 1000;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  /* font-weight: 100; */
}

h2.card-title a {
  font-size: 1.485rem;
  font-weight: normal;
  color: black !important;
}
.orcid {
  cursor:pointer;
  font-weight: normal;
  color: black !important;
}
.article-section {
  padding:0px;
}
.breadcrumb-container {
  background:#2163e8;
  margin-bottom: 10px;;
}
.breadcrumb-container * {
  color:white !important;
  font-size: 14px;
}
.breadcrumb-container .breadcrumb  {
  margin:0px;
}
.breadcrumb-item.title {
  width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.announcement .tiny-slider.arrow-end {
  width: calc(100% - 153px);
}
@media screen and (max-width:768px) {
  .announcement .tiny-slider.arrow-end {
  width: 100%
}
}
.ref {
  width:100%;
  overflow:auto
}
.rounded {
  border-radius: 15px !important;
}
#announcement .tns-controls {
  position: absolute;
  top: -34px;
  right: 16px;
}
.dropdown-item {
  text-transform: unset;
}
.eser-header {
  background: #2163e8;
  color: #fff;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  font-family: var(--bs-body-font-family);
  padding: 15px;
  font-weight: var(--bs-nav-link-font-weight);
  border-radius: 10px 10px 0 0;
  /* margin: -16px; */
  margin-bottom: 10px;
}

.tns-controls [data-controls] {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  margin: 0;





}
.offcanvas {
  z-index: 10000000;
}

.list-group-item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.list-group-item:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.most button {
  color:black !important;
}
.most button:hover {
  color:white !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: #ffffff;
  content: var(--bs-breadcrumb-divider, "►") /* rtl: var(--bs-breadcrumb-divider, "/");;; */;
}

.tns-controls button {
  background: none !important;
  color:white !important;
}

#most-read .tns-controls button,  .announcement .tns-controls button {
  color:black !important;
}
.doi-link {
  color: #2163e8;
}
.doi-link:hover {
  color:orange;
}
.metrics .btn {
  font-size:30px;
  font-weight: normal;
  width: 160px;
}
.metrics .btn:hover {
  background:orange;
  border-color:orange;
}
.breadcrumb-container {
  z-index:100;
}

.accordion-button:not(.collapsed) {
   color: initial;
   background-color: initial;
}