main {
    padding-top:50px; 
   }
  
  .subheading {
    background-color:#ba162f;
    font-size:1em;
    line-height:120%;
    padding:.3em 0;
  
  }
  
  .subheading a {
    color:#FFF;
    font-weight:bold;
    margin-left: -.8em;
  }
  
  .subheading a:hover {
   border-bottom:none; 
    text-decoration:none;
  }
  
  
  .subheading .annomenu {
      position:relative;
    float:right;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
  }
  
  .annocambia {
     line-height: 30px; 
  }
  
   
  .annolista {
      display:none;
      position:absolute;
      top: 37px;
      right:0;
      background-color:#ba162f;
      min-width:150px;
      z-index:1000;
  }
  .annolista a {
      display:block;
      background-color:#ba162f;
      color:#FFF !important;
      line-height: 2em;
      padding: 0 2em 0 2em;
        margin:0;
      text-align: right;
      border-bottom:1px solid #FFF;
  }
  
  .annolista a:hover {
    background-color:#840f21;
  }
  
  .loading::after {
      content: "\f110";
      width:100%;
     height:30px;
      text-align:center;
      font-size:30px;
      color:#999;
      font-weight: 900;
      font-family: "Font Awesome 5 Free";
     animation: fa-spin 2s infinite linear;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
  }
  
  
  #elenco {
  min-height:400px;
  }
  
  h2 {
  margin-top:1em;
  }
  
  h2:empty {
  display:none;
  }
  
  .nofound {
  text-align:center;
  margin-top:100px;
  }
  
  .totale {
  display:none;
  text-align:right;
  font-weight:400;
  margin-top:25px;
  }
  
  .search {
  cursor:pointer;
  }
  
  .form-control::placeholder {color: #CCC;opacity: 1;}
  .form-control:-ms-input-placeholder { color: #CCC;}
  .form-control::-ms-input-placeholder {color: #CCC;}
  
  
                                        
       
  .faculties {
    display: flex;
    flex-wrap: nowrap;
  }
  
  .faculty {
    flex-grow: 1;
  background-color: rgba(102,119,136,1);
  color:#FFF;
  line-height:120%;
  font-size:.8em;
  font-weight:bold;
  padding:.5em;
  margin:0 0 2px 5px;
  }
                                        

  
  .faculties .teologia,
  .faculties .filosofia {
    flex-shrink: 0;
  }
  
  
  

  
  .titolofacolta {
    font-size: 1.6em;
    font-weight: 600;
    letter-spacing: -.03em;
    color: rgba(102,119,136,1);
    text-align:center;
    /*margin-top: 1.5em;*/
    margin-bottom: .5em;
  }
  
  
  #searchitem {
      margin-top:50px;
      margin-bottom:50px;
  }
  
  #searchitem .btn {
        background-color:rgba(102,119,136,.7);
      color:#FFF;
  }
  
  #searchitem .btn:hover {
      background-color:rgba(102,119,136,1);
  }
  
  
  
  #searchinput {
    display:none; 
  }
  
  #searchinput.active {
    display:block;
  }                                 
                                        
                                        
  
  .nomedocente {
    text-transform: lowercase;
  }
  .nome {
     text-transform: capitalize;
  }                                      
  .cognome {
      text-transform: uppercase;
  }
                                   
                                        
                                        
  .insegnamenti {
  font-weight:400;
  }
  
  .letter {
  float:left;
  background-color:#BBB;
  color:#FFF;
  text-align:center;
  width:1.5em;
  font-size:.8em;
  line-height:1.5em;
  font-weight:bold;
  padding:0;
  border-radius:.5em;
  margin:0 2px 2px 2px;
  }
  

  
  .docente {
  display:none;
  border-top:1px solid #CCC;
  padding:1em 0;
  font-size:.8em;
  line-height:130%;
  }
  
  .tableset .docente {
  float:left;
  width:50%;
  font-size:.7em;
  }
  
  .docente.active {
      display:block;
  }
  .docente.active.hidden {
    display:none;
  }
  
  
  .titolodocente {
  display:inline-block;
  width: 25px;
  padding-right:.1em;
  text-align:right;
  }
  
  
  .nomedocente {
  font-size: 1.2em;
  line-height:130%;
  }
  
  .gradodocente {
  font-weight:400;
  margin-left:  25px;
  }
  
  .facolta:before {
  content:'Facoltà di ';
  }
  
  .facolta {
  font-weight:400;
  margin-left:  25px;
  }
  
  .corso {
  margin-left:25px;
  }
  .corso a {
  font-weight:400 !important;
  }
  
  .corso .fas {
  margin-right:.5em;
  }
  
  
  
  .incarico {
  margin-top:.5em;
  margin-left:  25px;
  display:none;
  }
  
  .fotopersona {
    display:none;
    width:80px;
    height:80px;
    margin-right:10px;
    background-size:cover;
    background-position: 50% 30%;
    background-color:#DDD;
  }
  
  
      .elenco-docenti-facolta {
          display:flex;
          flex-wrap:wrap;
          /**justify-content: center;**/
      }
      
      .elenco-docenti-facolta .item {
          flex-basis:33%;
      }
  
  
  @media screen and (max-width: 1200px) {
          .elenco-docenti-facolta .item {
              flex-basis:50%;
          }
  }
  
  
  @media screen and (max-width: 992px) {
  
    .faculties .faculty {
      font-size: 2vw;
    }
      #searchinput.active {
            display:none;
      }
  }
  
                                        
                                        
  @media screen and (max-width: 576px) {
    
      header .link-social {
          top: 400px;
          right: 15px;
      }
    
        .faculties {
          flex-wrap:wrap;
        }
    
      .faculties .faculty {
        font-size: 2.5vw;
        margin: 0 0 5px 1vw;
        padding: .8em .5em;
      }
    
      .faculty.teologia,
      .faculty.filosofia {
          flex-basis: 23%;
      }
    
      .faculty.lettere,
      .faculty.educazione,
      .faculty.comunicazione {
         flex-basis: 48%; 
      }
  
        #searchitem {
          margin-top:30px;
          margin-bottom:30px;
      }
  
      #searchitem input {
          width: 60%;
          padding: 5px 10px;
          font-size: .8em;
      }
      #searchitem .btn {
            width: 100px;
          padding: 7px 10px;
          font-size: .8em;
      }
  }
  
  
  @media screen and (max-width: 400px) {
  
      .faculties .faculty {
             font-size: 3.5vw;
        }
  
        #searchitem input {
          width: 50%;
      }
  
    
  }

  span#annoaccademico {
    visibility: hidden;
  }