body {
    font-family: 'Lato', sans-serif;
    color: black !important;
}

p {
    color: black !important;
}

header {
  font-family: 'Raleway', sans-serif;
}

footer {
  font-family: 'Raleway', sans-serif;
}

.raleway {
    font-family: 'Raleway', sans-serif;
}


.h-60vh {
    height: 60vh !important; }


.menu-item {
    color:black;
    display: block;
    padding: 0.5rem 1rem;
}
.menu-item:hover, .menu-item:focus {
    color: #9a1413 !important;
    font-weight: 500 !important;
}


.date {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: white;
    background-color: #9a1413;
    /*background-image: linear-gradient(to bottom right, #005c98, #03045e); */
    margin: 10px 2px;
  }

p.vertical {
    font-family: 'Raleway', sans-serif;
    writing-mode: vertical-lr;
    color: #9a1413;
    font-weight: 300;
    text-align: right;
}
  
.menu-label {
  color: #fff;
  font-size: 20px;
  display: block;
 
}
.menu-label:hover, .menu-label:focus {

  color: #ffffff;
  background-color: #647297 !important;
}


/* per box con scritta verticale */


.with-vertical-title {
  padding-left: 10rem;
  position: relative; }

.vertical-title {
  transform: rotate(90deg);
  transform-origin: 0 100%;
  position: absolute;
  padding-left: 4rem;
  top: 0;
  left: 4rem;
  color: #adb5bd;
  font-weight: 400;
  text-transform: uppercase; }
  .vertical-title:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 40px;
    height: 1px;
    background: #adb5bd; }

    @media (max-width: 700px){
      .logo img{
        height: auto;
        max-width: 90%;
      }
      
      .vertical-title{
        padding-left:0;
        position: relative;
        transform: rotate(0);
        left: 0;
        margin-bottom: 1rem;
      }
      .vertical-title:before{
        display: none;
      }
      .with-vertical-title{
        padding: 0 !important;
      }
    }


/* text */
.text-fupred {
    color: #9a1413;
}

.text-fupblue {
    color: #647297;
}

