@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: clip;
}

body {
  background-color: white;
  font-family: "IBM Plex Sans", serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
  font-family: "IBM Plex Serif", sans-serif;
  font-weight: 700;
  /* letter-spacing: -0.025em; */
  color: rgba(0, 0, 0, 0.95);
}

dt,
address,
table {
  font-family: "IBM Plex Sans", serif;
  font-size: revert;
}

.main-header {
  border-block-end: 0.125rem solid black;
}

.main-footer {
  border-block-start: 0.125rem solid black;
}

.main__content {
  /* margin-bottom: 7.5vh; */
  margin-block: 0;
  padding-bottom: 7.5vh;
  padding-top: 2rem;
}

.main-footer {
  /* margin-bottom: 7.5vh; */
  margin-block: 0;
  padding: 0 0;
}

.main-footer .container {
  padding: 7.5vh auto;
}

.container hr {
  margin-left: 0;
  width: 100%;
}

@media (min-width: 992px) {
  .container hr {
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}

hr {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

hr {
  border-width: 0.125rem;
}

.article__title {
  font-family: "IBM Plex Serif", "serif";
}

.main-header {
  background-color: white;
}

.main-header a {
  color: rgba(0, 0, 0, 0.95);
}

.hamburger__icon,
.hamburger__icon:before,
.hamburger__icon:after {
  background-color: rgba(0, 0, 0, 0.95);
}

.main__header {
  margin: 0;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  margin-bottom: 3.5rem;
  position: relative;
}

.main__header::after {
  content: "";
  position: absolute;
  width: 100svw;
  height: 0.125rem;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.95);
  bottom: 0;
  translate: -50%;
}

.main__title,
.journal-desc__title {
  /* text-transform: lowercase; */
}

hr {
  position: relative;
}

hr::after {
  content: "";
  position: absolute;
  width: 100svw;
  height: 0.125rem;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.95);
  bottom: 0;
  translate: -50%;
}

@media (min-width: 992px) {
  hr::after {
    width: 200svw;
  }
}

.comitato_titolo {
  /* text-transform: lowercase; */
  font-family: "IBM Plex Sans";
  color: rgba(0, 0, 0, 0.95);
  font-size: x-large;
}

/* 
Formato esempio
<p class="comitato_persona"><span class="comitato_nome">Emilia Pantini</span> | <span class="comitato_istituzione">Conservatorio di Benevento</span> | <a class="comitato_mail" href="mailto:emilia.pantini@conservatorio.bn.it">emilia.pantini@conservatorio.bn.it</a></p>
 */

.comitato_persona {
  margin-bottom: 0.2rem;
}

.comitato_nome {
  color: rgba(0, 0, 0, 0.95);
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
}

.comitato_istituzione {
  color: rgba(0, 0, 0, 0.95);
  font-family: "IBM Plex Sans";
  font-weight: 400;
}

.comitato_mail {
  color: #f96500;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
}

address a {
  color: #f96500;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 500;
}

.main-header {
  font-weight: 400;
}

.main-header a {
  font-family: "IBM Plex Sans";
}

.main-menu__title {
  font-family: "IBM Plex Sans";
}

.main-footer p {
  font-family: "IBM Plex Sans";
  font-weight: 400;
}

.archived-issue__title {
  font-family: "IBM Plex Serif", serif;
  font-style: italic;
  font-weight: bold;
  margin: 0;
}

.archived-issue__series {
  font-family: "IBM Plex Sans", serif;
  font-size: 18px;
  letter-spacing: 1;
}

.archived-issue .metadata {
  margin: 0.2rem 0;
  font-style: italic;
}

@media (min-width: 992px) {
  .navbar {
    display: grid;
    grid-template-columns: 1fr 4fr 1fr;
  }

  .main-menu__nav {
    justify-content: center;
  }
}

.description_starting-keyword {
  font-family: "IBM Plex Mono", monospace;
  font-style: italic;
  font-weight: 700;
  color: #f96500;
}

.btn-primary {
  background-color: rgba(0, 0, 0, 0.95);
  border: 0.125rem solid rgba(0, 0, 0, 0.95);
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}

.btn-primary.focus,
.btn-primary:focus {
  color: rgb(255, 255, 255);
  background-color: #f96500;
  box-shadow: #f9650088 0px 0px 0px 0.2rem;
  border-color: #f96500;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  border: 0.125rem solid rgba(0, 0, 0, 0.95);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #f9650088;
}

