portfolio {

min-height: 90vh;

}

.card-overlay {

top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: calc(0.25rem - 1px);
transition: background-color 0.5s;

svg.learnmore {
  height: 70px;
  fill: rgba(theme-color(primary), 0.7);
  margin-top: auto;
  margin-bottom: auto;
  display: none;
}

&:hover {
  background-color: rgba($black, .5);
  cursor: zoom-in;
  svg.learnmore {
    display: block;
  }
}

@media (max-width: 500px){
  svg.learnmore {
    margin: 0 0 0 auto;
    display: block;
  }

  span {
    display: flex !important;
    align-items: flex-end;
  }
}

}

.modal-footer {

a {
  fill: darken(theme-color(primary), 15%);

  svg {
    height: $spacer;
  }
}

}

.carousel-control-next-icon {

background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{theme-color(primary)}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");

}

.carousel-control-prev-icon {

background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{theme-color(primary)}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");

}

.carousel-indicators li {

&.active {
  background-color: theme-color(primary);
}

}