/**
SCSS for LP one column preview image title excerpt 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
********************
**/
@import '../../settings/color.css';

.paragraph--type--title-excerpt-and-3-column-cards {
  background: linear-gradient( 180deg,rgba(22,77,146,1) 0%,rgba(0,180,141,1) 100% );
  padding: 3rem 0 3.6875rem;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards {
    padding: 2.5rem 1.25rem 2.4375rem;
  }
}

.paragraph--type--title-excerpt-and-3-column-cards .container {
  padding: 0;
}

@media only screen and (max-width: 992px) {
  .paragraph--type--title-excerpt-and-3-column-cards .container {
    padding: 0 0.9375rem;
  }
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .container {
    padding: 0;
  }
}

.paragraph--type--title-excerpt-and-3-column-cards .container > .field--name-field-excerpt {
  margin-bottom: 1.5rem;
}

.paragraph--type--title-excerpt-and-3-column-cards .container > .field--name-field-excerpt p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .container > .field--name-field-excerpt p {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .owl-stage {
    right: 50px;
  }
}

.paragraph--type--title-excerpt-and-3-column-cards .h2-title {
  color: var(--primary-color);
  font-size: 2.875rem;
  line-height: 4rem;
  font-weight: 600 !important;
  margin-top: 0.9375rem;
  margin-bottom: 0.625rem;
  color: #fff;
}

@media only screen and (max-width: 1280px) {
  .paragraph--type--title-excerpt-and-3-column-cards .h2-title {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }
}

@media only screen and (max-width: 992px) {
  .paragraph--type--title-excerpt-and-3-column-cards .h2-title {
    font-size: 2.8125rem;
    line-height: 3.4375rem;
  }
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .h2-title {
    font-size: 1.875rem;
    line-height: 2.1875rem;
    font-weight: 600;
  }
}

@media only screen and (min-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}

