/* In order to use this import, make sure you have the bourbon setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "bourbon";
 */
/* In order to use this import, make sure you have the bourbonneat setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "neat";
 */
/* In order to use this import, make sure you have the breakpoint setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "breakpoint";
 */
/* Animation definitions */
.paragraph--list--full-width .timeline-intro {
  text-align: center;
  margin-bottom: 2rem;
}

.group-right {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.itext-timeline {
  background-image: linear-gradient(-139deg, #4BACC6 0%, #4F81BD 44%, #084975 100%);
}

.itext-timeline .timeline-intro {
  text-align: center;
  margin-bottom: 2rem;
}

.itext-timeline .timeline-intro .field--name-field-text-area {
  color: #fff;
}

.timeline-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.timeline-title .field--name-field-p-media {
  width: 50px;
  padding-right: 1rem;
}

.field--name-field-p-link {
  padding-bottom: 1rem;
}

.field--name-field-p-link a {
  color: #084975;
  font-size: 1.125rem;
  font-weight: 500;
  float: left;
  display: inline-block;
  clear: both;
  margin-bottom: 0.6rem;
  text-decoration: none;
}

.field--name-field-p-link a:after {
  content: '';
  padding-right: 1rem;
  background-image: url(/themes/custom/compony/components/links-with-angle/dist/angle--right--blue.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px 13px;
  position: relative;
  left: 0px;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  display: inline;
}

/*# sourceMappingURL=maps/timeline.css.map */