/* SECTION STYLES */

section#galeria-fotos-empreendimento {
  position: relative;

  margin: 40px 0;
}

section#galeria-fotos-empreendimento .container-fluid {
  padding-left: 21%;
}

section#galeria-fotos-empreendimento ul.filter-button-group {
  display: flex;

  align-items: center;

  background: #ffffff;

  border-radius: 100px;

  width: fit-content;

  padding: 20px;

  margin: 0 auto 25px;
}

section#galeria-fotos-empreendimento ul.filter-button-group li {
  margin-right: 30px;

  transition: all 0.5s;

  cursor: pointer;
}

section#galeria-fotos-empreendimento ul.filter-button-group li:hover {
  color: #3973b9;
}

section#galeria-fotos-empreendimento ul.filter-button-group li:last-of-type {
  margin-right: 0;
}

section#galeria-fotos-empreendimento ul.filter-button-group li.active {
  color: #3973b9;

  font-weight: 600;
}

section#galeria-fotos-empreendimento h1.titulo-sec-galeria {
  font-family: "Work Sans";

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 160%;

  display: flex;

  align-items: center;

  letter-spacing: 0.18em;

  color: #e94e1b;
}

/* GRID */

section#galeria-fotos-empreendimento .grid:after {
  content: "";

  display: block;

  clear: both;
}

section#galeria-fotos-empreendimento .grid-item,
section#galeria-fotos-empreendimento .grid-sizer {
  width: 25%;

  border: 1px solid #fff;
}

section#galeria-fotos-empreendimento .grid-item {
  float: left;

  height: 150px;
}

section#galeria-fotos-empreendimento .-double-width {
  width: 50%;

  background-position: center center;
}

section#galeria-fotos-empreendimento .-double-height {
  height: 300px;

  background-position: center center;
}

section#galeria-fotos-empreendimento .grid-item img {
  width: 100%;

  height: 100%;
}

section#galeria-fotos-empreendimento .grid-item .area {
  position: absolute;

  width: 100%;

  height: 100%;

  overflow: hidden;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover;

  background-repeat: no-repeat;
}

section#galeria-fotos-empreendimento .grid-item:hover .legenda {
  top: 0;

  opacity: 1;

  -ms-filter: none;

  filter: none;
}

section#galeria-fotos-empreendimento .grid-item .legenda {
  position: absolute;

  top: 0;

  opacity: 0.7;

  width: 100%;

  height: 100%;

  text-align: center;

  text-transform: uppercase;

  color: #fff;

  -webkit-transition: all 1s;

  -moz-transition: all 1s;

  -o-transition: all 1s;

  -ms-transition: all 1s;

  transition: all 1s;

  background: url(../images/efeito.png);

  background-position: bottom;

  background-size: 100% 100%;
}

section#galeria-fotos-empreendimento .grid-item .legenda strong {
  position: absolute;

  top: auto;

  left: 0;

  bottom: 10px;

  width: 100%;

  font-weight: 300;

  text-align: left;

  padding: 10px 15px;

  font-size: 14px;

  font-weight: bold;

  text-transform: none;
}

/* SLIDER */

section#galeria-fotos-empreendimento img.custom-slick-arrow {
  position: absolute;

  top: -80px;

  cursor: pointer;

  transition: all 0.5s;
}

section#galeria-fotos-empreendimento img.custom-slick-arrow:hover {
  transform: scale(1.1);
}

section#galeria-fotos-empreendimento img.custom-slick-arrow.prev {
  content: url(../images/grid-slider/prev.png);

  right: 300px;
}

section#galeria-fotos-empreendimento img.custom-slick-arrow.next {
  content: url(../images/grid-slider/next.png);

  right: 243px;
}

@media only screen and (max-width: 935px) {
  section#galeria-fotos-empreendimento .-double-width,
  section#galeria-fotos-empreendimento .grid-item,
  section#galeria-fotos-empreendimento .grid-sizer {
    width: 50%;
  }

  section#galeria-fotos-empreendimento .-double-height {
    height: 272px;
  }
}

@media only screen and (max-width: 530px) {
  section#galeria-fotos-empreendimento .-double-width,
  section#galeria-fotos-empreendimento .grid-item,
  section#galeria-fotos-empreendimento .grid-sizer {
    width: 100%;
  }
}

@media (max-width: 500px) {
  section#galeria-fotos-empreendimento .grid-item .legenda {
    display: none !important;
  }
}