.btn-secondary {
  border: 0.125rem solid rgba(0, 0, 0, 0.95);
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  border: 0.125rem solid rgba(0, 0, 0, 0.95);
}

#mainArticleContent aside hr {
  margin-inline: 0;
}

#mainArticleContent aside hr::after {
  position: static;
  max-width: 100%;
  margin: 0;
  padding-inline: 0;
  translate: none;
}

@media (min-width: 992px) {
  .main__content {
    border-inline: 0.125rem solid black;
  }

  .container {
    padding-inline: 90px;
  }

  .main-footer .container {
    padding: 7.5vh 90px;
    border-inline: 0.125rem solid black;
  }

  .navbar.navbar-expand-lg.main-menu::after {
    position: absolute;
    right: 0px;
    bottom: 0;
    content: "";
    width: 100px;
    height: 35px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Livello_2" data-name="Livello 2" viewBox="0 0 122.61 54.96"><defs><style> .cls-1 { fill: %231d1d1b; } </style></defs><g id="Livello_1-2" data-name="Livello 1"><rect class="cls-1" width="122.61" height="1.66"/><rect class="cls-1" y="53.29" width="122.61" height="1.66"/><g><path class="cls-1" d="M3.8,43c1.62,1.44,3.93,2.17,6.85,2.17,2.43,0,4.41-.5,5.89-1.48.84-.56,1.55-1.2,2.14-1.93.11,1.79,1.15,2.78,2.94,2.78h4.3v-3h-4.09v-16.14c0-3.01-.84-5.37-2.51-7.01-1.67-1.65-4.1-2.48-7.25-2.48-2.61,0-4.72.54-6.26,1.62-1.53,1.06-2.7,2.49-3.49,4.24l-.23.53,2.46,1.67.34-.74c1.32-2.91,3.66-4.32,7.13-4.32,2.21,0,3.88.54,4.97,1.61,1.08,1.07,1.63,2.78,1.63,5.1v2.88h-6.29c-1.98,0-3.67.19-5.04.58-1.4.39-2.56.97-3.45,1.71-.91.76-1.57,1.68-1.96,2.73-.38,1.02-.57,2.15-.57,3.38,0,2.61.84,4.67,2.49,6.12ZM10.81,42.16c-1.88,0-3.41-.41-4.56-1.21-1.09-.76-1.62-1.87-1.62-3.39v-1.47c0-1.43.56-2.54,1.72-3.41,1.2-.9,3.21-1.36,5.98-1.36h6.29v4.77c0,1-.2,1.88-.6,2.61-.4.74-.95,1.37-1.63,1.87-.7.51-1.54.91-2.49,1.18-.96.28-2,.42-3.09.42Z"/><path class="cls-1" d="M117.21,25.39c0-3.01-.84-5.37-2.51-7.01-1.67-1.65-4.1-2.48-7.25-2.48-2.61,0-4.72.54-6.26,1.62-1.53,1.07-2.7,2.49-3.49,4.24l-.23.53,2.46,1.67.34-.74c1.32-2.91,3.66-4.32,7.13-4.32,2.21,0,3.88.54,4.97,1.61,1.08,1.07,1.63,2.78,1.63,5.1v2.88h-6.29c-1.98,0-3.67.19-5.04.58-1.4.39-2.56.97-3.45,1.71-.91.76-1.57,1.68-1.96,2.73-.38,1.02-.57,2.15-.57,3.38,0,2.61.84,4.67,2.49,6.12,1.62,1.44,3.93,2.17,6.85,2.17,2.43,0,4.41-.5,5.89-1.48.84-.56,1.55-1.2,2.14-1.93.11,1.79,1.15,2.78,2.94,2.78h4.3v-3h-4.09v-16.14ZM106.19,42.16c-1.88,0-3.41-.41-4.56-1.21-1.09-.76-1.62-1.87-1.62-3.39v-1.47c0-1.43.56-2.54,1.72-3.41,1.2-.9,3.21-1.36,5.98-1.36h6.29v4.77c0,1-.2,1.88-.6,2.61-.4.74-.95,1.37-1.64,1.87-.7.51-1.54.91-2.49,1.18-.96.28-2,.42-3.09.42Z"/><path class="cls-1" d="M81.96,17.43c-1.51-1.02-3.47-1.53-5.84-1.53-3.69,0-6.61,1.28-8.68,3.79-2.04,2.47-3.07,6.12-3.07,10.84s1.03,8.37,3.07,10.84c2.07,2.51,4.99,3.79,8.68,3.79,2.37,0,4.33-.52,5.84-1.55.82-.56,1.51-1.17,2.08-1.83.13,1.76,1.17,2.73,2.93,2.73h4.31v-3h-4.04V9.4h-3.21v9.87c-.57-.67-1.26-1.29-2.07-1.84ZM76.38,42.16c-2.79,0-4.87-.86-6.37-2.65-1.51-1.79-2.28-4.29-2.28-7.44v-3.05c0-3.15.77-5.66,2.28-7.47,1.5-1.8,3.58-2.67,6.37-2.67,1.04,0,2.04.16,2.99.47.93.3,1.75.73,2.44,1.26.67.52,1.22,1.15,1.63,1.89.4.72.6,1.52.6,2.37v11.25c0,.89-.2,1.71-.6,2.43-.41.74-.96,1.39-1.63,1.92-.68.54-1.5.96-2.42,1.25-.94.29-1.95.44-2.99.44Z"/><path class="cls-1" d="M36.12,16.53v24.99h-4.09v3h4.31c1.81,0,2.9-1.04,2.99-2.89v-16.7c0-1,.19-1.88.58-2.62.39-.75.91-1.37,1.56-1.87.67-.51,1.44-.89,2.32-1.14.9-.26,1.83-.39,2.77-.39,2.27,0,4.01.64,5.18,1.9,1.18,1.28,1.78,3.39,1.78,6.27v14.58c.09,1.81,1.18,2.86,2.99,2.86h4.31v-3h-4.09v-14.76c0-3.48-.85-6.18-2.51-8.04-1.68-1.87-4.12-2.82-7.25-2.82-2.44,0-4.4.51-5.82,1.52-.71.5-1.32,1.07-1.83,1.68v-2.57h-3.21Z"/></g></g></svg>');
    background-repeat: no-repeat;
    background-position: 0% 100%;
    background-size: 100% 100%;
    margin: 0.5em;
  }
}

