/* Slider styles */
/* Originally for Unslider.js, now for Slick.js */

.sliderButtons-wrapper {
  position: absolute;
  top: -40px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.slick-arrow {
  z-index: 2;
  text-align: center!important;
  width: auto;
  cursor: pointer;
  color: #333 !important;
  font-family: 'ETModules';
}

.slick-arrow.next {
  left: auto;
  right: 20px;
}

.slick-arrow .arrow-box {
  width: 85px;
  height: 50px;
  border: 1px solid #c5c5c5 !important;
  float: left;
  text-align: center !important;
  font-size: 34px;
  color: #4d7f70 !important;
}

.slick-arrow.prev .arrow-box {
  float: right;
  border-right: none !important;
}

.case-studies-gallery .slick-arrow i {
  color: #ffffff !important;
}

#construction-management .slick-arrow .arrow-box {
  color: #004A87 !important;
}

/* hide all but first post on slider until all files have loaded. Prevents auto-scrolling past the section */
.my-slider ul:not(.slick-initialized) li:nth-child(n+2) {
  display: none;
}