div.main-container {
  font-size: 17px;
  line-height: 150%;
  color: black;
  font-weight: 400;
}

section#block-migal-2025-labmenublock {
  ul.mylist {
    position: relative;
    margin: 0;

    li {
      a {
        padding: 0 2px 16px;
        color: black;
        font-size: 17px;
        font-weight: 600;
        line-height: 100%;
        transition: 0.5s ease;
        text-decoration: none;
      }

      a:hover {
        background: transparent;
        color: #249424;
      }

      a.active {
        font-weight: 800;
        background: #f1f1f1;
        padding: 8px 5px;
        border-radius: 5px;
        margin: 0 0 10px;
      }
    }

    li:first-child {
      position: absolute;
      left: -50px;
      top: 0px;

      a:hover {
        background-color: #249424;
      }
    }
  }

  a.home-icon {
    background-color: #69c269;
    border-radius: 5px;
    display: inline-block;
    padding: 0 !important;
    /* img {
      margin: 8px;
    } */
  }
}

div.panel {
  margin-bottom: 70px;
}

.field--name-field-mission {
  font-weight: 600;
  margin-bottom: 66px;
  /* margin-top: 20px; */
}

.field--name-field-main-text-options {
  margin-bottom: 100px;
}

.field--name-field-title {
  font-weight: 700;
  line-height: 200%;
}

.field--name-field-description {
  font-size: 17px;
  line-height: 200%;

  img {
    max-width: 100%;
    height: auto;
  }
}

.field--name-field-head-researcher {
  margin-top: 36px;
}

.field--name-field-head-researcher.field--items {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.field--name-field-team {
  margin-top: 60px;
}

.field--name-field-former-students.field--item {
  font-size: 17px;
  line-height: 200%;

  a {
    color: black;
    text-decoration: underline;

    &:hover {
      color: #249424;
      text-decoration: none;
    }
  }
}

.field--name-field-collaborations {
  .field--label {
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 24px;
  }

  .field--item {
    font-size: 17.5px;
    /* line-height: 200%; */
    margin-bottom: 17.5px;

    a {
      color: black;
      text-decoration: underline;

      &:hover {
        color: #249424;
        text-decoration: none;
      }
    }
  }
}

.field--name-field-fund {
  .field--label {
    display: none;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 24px;
  }

  .field--items {
    display: flex;
    flex-direction: column;
  }

  .field--item {
    max-width: 100px;

    h2 {
      display: none;
    }
  }
}

.field--name-field-team {
  .field--item {
    font-size: 17px;
    line-height: 150%;
    font-weight: 400;

    h4 {
      font-weight: 700;
      /* margin-top:0; */
      /* margin-bottom: 12px; */
      margin-top: 26px;

      a {
        color: black;
      }
    }

    .field--name-field-job-title {
      font-weight: 300;
      margin-bottom: 24px;
    }

    .field--name-field-academic-title {
      margin-bottom: 24px;
    }

    .field--name-field-research-interests {
      margin-bottom: 24px;

      .field--label {
        font-weight: 300;
      }

      /* margin-top:12px; */
    }

    .field--name-field-email {
      font-weight: 300;
    }
  }
}

article.researcher.research-group {
  .field--label {
    font-weight: 300;

    &::after {
      content: ":";
    }
  }

  .phones-and-email {
    font-weight: 400;
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
    column-gap: 6px;
    font-size: 17px;
  }

  .field--type-email {
    a {
      color: black;
      border-bottom: 4px solid #69c269;

      &:hover {
        color: #249424;
        text-decoration: none;
      }
    }
  }
}

article.researcher.lab-card {
  .field--label {
    font-weight: 300;

    &::after {
      content: ":";
    }
  }

  .field--type-email {
    a {
      color: black;
      border-bottom: 4px solid #69c269;

      &:hover {
        color: #249424;
        text-decoration: none;
      }
    }
  }
}

.field--name-field-lab-facilities {
  font-size: 17px;
  line-height: 150%;
}

article.research-group.slideshow {
  background-color: #e3e3e3;
  border-radius: 40px;
  position: relative;

  h2 {
    display: none;
    margin: 0;
  }

  div.content {
    margin: 16px 54px;
    background-color: white;
    overflow: hidden;
  }

  nav.slick__arrow {
    button {
      font-size: 0;
      border: none;
      width: 34px;
      height: 34px;
      background-color: transparent;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;

      &::before {
        content: url("./../images/slideshow-arrow.svg");
      }
    }

    .slick-prev {
      left: 6px;
    }

    .slick-next {
      right: 14px;

      &::before {
        display: inline-block;
        transform: translateY(-30%) rotate(180deg);
      }
    }
  }

  div.slick-slide {
    height: 180px;
    overflow: hidden;
  }

  div.slick-slide>div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
}


@media (max-width: 1366px) {
  section#block-migal-2025-views-block-publications-block-2 {
    a.publications-more {
      right: -22px !important;
    }
  }
}


section#block-migal-2025-views-block-publications-block-2 {
  position: relative;

  margin-bottom: 70px;

  .contextual-region {
    position: inherit;
  }

  h2 {
    font-size: 24px;
    font-weight: 700 !important;
    line-height: 150%;
    text-transform: uppercase;
  }

  a.publications-more {
    padding: 3px 5px;
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 17px;
    font-weight: 600;
    background-color: #69c269;
    border: 1px solid #69c269;
    border-radius: 5px;
    text-decoration: none;
    color: black;

    &:hover {
      background-color: #c4e1b6;
      color: #249424;
      text-decoration: none;
      border-color: #c4e1b6;
    }
  }
}

section#block-migal-2025-researchgroupside-2 {
  margin-bottom: 40px;
}

