/* .imageComponent CSS - only applies to standalone component */
.imageComponent .row
{
    display: flex;
    justify-content: center;
}

.imageComponent .image
{
    margin: 0 auto;
    display: block;
    width: 450px;
    position: relative;
    left: 0;
    right: 0;
}

.image_caption.caption-bottom-left
{
    margin-top: 0.5rem;
    padding-left: 0.5rem;
    text-align: left;
}

.image_caption.caption-bottom-center
{
    margin-top: 0.8rem;
    padding-right: 0.5rem;
    text-align: center;
}


.image_caption.caption-bottom-right
{
    margin-top: 0.8rem;
    padding-right: 0.5rem;
    text-align: right;
}

.image_caption.caption-bottom p
{
    font-size: 0.9rem;
}

/* Image-Caption */

.image.overlayCaption,
.image.standardCaption  {
  display:block;
}
/* If overlay, set up flex grid on imageBlockContainer  */
.image.overlayCaption {
  display: flex;
  flex-wrap:wrap;
  position: relative;
}

.image.overlayCaption.leftPos {
  justify-content: start; /* horz alignment */
}

.image.overlayCaption.centerPos {
  justify-content: center; /* horz alignment */
}

.image.overlayCaption.rightPos {
  justify-content: end; /* horz alignment */
}

.image.overlayCaption.topPos {
  align-items: start; /* vertical alignment */
  /* top: 0.75rem; */
}

.image.overlayCaption.middlePos {
  align-items: center; /* vertical alignment */
}

.image.overlayCaption.bottomPos {
  align-items: end; /* vertical alignment */
  /* bottom: 0.75rem; */
}

.image_caption.overlayCaption.leftPos {
  left: 0;
  margin-left: 1.25rem;
}

.image_caption.overlayCaption.middlePos {
  /* Nothing to do here */
}

.image_caption.overlayCaption.rightPos {
  right: 0;
  margin-right: 1.25rem;
}

.image_caption.overlayCaption.topPos {
  top: 0.75rem;
}

.image_caption.overlayCaption.bottomPos {
  bottom: 0.75rem;
}


.image.section-align-center {
  justify-content: center;
}

.image.section-align-left {
  justify-content: left;
}

.image.section-align-right {
  justify-content: right;
}

.image_caption.standardCaption{
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: Bold;
/*    margin-top: -2rem; */
    padding-bottom: 0.25rem;
  }

.image.overlayCaption .image_caption{
      position: absolute;
      display: flex;
    }

  .image_caption>* {
    margin:0;
    padding:0;
  }

  .image_caption.section-align-left{
    float:left;
    margin-left: 1.25rem;
  }

  .image_caption.section-align-left > * {
    text-align: center;
  }

  .image_caption.section-align-right {
    float:right;
    margin-right:1.25rem;
  }

  .image_caption.section-align-right > * {
    text-align: right;
  }

  .image_caption.section-align-center {
    justify-content: center;
    float:none;
  }

  .image_caption.section-align-center > * {
    text-align: center;
  }

  .image_caption.section-color-black{
    color:black;
  }
  .image_caption.section-color-white{
    color:white;
  }




  /* Video-Caption */

  .video_caption{
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: Bold;
    margin-top: 1rem;
    position: relative;
  }
  .video_caption.section-color-black{
    color:black;
  }
  .video_caption.section-color-white{
    color:white;
  }
  .video_caption.caption-bottom-left{
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .video_caption.caption-bottom-right{
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
  }
  .video_caption.caption-center{
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }