ul {
    padding-inline-start: 0px;
}


.block-views-blockresearch-areas-overview-block-1 .research-area-overview,
.research-area-overview ul {
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  justify-content: space-around;
  margin-top: 20px;
  list-style-type: none;
}

.research-area-overview .group-name {
  font-weight: 600;
  display: none;
}

.research-area-overview .group-description {
  font-style: italic;
  display: none;
}


.research-area-overview .research-area-box * {
  box-sizing: border-box;
}

.research-area-overview .research-area-box {
  width: 240px;
  margin: 10px;
  position: relative;
}

.research-area-overview .slide__caption .research-area-box {
  width: 215px;
  margin: 10px;
  position: relative;
}


.research-area-overview .research-area-box a {
  outline: 0;
  height: 100%;
}

.research-area-overview .research-area-box a:hover {
  text-decoration: none;
}

.research-area-overview .research-area-filler {
//  border-style: solid;
  border-width: medium;
  border-color: #19c2c8;
  background-color: #19c2c8;
}
.research-area-overview .research-area-title {
  color: white;
  text-align: center;
  font-size: 1.5rem;
  height: 7rem;
}

.research-area-overview .research-area-title a, .research-area-overview .research-area-title a:hover {
  color: white;
  text-align: center;
  font-size: 1.5rem;
  height: 5rem;
}

.research-area-overview .research-area-box .research-area-image img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.research-area-overview .research-area-image-attribution {
  position: absolute;
//  bottom: 0px;
//  right: 0px;
  background-color: rgba(0, 0, 0, 50%);
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  font-style: italic;
  font-size: 1rem;
}

.slick-arrow::before {
    color: #078D92 !important;
    font-size: 36px;
}

.slick-arrow::before, .slick-arrow::after {
    pointer-events: none;
}

/*.slick-next:before {
    content: "\e64f";
}

.slick-prev:before {
  content: '\e650';
}

.slick-prev:before, .slick-next:before {
    font-family: 'tl-icons';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 480px) {
  .research-area-overview .research-area-box {
    width: 100%;
  }

  .research-area-overview .research-area-title {
    font-size: 2rem;
    text-align: center;
  }
}