/**
SCSS for Centered Text CTA Banner Paragraph
**/
/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/** Add any additional color supplied in the style guide **/
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
/* background colors */
/* Menu and link colors */
/* Text colors */
/* Border colors */
/* Owl Carousel colors */
/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Colors
********************
**/
/**
*********************
* Breakpoint mixin
********************
**/
.paragraph--type--icon-text-cta-banner .wrapper {
  background-color: #164D92;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5rem 1.25rem;
}

@media only screen and (min-width: 992px) {
  .paragraph--type--icon-text-cta-banner .wrapper {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
  }
}

.paragraph--type--icon-text-cta-banner .wrapper > div {
  -ms-flex-item-align: center;
      align-self: center;
}

.paragraph--type--icon-text-cta-banner .wrapper .image-container {
  margin-right: 1.5625rem;
}

@media only screen and (max-width: 768px) {
  .paragraph--type--icon-text-cta-banner .wrapper .image-container svg {
    width: 55px;
  }
}

.paragraph--type--icon-text-cta-banner a:hover .wrapper {
  background-color: #00B48D;
}

.paragraph--type--icon-text-cta-banner .text-container h3 {
  margin: 0 0 0.5rem;
}

.paragraph--type--icon-text-cta-banner .text-container .field--name-field-title {
  font-size: 1.5rem;
  line-height: 1.7rem;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .paragraph--type--icon-text-cta-banner .text-container .field--name-field-title {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}

.paragraph--type--icon-text-cta-banner .text-container .field--name-field-excerpt p {
  font-size: 1rem;
  line-height: 1.75rem;
  color: #fff;
  padding-bottom: 2px;
}

@media only screen and (max-width: 768px) {
  .paragraph--type--icon-text-cta-banner .text-container .field--name-field-excerpt p {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

/*# sourceMappingURL=icon-text-cta-banner.css.map */