/* CUSTOMIZE THE PORTFOLIO CAROUSEL
-------------------------------------------------- */
/*
$carousel-control-prev-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#bb3d27'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>") !default;
$carousel-control-next-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#bb3d27'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>") !default;
*/
.carousel {
  width: 100%;
  margin: 0 auto;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .carousel-item {
  height: 100%;
}

.carousel-inner {
  height: 100%;
}

.carousel-inner > .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}

.carousel-control {
  width: 10%;
}

.container {
  padding-left: 0;
  padding-right: 0;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23bb3d27'%3e%3cpath d='M8,0.7C4,0.7,0.7,4,0.7,8S4,15.3,8,15.3S15.3,12,15.3,8S12,0.7,8,0.7z M10.9,12.9c0.2,0.2,0.2,0.4,0,0.6 c-0.2,0.2-0.4,0.2-0.6,0L5.1,8.3c-0.2-0.2-0.2-0.4,0-0.6c0,0,0,0,0,0l5.2-5.2c0.2-0.2,0.4-0.2,0.6,0c0,0,0,0,0,0 c0.2,0.2,0.2,0.4,0,0.6c0,0,0,0,0,0L6,8L10.9,12.9z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23bb3d27'%3e%3cpath d='M8,15.3c4,0,7.3-3.3,7.3-7.3S12,0.7,8,0.7C4,0.7,0.7,4,0.7,8C0.7,12,4,15.3,8,15.3z M5.1,3.1c-0.2-0.2-0.2-0.4,0-0.6 c0.2-0.2,0.4-0.2,0.6,0l5.2,5.2c0.2,0.2,0.2,0.4,0,0.6c0,0,0,0,0,0l-5.2,5.2c-0.2,0.2-0.4,0.2-0.6,0c0,0,0,0,0,0 c-0.2-0.2-0.2-0.4,0-0.6c0,0,0,0,0,0L10,8L5.1,3.1z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
.port-info {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: GothamBold;
  text-transform: uppercase;
}

.port-info-uso {
  color: #bb3d27;
}

.port-info-location {
  color: #ffffff;
}

.carousel-caption {
  /* top: 83%; */
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #ffffff;
  text-align: center;
  /* border: solid 1px red; */
}

.carousel-indicators {
  display: none;
  bottom: 0;
}

ul, ol {
  margin-bottom: 0;
}

.slide-rasa {
  height: 100%;
  width: 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/*# sourceMappingURL=portfolio.css.map */