.dropdown-menu {
  border: 0.125rem solid black;
}

.metadata {
  font-family: "IBM Plex Sans";
}

.footer_wrapper {
  display: flex;
  flex-direction: column;
  gap: 0rem;
}

.footer_wrapper p {
  font-family: "IBM Plex Mono";
}

@media (min-width: 992px) {
  .footer_wrapper {
    flex-direction: row;
    gap: 2rem;
  }
}

@media (max-width: 991px) {
  .loghi-wrapper {
    margin-top: 3rem;
    flex-direction: column;
  }
}

p.footer_license {
  /* font-family: "IBM Plex Mono" !important; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

p.footer_logo {
  font-family: "IBM Plex Serif";
  font-weight: 600;
  font-style: italic;
}

.main-footer h2 {
  margin-top: 0;
}

#customblock-footer-info {
  flex: 0 0 75%;
  max-width: 100%;
}

#customblock-logos {
  flex: 0 0 100%;
  max-width: 100%;
}

#customblock-logos .loghi-wrapper {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

#customblock-logos img {
  height: 5rem;
  object-fit: contain;
  width: fit-content;
  max-width: 100%;
}

.hidden {
  display: none;
}

@media (max-width: 991px) {
  .loghi-wrapper {
    margin-top: 3rem;
  }
}

.archived-issue .archived-issue__link img {
  border: 0.065rem solid rgba(0, 0, 0, 0.95);
  margin-bottom: 1rem;
}

.container.main__content .col-md-3 img {
  border: 0.125rem solid rgba(0, 0, 0, 0.95);
}

.issue {
  flex: 0 0 100%;
  max-width: 100%;
}

.descrizione-rivista {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-size: 1.2rem;
}

.codice_etico-titolo {
  font-size: 18px;
  font-family: "IBM Plex Sans";
}

.journal-desc__title {
  font-style: italic;
}

.additional-content {
  display: none;
}

.hidden {
  display: none;
}

.page_index.op_index figure img {
  mix-blend-mode: normal !important;
}

#articleMain hr {
  display: none;
}

#mainArticleContent aside hr {
  width: 100%;
}

footer {
  max-width: 100svw;
  overflow-x: clip;
}

.galley__content#htmlContainer {
  height: auto;
  padding: 0;

  margin: 0;
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

.galley__content iframe {
  border: none;
  padding: 0;
}

.container.galley {
  margin-inline: 0;
  width: 100%;
  max-width: 100%;
  padding: 15px;
}

/* .galley__header#htmlContainer {
  margin: 0;
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
} */

aside._idFootnote {
  font-size: unset;
}