@media only screen and (min-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards > .field__item {
    width: 30%;
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards > .field__item {
    margin-bottom: 3.125rem;
  }
}

@media only screen and (min-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards > .field__item:nth-child(6n + 1), .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards > .field__item:nth-child(6n + 2), .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards > .field__item:nth-child(6n + 4), .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards > .field__item:nth-child(6n + 5) {
    margin-right: 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards > .field__item:nth-child(6n + 1), .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards > .field__item:nth-child(6n + 2), .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards > .field__item:nth-child(6n + 4), .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards > .field__item:nth-child(6n + 5) {
    margin-right: 3.4375rem;
  }
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .paragraph--type--image-cta-title-text-cards {
  position: relative;
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .image-container img {
  -webkit-transition: 600ms ease transform;
  -o-transition: 600ms ease transform;
  transition: 600ms ease transform;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay {
  position: absolute;
  padding: 0 1.5625rem;
  color: #fff;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  z-index: 9;
  overflow: hidden;
  top: auto;
  bottom: 3rem;
}

@media only screen and (max-width: 992px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay {
    padding: 0 0.9375rem;
  }
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay {
    padding: 0 1.875rem;
  }
}

@media only screen and (max-width: 576px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay {
    padding: 0 1.5625rem;
  }
}

@media only screen and (max-width: 435px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay {
    padding: 0 1.25rem;
  }
}

@media only screen and (min-width: 1200px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay {
    top: 34%;
    bottom: 0;
  }
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-title {
  font-size: 1.5625rem;
  line-height: 2.4375rem;
  margin-bottom: 0.9375rem;
  font-weight: 600;
}

@media only screen and (max-width: 1200px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-title {
    line-height: 2.1875rem;
    font-size: 1.4375rem;
  }
}

@media only screen and (max-width: 992px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-title {
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin: 0.625rem 0;
  }
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-title {
    font-size: 1.125rem;
    margin: 0.625rem 0 1.0625rem;
  }
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-excerpt {
  margin-bottom: 5.125rem;
}

@media only screen and (max-width: 992px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-excerpt {
    margin-bottom: 1.0625rem;
  }
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-excerpt {
    margin-bottom: 1rem;
    max-height: 52px;
    overflow: hidden;
  }
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-excerpt p {
  font-size: 1rem;
  font-weight: 300;
}

@media only screen and (max-width: 1200px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-excerpt p {
    line-height: 1.25rem;
  }
}

@media only screen and (max-width: 992px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-excerpt p {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-excerpt p {
    font-size: 0.875rem;
  }
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .link-text {
  font-size: 1rem;
  line-height: 1.1875rem;
  font-weight: 600;
}

@media only screen and (max-width: 992px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .link-text {
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .link-text {
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .link-text::after {
  content: '';
  background: url(../../../images/next-arrow.svg);
  width: 24px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: 0.75rem;
}

@media only screen and (max-width: 992px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .link-text::after {
    width: 20px;
    height: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .link-text::after {
    width: 17px;
    height: 8px;
  }
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-cta a {
  background-color: transparent;
  padding: 0;
  border: none;
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-cta a:hover {
  color: #fff;
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .text-overlay .field--name-field-cta a:hover::after {
  background-image: url(../../../images/next-arrow.svg);
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .img-text-cta-card {
  position: relative;
  overflow: hidden;
  -webkit-transition: 600ms ease transform;
  -o-transition: 600ms ease transform;
  transition: 600ms ease transform;
}

.paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .img-text-cta-card::after {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  height: calc(100% + 10px);
  width: calc(100% + 10px);
  z-index: 1;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#0000), to(#131819)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(top, #0000 0%, #131819 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #0000 0%, #131819 100%) 0% 0% no-repeat padding-box;
  opacity: 0.7;
}

@media only screen and (min-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .img-text-cta-card:hover {
    -webkit-transform: scaleX(1.1) scaleY(1.1);
        -ms-transform: scaleX(1.1) scaleY(1.1);
            transform: scaleX(1.1) scaleY(1.1);
  }
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .img-text-cta-card:hover::after {
    background: transparent -webkit-gradient(linear, left top, left bottom, from(var(--secondary-color)), to(#000c)) 0% 0% no-repeat padding-box;
    background: transparent -o-linear-gradient(top, var(--secondary-color) 0%, #000c 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg,var(--secondary-color) 0%, #000c 100%) 0% 0% no-repeat padding-box;
    opacity: 0.9;
    -webkit-transform: scaleX(1.1) scaleY(1.1);
        -ms-transform: scaleX(1.1) scaleY(1.1);
            transform: scaleX(1.1) scaleY(1.1);
  }
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .img-text-cta-card:hover .image-container img {
    -webkit-transform: scaleX(1.1) scaleY(1.1);
        -ms-transform: scaleX(1.1) scaleY(1.1);
            transform: scaleX(1.1) scaleY(1.1);
  }
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .img-text-cta-card:hover .text-overlay {
    -webkit-transform: translate(0, -34%);
        -ms-transform: translate(0, -34%);
            transform: translate(0, -34%);
    z-index: 99;
    bottom: 0;
    overflow: visible;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .img-text-cta-card:hover .text-overlay {
    -webkit-transform: translate(0, -12%);
        -ms-transform: translate(0, -12%);
            transform: translate(0, -12%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .img-text-cta-card:hover .text-overlay {
    -webkit-transform: translate(0, -5%);
        -ms-transform: translate(0, -5%);
            transform: translate(0, -5%);
  }
}

@media only screen and (min-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .img-text-cta-card:hover .text-overlay .field--name-field-excerpt {
    margin-bottom: 3.125rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .paragraph--type--title-excerpt-and-3-column-cards .field--name-field-cards .img-text-cta-card:hover .text-overlay .field--name-field-excerpt {
    margin-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .owl-dots {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .paragraph--type--title-excerpt-and-3-column-cards .owl-nav.disabled {
    padding: 1.5rem 0 2rem;
    display: block !important;
  }
}

/*# sourceMappingURL=title-excerpt-3-col-cards.css.map */