/* border */
.border-fupred {
    border-color: #9a1413 !important; }

/* border */
.border-fupblue {
    border-color: #647297 !important;
}

/* backgrounds */
.bg-fupred {
    background-color: #9A1413 !important;
}

.bg-fupgray {
    background-color: #edf1f4 !important;
}

.bg-fupblue {
    background-color: #647297 !important;
}

.bg-fupblue-light:hover {
    background-color: #D0D4DF !important;
}

/* badges

monograph: 9b526a
edited: a3687d
chapter: 470018
justaccepted: 7f0f34
digital: 6a3749
forthcoming: 

*/
/* badge per i libri */
.badge-monograph {
  color: #ffffff;
  background-color: #994a65;
  font-weight: 400;
  font-size: 16px; }
  a.badge-monograph:hover, a.badge-monograph:focus {
    color: #ffffff;
    background-color: #9b526a; }
  a.badge-monograph:focus, a.badge-monograph.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }


.badge-edited {
  color: #ffffff;
  background-color: #ae76a6;
  font-weight: 400;
  font-size: 16px; }
  a.badge-edited:hover, a.badge-edited:focus {
    color: #ffffff;
    background-color: #a3687d; }
  a.badge-edited:focus, a.badge-edited.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }


.badge-chapter {
  color: #ffffff;
  background-color: #6a0a52;
  font-weight: 400;
  font-size: 16px; }
  a.badge-chapter:hover, a.badge-chapter:focus {
    color: #ffffff;
    background-color: #470018; }
  a.badge-chapter:focus, a.badge-chapter.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.badge-just {
  color: #ffffff;
  background-color: #ae174a;
  font-weight: 400;
  font-size: 16px; }
  a.badge-just:hover, a.badge-just:focus {
    color: #ffffff;
    background-color: #7f0f34; }
  a.badge-just:focus, a.badge-just.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.badge-digital {
  color: #ffffff;
  background-color: #ca483f;
  font-weight: 400;
  font-size: 16px; }
  a.badge-digital:hover, a.badge-digital:focus {
    color: #ffffff;
    background-color: #6a3749; }
  a.badge-digital:focus, a.badge-digital.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.badge-policy {
  color: #ffffff;
  background-color: #004346;
  font-weight: 400;
  font-size: 16px; }
  a.badge-policy:hover, a.badge-policy:focus {
    color: #ffffff;
    background-color: #004346; }
  a.badge-policy:focus, a.badge-policy.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.badge-series {
  color: #ffffff;
  background-color: #7b2cbf;
  font-weight: 400;
  font-size: 16px; }
  a.badge-series:hover, a.badge-series:focus {
    color: #ffffff;
    background-color: #6a3749; }
  a.badge-series:focus, a.badge-series.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.badge-cloudmember {
  color: #ffffff;
  background-color: #136f63;
  font-weight: 400;
  font-size: 16px; }
  a.badge-cloudmember:hover, a.badge-cloudmember:focus {
    color: #ffffff;
    background-color: #136f63; }
  a.badge-cloudmember:focus, a.badge-cloudmember.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.badge-comitato {
  color: #ffffff;
  background-color: #22aaa1;
  font-weight: 400;
  font-size: 16px; }
  a.badge-comitato:hover, a.badge-comitato:focus {
    color: #ffffff;
    background-color: #22aaa1; }
  a.badge-comitato:focus, a.badge-comitato.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }


.badge-forthcoming {
    color: #ffffff;
    background-color: #270a6a;
    font-weight: 400;
    font-size: 16px;
}

/*badge generici*/
.badge-fupred {
  color: #ffffff;
  background-color: #9a1413;
  font-weight: 400;
  font-size: 16px; }
  a.badge-fupred:hover, a.badge-fupred:focus {
    color: #ffffff;
    background-color: #bd2130; }
  a.badge-fupred:focus, a.badge-fupred.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.badge-fupblue {
  color: #ffffff;
  background-color: #647297;
  font-weight: 400; 
  font-size: 16px; }
  a.badge-fupblue:hover, a.badge-fupblue:focus {
    color: #ffffff;
    background-color: #545b62; }
  a.badge-fupblue:focus, a.badge-fupblue.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }



/* buttons */
.btn-fupred {
    color: #ffffff;
    background-color: #9a1413;
    border-color: #9a1413; }
    .btn-fupred:hover {
      color: #ffffff;
      background-color: #c82333;
      border-color: #bd2130; }
    .btn-fupred:focus, .btn-fupred.focus {
      box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
    .btn-fupred.disabled, .btn-fupred:disabled {
      color: #ffffff;
      background-color: #9a1413;
      border-color: #9a1413; }
    .btn-fupred:not(:disabled):not(.disabled):active, .btn-fupred:not(:disabled):not(.disabled).active,
    .show > .btn-fupred.dropdown-toggle {
      color: #ffffff;
      background-color: #bd2130;
      border-color: #b21f2d; }
      .btn-fupred:not(:disabled):not(.disabled):active:focus, .btn-fupred:not(:disabled):not(.disabled).active:focus,
      .show > .btn-fupred.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-outline-fupred {
    color: #9a1413;
    border-color: #9a1413;
    font-weight: 500; }
    .btn-outline-fupred:hover {
      color: #ffffff;
      background-color: #9a1413;
      border-color: #9a1413; }
    .btn-outline-fupred:focus, .btn-outline-fupred.focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
    .btn-outline-fupred.disabled, .btn-outline-fupred:disabled {
      color: #9a1413;
      background-color: transparent; }
    .btn-outline-fupred:not(:disabled):not(.disabled):active, .btn-outline-fupred:not(:disabled):not(.disabled).active,
    .show > .btn-outline-fupred.dropdown-toggle {
      color: #ffffff;
      background-color: #9a1413;
      border-color: #9a1413; }
      .btn-outline-fupred:not(:disabled):not(.disabled):active:focus, .btn-outline-fupred:not(:disabled):not(.disabled).active:focus,
      .show > .btn-outline-fupred.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }



.btn-fupblue {
  color: #ffffff;
  background-color: #647297;
  border-color: #647297; }
.btn-fupblue:hover {
  color: #ffffff;
  background-color: #4c619c;
  border-color: #4c619c; }
.btn-fupblue:focus, .btn-fupblue.focus {
  box-shadow: 0 0 0 0.2rem rgba(85, 145, 255, 0.5); }
.btn-fupblue.disabled, .btn-fupblue:disabled {
  color: #ffffff;
  background-color: #647297;
  border-color: #647297; }
.btn-fupblue:not(:disabled):not(.disabled):active, .btn-fupblue:not(:disabled):not(.disabled).active,
.show > .btn-fupblue.dropdown-toggle {
  color: #ffffff;
  background-color: #4c619c;
  border-color: #4c619c; }
.btn-fupblue:not(:disabled):not(.disabled):active:focus, .btn-fupblue:not(:disabled):not(.disabled).active:focus,
.show > .btn-fupblue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(85, 145, 255, 0.5); }

  .btn-outline-fupblue {
    color: #647297;
    border-color: #647297; }
    .btn-outline-fupblue:hover {
      color: #ffffff;
      background-color: #647297;
      border-color: #647297; }
    .btn-outline-fupblue:focus, .btn-outline-fupblue.focus {
      box-shadow: 0 0 0 0.2rem rgba(55, 125, 255, 0.5); }
    .btn-outline-fupblue.disabled, .btn-outline-fupblue:disabled {
      color: #647297;
      background-color: transparent; }
    .btn-outline-fupblue:not(:disabled):not(.disabled):active, .btn-outline-fupblue:not(:disabled):not(.disabled).active,
    .show > .btn-outline-fupblue.dropdown-toggle {
      color: #ffffff;
      background-color: #647297;
      border-color: #647297; }
      .btn-outline-fupblue:not(:disabled):not(.disabled):active:focus, .btn-outline-fupblue:not(:disabled):not(.disabled).active:focus,
      .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(55, 125, 255, 0.5); }


/* Tab : bordered; custom fupred */
.nav-tabs-fupred-border-top,
.nav-tabs-fupred-border-bottom {
  border: 0; }

.nav-tabs-fupred-border-top .nav-item-fupred:not(:last-child),
.nav-tabs-fupred-border-bottom .nav-item-fupred:not(:last-child) {
  margin-right: 15px; }

.nav-tabs-fupred-border-top .nav-link-fupred,
.nav-tabs-fupred-border-bottom .nav-link-fupred {
  border: 0;
  border-radius: 0;
  padding-left: 5px;
  padding-right: 5px; 
  color: black !important;
  text-transform: uppercase;
  text-decoration: none;}


.nav-tabs-fupred-border-bottom .nav-link-fupred.active {
  border-bottom: #9a1413 2px solid !important;
  padding-bottom: 5px;
  color: #9a1413 !important;}



/* megamenu 
@media only screen and (min-width: 991px){
  .dropdown-mega>.dropdown-menu {
    width: 150%;
    max-width: 200%;
    left: 0;
    right: 0;
    padding: 25px;
}

@media (min-width: 992px) {
  .border-left-lg {
    border-left: #647297;
    border-style: solid;
    border-top: none;
    border-bottom: none;
    border-right: none;
  }
}

div.column-three {
  column-count: 3;
  column-gap: 40px;
  column-width: 100px;
  column-rule: 1px solid;
}*/

/* larghezza */
@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .w-md-50 {
    width: 50% !important;
  }
}
/* sticky */
@media (min-width: 992px) {
.bd-toc {
  
  position: sticky;
  top: 5rem;
  right: 0;
  z-index: 2;
  height: calc(100vh - 7rem);
  overflow-y: auto;

}}

.evidenzia {
    background-color: yellow !important;
    padding: 3px;
}

/*a {
    color: #9a1413;
}

a:hover {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}*/

.margine-negativo {
    margin-left: -30px;
}

@media (min-width: 100px) and (max-width: 975px) {
    .margine-negativo {
        margin-left: 0px !important;
    }
}


a.nav-link {
    padding-top: 15px !important;
    font-size: 18px !important;
    height: inherit !important;
}

/*button.navbar-toggler.b-0 {
    height: 30px !important;
}*/

.navbar {
    height: 56px !important;
}

/*altezza della voce del menu dropdown su desktop*/
@media only screen and (min-width: 991px) {
    li.nav-item {
        height: 56px !important;
    }
}

@media (min-width: 702px) {
    .margin-l66 {
        margin-left: 66px !important;
    }
}

@media (max-width: 702px) {
    .navbar-nav {
        background-color: #9a1413 !important;
    }
}

.dropdown-menu.dropdown-menu-hover.dropdown-menu-clean.margin-n20 {
    margin-top: -23px !important;
}

@media (max-width: 990px) {
    .dropdown-menu.dropdown-menu-hover.dropdown-menu-clean.margin-n20 {
        margin-top: 0px !important;
    }
}

@media (min-width: 990px) {
    .fsc-container {
        margin-top: -25px !important;
    }
}