/**
SCSS for 1-column-title-excerpt-image Component
**/
/**
*********************
* 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
********************
**/
.one-column-title-excerpt-image {
  padding: 3.125rem 1.25rem 3.125rem 1.25rem;
}

@media only screen and (min-width: 768px) {
  .one-column-title-excerpt-image {
    padding: 3.3125rem 0 3.9375rem;
  }
}

@media only screen and (min-width: 1024px) {
  .one-column-title-excerpt-image {
    padding: 4.6875rem 0 5.625rem;
  }
}

.one-column-title-excerpt-image .title {
  color: #164D92;
  font-size: 1.875rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 2.75rem;
  letter-spacing: -1.62px;
}

@media only screen and (min-width: 1024px) {
  .one-column-title-excerpt-image .title {
    font-size: 2.875rem;
    line-height: 3.75rem;
  }
}

.one-column-title-excerpt-image .excerpt {
  color: #384f7e;
  margin-bottom: 30px;
}

.one-column-title-excerpt-image .excerpt p {
  font-size: 1rem;
  line-height: 1.5;
}

.one-column-title-excerpt-image .image-desk img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 576px) {
  .one-column-title-excerpt-image .image-desk {
    display: none;
  }
}

.one-column-title-excerpt-image .image-mob img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 576px) {
  .one-column-title-excerpt-image .image-mob {
    display: none;
  }
}

.one-column-title-excerpt-image .content__cta {
  margin-top: 15px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .one-column-title-excerpt-image .content__cta {
    text-align: left;
  }
}

/*# sourceMappingURL=one-column-title-excerpt-image.css.map */