section#block-migal-2025-researchgroupside {
  h2 {
    display: none;
    margin: 0;
  }
}

video {
  width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  .panel-heading .panel-title::after {
    display: none;
  }
}

@media (min-width: 1025px) {
  section#block-migal-2025-labmenublock {
    border-right: 3px solid #8dc641;
    margin-right: 20px;

    ul.mylist {
      li {
        float: none;
      }
    }

    a.home-icon {
      img {
        margin: 8px;
      }
    }
  }

  div.main-container {
    div.row {

      aside:last-of-type.col-sm-3 {
        width: calc((100% - 216px) * 0.33);
        /* padding-left: 100px; */
      }

      aside:first-of-type.col-sm-3 {
        width: 216px;
        padding-left: 70px;
      }

      section.col-sm-6 {
        width: calc((100% - 216px) * 0.66);
        /* margin-right: 3%;*/

        article.research-group.full {
          /*max-width: 968px;*/
          padding-right: 33px;

        }
      }


      section.col-sm-9 {
        ul {
          padding-left: 0;
          list-style-type: none;

          li {
            line-height: 1.75;

            a {
              text-decoration: none;
            }

            a.active {
              text-decoration: underline;
            }
          }
        }
      }
    }
  }

  .three-col {
    /* display: flex;
    flex-direction: row;
    justify-content: start;
    column-gap: 42px;

    font-size: 17px;
    line-height: 150%;
    color: black;
    font-weight: 600;
    div {
      max-width: 303px;
    } */

    h4 {
      font-weight: 700;
      /* margin-top: 0; */
      margin-bottom: 12px;

      a {
        color: black;
      }
    }

    .field-label {
      font-weight: 300;
    }

    .field--name-field-research-group {
      margin-bottom: 30px;
    }

    .phones-and-email {
      font-weight: 400;
    }
  }

  .field--name-field-fund {
    .field--items {
      flex-direction: row;
      justify-content: start;
      align-items: center;
      flex-wrap: wrap;
      column-gap: 80px;
    }
  }

  .field--name-field-head-researcher.field--items {
    flex-direction: row;
    column-gap: 24px;
  }
}

article.research-group.details {
  word-wrap: break-word;

  .field {
    a {
      color: black;
      text-decoration: underline;

      &:hover {
        color: #249424;
        text-decoration: none;
      }
    }
  }

  img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
}

article.research-group.full {
  .field--name-field-contacts {
    display: none;
  }
}

.lab-contact-page {
  margin: auto;
  max-width: 680px;

  article.research-group.contact-tab {
    display: none;
  }

  h2 {
    font-weight: 600;
    padding-bottom: 10px;

    @media (min-width: 1025px) {
      margin-top: -5px;
    }
  }
}

form#views-exposed-form-publications-embed-2 {

  .form-type-textfield label {
    display: none;
  }

  .form-control {
    border: 1px solid #3f3f3f;
  }

  input {
    height: 41px;
    border-radius: 30px;
    width: 500px;
  }

  input#edit-title::placeholder {
    color: black;
  }

  --inline.form-inline.clearfix {
    margin-bottom: 30px;
  }

  .glyphicon-search:before {
    content: url("./../images/Search.svg");
  }

  div.form-actions {
    position: relative;

    button {
      position: absolute;
      top: -15px;
      right: 1px;
      padding: 2px;
      margin: 2px 0;
      height: 38px;
      width: 38px;
      border-radius: 20px;
      background: #d9d9d9;
      z-index: 100;
      border: none;
      font-size: 0;
    }
  }

}

.view-display-id-embed_2 {
  .view-content {
    margin-top: 30px;
  }
}

div.container.research {
  margin-left: 0;
  /* border:1px solid red; */
  width: 100%;

  .col-md-3 li {
    padding-bottom: 10px;

    a {
      line-height: 1;
    }
  }

  a {
    color: black;
    text-decoration: none;
    font-size: 16px;

    &:hover {
      color: #249424;
      text-decoration: none;
    }
  }

  .lab-article {
    img {
      max-width: 100%;
    }

    h2 {
      font-weight: 700;
      padding-bottom: 15px;
    }
  }
}

@media (max-width: 1024px) {
  aside:first-of-type.col-sm-3 {
    padding: 20px 30px 0 100px;
    background: #f0f0f0;
    margin-bottom: 30px;
    width: 100% !important;
  }

  section.col-sm-6 {
    padding-left: 0;
    padding-right: 0;
  }

  section.col-sm-9 {
    padding-left: 0;
    padding-right: 0;
  }



  .field--name-field-main-text-options {
    margin-bottom: 0;
  }

  .field--name-field-fund {
    .field--item {
      max-width: 100px;
      margin: 10px;
    }
  }

  a.publications-more {
    position: relative !important;
  }


  form#views-exposed-form-publications-embed-2 {
    input {
      /* height: 41px;
      border-radius: 30px; */
      width: auto !important
    }

    div.form-inline {
      display: flex;
      flex-direction: row;
      row-gap: 10px;

    }

    div.form-actions {
      position: relative;

      button {
        position: relative;
        top: 0;
        right: 0;
        /* top: -15px;
        right: 1px;
        padding: 2px;
        margin: 2px 0;
        height: 38px;
        width: 38px;
        border-radius: 20px;
        background: #d9d9d9;
        z-index: 100;
        border: none;
        font-size: 0; */
      }
    }
  }
}


@media (max-width: 1024px) {
  .row {
    .col-sm-3 {
      width: 100% !important;
      float: none;
    }

    .col-sm-6 {
      width: 100% !important;
      float: none;
    }
  }


}