/* mailchimp */
#mc_embed_signup .button {
    font-size: 13px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    letter-spacing: .03em;
    color: #fff;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    padding: 0 18px;
    display: inline-block;
    margin: 0;
    transition: all 0.23s ease-in-out 0s;
}

@media (max-width: 768px) {
	#mc_embed_signup .button {
	    width: auto !important;
	    margin: 0;
	}
}

/* mailchimp */

.hero-slider-left-arrow:hover {
    cursor: url('../images/navigation-dark-left.png'), auto !important;
}
.hero-slider-right-arrow:hover {
    cursor: url('../images/navigation-dark.png'), auto !important;
}

.nav-menu li {
	margin-bottom: 0 !important;
}


.nav-menu a {
	text-decoration: none !important;
}

.nav-menu li.current_page_item a {
  color: #333;
  font-weight: 400;
}

.project-section-slick {
  position: relative;
  overflow: hidden;
}

.projects-slider .projects-slide {
  height: auto;
}

.slide-image {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  height: 80vh;
  max-width: 80vh;
}

.project-section-slick .slide-image img {
  object-fit: contain;
  height: 100%;
  display: inline-block;
}

.slide-caption {
  padding: 5px 0;
  text-align: center;
}

.project-gallery-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: -25px;
  margin-right: -25px;
}

.project-gallery-wrap::after {
  content: "";
  flex: auto;
}

.projects-gallery-item {
  flex: 0 0 calc(50% - 50px);
  margin-bottom: 25px;
  margin-right: 25px;
  margin-left: 25px;
}

.projects-gallery-item {
  text-decoration: none;
}

.projects-gallery-item:hover .projects-gallery-item-img {
  opacity: 0.7;
}

.projects-gallery-item-img {
  transition: opacity 0.3s;
  width: 100%;
  overflow: hidden;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.projects-gallery-item-img:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

@media (min-width: 778px) {
  .projects-gallery-item {
    flex: 0 0 calc(33.3333333333% - 50px);
  }
}

@media (min-width: 992px) {
  .projects-gallery-item {
    flex: 0 0 calc(25% - 50px);
  }
}

@media (min-width: 1281px) {
  .projects-gallery-item {
    flex: 0 0 calc(16.6666666667% - 50px);
  }
}