body {
    font-family: 'Lato', sans-serif;
}

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; }

/* backgrounds */
.bg-fupred {
    background-color: #9A1413 !important;
}

.bg-fupgray {
    background-color: #edf1f4 !important;
}

.bg-fupblue {
    background-color: #647297 !important;
}

/* 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); }



/* SLIDER HOMEPAGE */

.swiper-slide {
    position: relative;
    text-align: center;
}

.description-text {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%);
    width: 600px;
}

@media (max-width: 1000px) {

    .swiper-slide {
        position: initial;
        text-align: center;
        color: white;
    }

    .description-text {
        position: absolute;
        top: 45%;
        left: 50%;
        width: 75%;
    }

    .description-text h1{
        font-size: 30px;
    }

    .description-text p{
        font-size: 17px !important;
    }

    .swiper-button-prev, .swiper-button-next {
        display: none !important;
    }

}


.btn-white {
    background-color: transparent;
    border: 2px solid white;
    color: white;
    padding: 10px;
    border-radius: 0px;
    font-weight: bold;
}

.btn-white:hover {
    background-color: white;
    border: 2px solid white;
    color: black;
}

.swiper-button-prev, .swiper-button-next {
    color: white !important;
    background: transparent !important;
    border: 2px solid white;
}

/* /SLIDER HOMEPAGE */

.list-group-item {
    background-color: transparent !important;
    border: none;
}

a {
    color: #9a1413;
}

a:hover {
    color: #9a1413;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
}

.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: 160px !important;
    }
}

@media (max-width: 990px) {
    .menu-label {
        color: black !important;
    }
}