/*---------------------------------------------------------------------------------
    Slider
---------------------------------------------------------------------------------*/
#portfolio-slider-wrapper {
  position: relative;
}
.portfolio-slide h2 {
  position: absolute;
  top: 80%;
  padding-left: 1em;
  transform: translateY(-50%);
  text-transform: uppercase;
  color: white !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  pointer-events: none;
}
#slider-title {
  position: absolute;
  top: 60%;
  padding-left: 0.8em;
  padding-right: 0.3em;
  transform: translateY(-50%);
  background-color: #d84828;
  color: white !important;
  pointer-events: none;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #d84828;
}
/*---------------------------------------------------------------------------------
    MEDIA QUERIES
---------------------------------------------------------------------------------*/

/* Phones */
@media screen and (max-width: 765px) {
  .portfolio-slide h2,
  #slider-title {
    position: relative;
  }
  #slider-title {
    font-size: 1em;
    top: -100px;
    display: inline-block;
    padding: 0.2em 0.5em;
  }
  .portfolio-slide h2 {
    font-size: 1.25em !important;
    color: #666 !important;
    padding: 0;
    text-shadow: none;
    top: 70px;
  }
}