/**
 * @file
 * slideshow--full+text.css
 * 
 * Styling for the "slideshow" type: Full + Text
 * 
 * -------------------------------------------------
 * Updated: Alberni Design Jr - 2019-03-09
 * 
 * Attached thru `.libraries.yml`
 *
 ============================================================================ */

/*=======================================
 * Slides
 *=======================================*/
 .fp-slide {
  position: relative;
  background: #000;
  color: #fff;
}
  

/*----------------------------
 * Image
 *----------------------------*/ 
.fp-slide__img  {
  opacity: .6;
}

/*----------------------------
 * Text
 *----------------------------*/

/* Title
----------------------*/
.fp-slide__title {
  font-size: 4.4em;
  letter-spacing: -1px;
  line-height: .95;
  font-family: inherit;
  text-shadow: 2px 2px 2px #000;
}

/* Body
----------------------*/
.fp-slide__body {
  background: rgba(35, 140, 206);
  padding: .8em;
  font-size: .85em;
  font-weight: bold;
}

.fp-slide__body p {
  margin: 0;
}


/*=======================================
 * Responsive
 *=======================================*/
@media (min-width: 901px) {
  .fp-slide__text {
    position: absolute;
    top: 48%;
    left: 5.5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
  }

  .fp-slide__body {
    display: inline-block;
    margin: .5em 0 0 .3em;
    letter-spacing: 1px;
  }
}

@media screen and (max-width: 900px) {
  .fp-slide__title {
    font-size: 8vw;
    margin: -1.4em 0 .5rem;
    padding: .5rem 1rem;
    position: relative;
  }

  /* Remove Breaks in Text */
  .fp-slide__title br {  display: none;  }

  .fp-slide__body p {  display: inline-block;  }
}