.tipo-isp-titolo {
  border-bottom: 2px dotted rgba(210, 210, 210, 0.5);
  font-size: 2rem;
  margin-bottom: 2rem;
  text-align: center; }

.isp-associata a {
  color: #000;
  text-decoration: none;
  transition: color 0.3s; }
  .isp-associata a .card {
    color: inherit; }
    .isp-associata a .card .card-body {
      font-size: 0.9rem;
      height: 28rem;
      overflow-y: hidden; }
      .isp-associata a .card .card-body figure {
        text-align: center; }
        .isp-associata a .card .card-body figure img {
          border-radius: 0.5rem;
          max-width: 100%;
          max-height: 250px; }
      .isp-associata a .card .card-body .card-title {
        font-size: 1.1rem;
        font-weight: bold;
        margin-bottom: 1rem;
        text-align: center; }
    .isp-associata a .card ._evento {
      height: 32rem; }
  .isp-associata a:hover {
    color: var(--rosso-gong);
    transition: color 0.3s; }

.msg-no-login {
  position: absolute;
  top: -10px;
  left: 0;
  background-color: #000;
  color: #FFF;
  padding: 0.5rem;
  font-size: 0.8rem;
  display: block;
  width: 100%;
  z-index: 100;
  border-radius: 6px; }

header {
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: var(--header-h); }
  header h1 {
    top: calc(var(--header-h) / 2.2); }
  header h3 {
    color: #FFF;
    position: absolute;
    left: 10%;
    top: calc(var(--header-h) / 1.8); }

#isp-per-pagina {
  font-weight: bold; }
  #isp-per-pagina span {
    margin-right: 1rem; }
  #isp-per-pagina ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0; }
    #isp-per-pagina ul li {
      display: inline-block;
      border-right: 1px solid var(--rosso-gong);
      margin-left: -4px; }
      #isp-per-pagina ul li a {
        color: var(--rosso-gong);
        display: block;
        padding: 0 0.3rem;
        text-decoration: none; }
        #isp-per-pagina ul li a:hover, #isp-per-pagina ul li a:focus, #isp-per-pagina ul li a:active {
          background-color: var(--rosso-gong);
          color: #FFF; }
      #isp-per-pagina ul li:nth-child(1) {
        border-left: 1px solid var(--rosso-gong); }
  #isp-per-pagina .ipp-active {
    background-color: var(--rosso-gong) !important;
    color: #FFF !important; }

.isp-azioni {
  font-size: 1.4rem;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative; }
  .isp-azioni li {
    display: inline-block;
    margin: 0 0.5rem; }
    .isp-azioni li .isp-pref {
      border-radius: 100px;
      border: 1px solid var(--rosso-gong);
      color: var(--rosso-gong);
      display: block;
      font-size: inherit;
      width: 44px;
      height: 44px; }
      .isp-azioni li .isp-pref:hover, .isp-azioni li .isp-pref:focus, .isp-azioni li .isp-pref:active {
        cursor: pointer; }
    .isp-azioni li .preferita, .isp-azioni li .isp-pref:hover, .isp-azioni li .isp-pref:focus, .isp-azioni li .isp-pref:active {
      color: #FFF;
      background-color: var(--rosso-gong); }
    .isp-azioni li a {
      display: block;
      border: 1px solid var(--rosso-gong);
      border-radius: 100px;
      color: var(--rosso-gong);
      font-size: inherit;
      width: 44px;
      height: 44px;
      position: relative; }
      .isp-azioni li a i {
        position: relative;
        top: 4px; }
      .isp-azioni li a:hover {
        background-color: var(--rosso-gong);
        color: #FFF;
        box-shadow: 2px 2px 6px 2px rgba(200, 200, 200, 0.7); }

@media screen and (max-width: 575px) {
  header h1 {
    font-size: 2rem; } }
a[disabled] {
  cursor: not-allowed;
  background-color: #EEE; }
  a[disabled]:hover {
    color: var(--rosso-gong) !important;
    background-color: #EEE !important; }