/**
 * 		Paragraph - Banner Image CSS
 */

.paragraph--type--banner-image {
  margin: 0;
  display: block;
  position: relative;
}

.paragraph--type--banner-image img {
  /*max-height: 600px !important*/
  /*
  height: 854px !important;
  min-height: 854px !important;
  */
  /*
  min-height: 41rem;
  height: calc(100vh - 158px);
  max-height: 41rem;
  */
  height: 400px;
  width: 100% !important;
  object-fit: cover !important;
}

.paragraph--type--banner-image .slide_brightness_overlay {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 41rem;
  height: calc(100vh - 158px);
  max-height: 41rem;    
  /*
  height: 854px;
  width: 100%;
  */
}

.paragraph--type--banner-image .slide_overlay_desc_wrapper {
  position: absolute;
  bottom: 15%;
  left: 5%;
  max-width: 40rem;
  border: 0;
  background-color: white;
  padding: 10px;
  border-radius: 0.375rem;
}

.paragraph--type--banner-image .slide_overlay_border {
  padding: 10px;
  border: 1px solid #e9e5e4;
  border-radius: 0.375rem;
  background-color: white;
}

.paragraph--type--banner-image .slide_overlay_desc_wrapper p {
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5em;
}

/*
.paragraph--type--banner-image .slide_image_caption {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px 10px;
  background-color: rgba(0,0,0,.6);
  color: white;
  font-size: .9rem;
}
*/

.paragraph--type--banner-image .slide_image_caption {
  position: relative;
  bottom: 0;
  right: 0;
  padding: 0 10px 0 0;
  background-color: transparent;
  color: white;
  font-size: .9rem;
  background-color: rgba(0,0,0,.6);
}

.paragraph--type--banner-image .slide_image_caption .field--name-field-image-banner-caption {
  /*  background-color: rgba(0,0,0,.6);*/
  text-align: right;   
  padding: 5px 10px;
  margin-right: 5%;
}

.paragraph--type--banner-image .slide_overlay_buttons_wrapper {
  position: absolute;
  bottom: 15%;
  right: 5%;
  max-width: 40rem;
}

.paragraph--type--banner-image .button-column {
  display: inline-block;
  margin: 0 10px;
}

@media only screen and (max-width: 1200px) {
  .paragraph--type--banner-image img {
    /*
    min-height: 34rem;
    max-height: 34rem;
    */
    height: 350px;
  }
  .paragraph--type--banner-image .slide_overlay {
    border-bottom: 2px solid #D73F09;
    background-color: #e9e5e4;  	
  }
  .paragraph--type--banner-image .slide_overlay_text {
  	display: flex;
  	flex-flow: row;
  }
  .paragraph--type--banner-image .slide_overlay_desc_wrapper {    
    position: relative;
    padding: 10px;
    bottom: initial;
    left: initial;
    max-width: initial;
    display: flex;
    background-color: transparent;
    width: 100% !important;
    align-self: center;
  }

  .paragraph--type--banner-image .slide_overlay_border {
    border: none;
    border-radius: 0.375rem;  
  }

  .paragraph--type--banner-image .slide_overlay_desc_wrapper p {
    /*
    font-size: 1rem;
    line-height: 1.7;
    */
  }

	.paragraph--type--banner-image .slide_overlay_buttons_wrapper {
		position: relative;
		bottom: initial;
		right: initial;
		max-width: 40rem;
		display: flex;
    flex-flow: row wrap;
		justify-content: end;
	  padding: 20px;
	  width: 50%;
	  padding: 20px;
	}

  /*
  .paragraph--type--banner-image .slide_image_caption {
    position: relative;
    bottom: 0;
    right: 0;
    padding: 0px;
    background-color: transparent;
    color: white;
    font-size: .9rem;
  }
  */
  /*
  .paragraph--type--banner-image .slide_image_caption .field--name-field-image-banner-caption {
    background-color: rgba(0,0,0,.6);
    text-align: right;   
    padding: 5px 10px;
  }
  */
}

@media only screen and (max-width: 876px) {
  .paragraph--type--banner-image .slide_overlay_buttons_wrapper {
    display: flex;
    flex-flow: column;
  }
  .paragraph--type--banner-image .button-column {
    display: block;
    margin: 5px 10px;
  }

}