body {
  max-width: 1200px;
  margin: auto;
}

div.mainContent p {
  text-align: justify;
}

/* ----------- Top tool bar ----------- */
div.header {
  .page-header.event-page-header {
    background-color: #186bbf;

    .button-bar {
      .i-button:not(.label) {
        color: #fff;
      }

      .i-button:not(.label):hover {
        background: #fff;
        color: #186bbf;
      }

      .i-button.icon-layout,
      .i-button.icon-package-download,
      span.separator {
        display: none;
      }
    }
  }
}

/* ----------- Logo header ----------- */
div.confheader {
  div.confTitleBox div.confTitle {
    text-align: center;

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

      div.confLogoBox::before {
        content: "";
        display: block;
        width: 1200px;
        height: 280px;
        background-image: url("https://conference.unisalento.it/event/5/attachments/145/269/logo_ICG2025.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
      }

      div.confLogoBox {
        background: #fff;
        width: 1200px;
        height: 280px;
        margin-bottom: 5px;
      }
    }
  }

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

.confTitle {
  width: 1200px !important;
}

#confSectionsBox {
  width: 100%;
  max-width: 1200px;
}

a {
  color: #186bbf;
}

.conference-page header h2 {
  color: #186bbf;
}

/* ---------------- Left menu ---------------- */
div.conf_leftMenu ul#outer {
  background: #f1f8fe;
  border: 1px solid #ccc;

  li {
    border-bottom: 1px solid #ccc;
  }

  li a {
    color: #186bbf;
  }

  li a:not(.no-link):hover {
    /* border-left: 3px solid #186bbf; */
    color: #fff;
    background: #186bbf;
  }

  li.menuConfSelected {
    border-top: 0;

    a {
      background: #186bbf;
      border-left: 5px solid #fff;
      color: #fff;
      /*font-weight: bold;*/
    }
  }
}

/* ---------------- 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;
  text-align: center;
}

.image-gallery-grid .image-gallery-item img {
  height: 120px;
}

/* ---------------- page-content ---------------- */
div.mainContent div.col2 div.conference-page div.page-content {
  color: #777;
  font-size: 1.2em;
}

div.mainContent div.col2 div.conference-page div.page-content div.conferenceDetails div.description {
  font-size: 1em; /* attenzione: 1 due em si moltiplicano quindi imposto 1! */
}

div.mainContent div.col2 div.conference-page div.page-content ul li {
  padding-bottom: 0.5em;
}