/* Button */
.paragraph--type--c-image .image_cta_link {
  width: auto;
  padding: 10px 60px;
  cursor: pointer;
}

.paragraph--type--c-image .image_cta_link a {
  color: var(--brand-text-color-primary);
}

/**
 * Only allow this style to happen on .path-frontpage
 * TODO: if we impliment this feature on other pages other then
 * the front page path-frontpage will need to be removed.
 * This would require figuring out a way to hide the h1 based on this setting
 */

 .paragraph--type--c-image h1 {
  background: transparent;
}

.paragraph--type--c-image .fields--wrapper {
  background-color: transparent;
}

/* .paragraph--type--c-image .text-container .field--name-field-c-advanced-title {
  font-size: 28px;
  line-height: 1.1em;
  font-weight: bold;
  text-shadow: none;
  text-align: left;
  display: block;
  padding: 0 0 5px 0;
} */

.paragraph--type--c-image .text-container,
.paragraph--type--c-image .text-container > * {
  display: block;
  position: relative;
  text-align: left !important;
  padding: 0;
}

.paragraph--type--c-image .field--name-field-c-advanced-subtitle {
  font-size: 24px;
  font-weight: bold;
  text-shadow: none;
  text-align: left;
}

.paragraph--type--c-image .text-container .field--name-field-c-advanced-title,
.paragraph--type--c-image .text-container .field--name-field-c-advanced-title h1
{
  color: #fff;
}

.paragraph--type--c-image .field--name-field-c-advanced-subtitle {
  color: #fff;
}

.paragraph--type--c-image .text-container p,
.paragraph--type--c-image.white-text .text-container p {
  width: 55%;
  font-size: 18px;
  color: var(--brand-color-black);
}

.paragraph--type--c-image .vertical_middle .text-container {
  transform: translateY(0);
}

.paragraph--type--c-image .vertical_top .text-container {
  top: 0;
}

.paragraph--type--c-image .vertical_bottom .text-container {
  top: 0;
}

@media screen and (min-width: 992px) {
  .paragraph--type--c-image .text-container .field--name-field-c-advanced-title {
    color: var(--brand-color-white);
    text-shadow: 2px 2px 3px #333;
    font-size: 36px;
  }

  .paragraph--type--c-image .text-container p,
  .paragraph--type--c-image.white-text .text-container p {
    color: var(--brand-color-white);
    text-shadow: 1px 1px 3px #222;
  }

  .paragraph--type--c-image .text-container {
    position: absolute;
    padding: 15px 93px;
  }

  .paragraph--type--c-image .field--name-field-c-advanced-subtitle {
    color: var(--brand-color-white);
    text-shadow: 2px 2px 3px #333;
  }

  .paragraph--type--c-image .vertical_middle .text-container {
    transform: translateY(-50%);
  }

  .paragraph--type--c-image .vertical_top .text-container {
    top: 40px;
  }

  .paragraph--type--c-image .vertical_bottom .text-container {
    top: auto;
  }
}