/*

    html body main.main div div.conf div.confheader div.confTitleBox div.confTitle h1 a span.conference-title-link div.confLogoBox img.confLogo
    html body main.main div div.conf div.confheader div.confSubTitleBox
    html body main.main div div.conf div#confSectionsBox

*/

@media (min-width: 1200px) {
  #confSectionsBox {
    width: 1170px;
  }
  .confTitle,
  .confSubTitleContent,
  .confLogoBox {
    width: 1170px;
  }
}

div.header {
  .page-header.event-page-header {
    background-color: #6c2630;
    .button-bar .i-button:not(.label) {
      color: #fff;
    }
    .button-bar .i-button:not(.label):hover {
      background: #fff;
      color: #6c2630;
    }
  }
}

div.confheader {
  div.confTitleBox div.confTitle {
    text-align: center;

    h1 a span.conference-title-link {
      padding: 0 0 5px 0;

      div.confLogoBox::before {
        content: url(https://conference.unisalento.it/event/3/attachments/38/228/CILFR2025_testata_raster.svg);
      }
      ​ div.confLogoBox {
        padding-right: 0px !important;
        margin-bottom: 5px;
        img.confLogo {
          max-width: 100%;
        }
      }
    }
  }

  div.confSubTitleBox div.confSubTitleContent div.datePlace {
    display: none;
  }
}

/* ---------------- LEFT MENU ---------------- */
div.conf_leftMenu ul#outer {
  background: #f1f8fe;
  border: 1px solid #ccc;
  li {
    border-bottom: 1px solid #ccc;
  }
  li a {
    color: #6c2630;
  }
  li a:not(.no-link):hover {
    /* border-left: 3px solid #6C2630; */
    color: #fff;
    background: #6c2630;
  }
  li.menuConfSelected {
    border-top: 0;
    a {
      background: #6c2630;
      border-left: 5px solid #fff;
      color: #fff;
      /*font-weight: bold;*/
    }
  }
}

a {
  color: #06c;
}

.conference-page header h2 {
  color: #6c2630;
}

/* ---------------- image-gallery ---------------- */
.image-gallery-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
}
.image-gallery-grid .image-gallery-item {
  flex: 1 1 30%; /* Adjusts the width of the images */
  display: flex;
  justify-content: center;
}
.image-gallery-grid .image-gallery-item img {
  height: 120px;
}