/**
 * $file
 * Variables
 *
 ****
 *
 * Page Widths
 * Fonts
 * Colors
 *
 ****
*/
/****
 *
 * Page Widths
 *
 ****/
/****
 *
 * Fonts
 *
 ****/
/****
 *
 * Colors
 *
 ****/
/**
 * $file
 * Variables
 *
 ****
 *
 * Page Widths
 * Fonts
 * Colors
 *
 ****
*/
/****
 *
 * Page Widths
 *
 ****/
/****
 *
 * Fonts
 *
 ****/
/****
 *
 * Colors
 *
 ****/
.paragraph--type--link-tiles {
  padding: 8rem 0 6rem;
}

.paragraph--type--link-tiles .field--name-field-links .field__item {
  margin-bottom: 2rem;
}

.paragraph--type--link-tiles .field--name-field-links .field__item a {
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #EEEEED;
  border-top: 6px solid #1A2D57;
  color: #333;
  display: flex;
  font-family: "robotobold", "Helvetica", Arial, sans-serif;
  font-size: 2.2rem;
  padding: 10px 32px 20px 20px;
  position: relative;
  transition: all 0.2s ease-out;
  width: 100%;
  height: 100%;
}

.paragraph--type--link-tiles .field--name-field-links .field__item a .field-title {
  flex-grow: 1;
}

.paragraph--type--link-tiles .field--name-field-links .field__item a i {
  color: #1E3F84;
  float: right;
  font-size: 1.4rem;
  line-height: 2;
}

.paragraph--type--link-tiles .field--name-field-links .field__item a:before {
  content: "\f138";
  position: absolute;
  right: 2rem;
  font-family: "FontAwesome";
  color: #1E3F84;
  font-size: 1.4rem;
  top: 17px;
}

.paragraph--type--link-tiles .field--name-field-links .field__item a:after {
  background-color: #4670C9;
  content: "";
  height: 6px;
  position: absolute;
  right: 14px;
  top: -6px;
  width: 24px;
}

.paragraph--type--link-tiles .field--name-field-links .field__item a:hover, .paragraph--type--link-tiles .field--name-field-links .field__item a:active, .paragraph--type--link-tiles .field--name-field-links .field__item a:focus {
  background-color: #1A2D57;
  color: #fff;
  text-decoration: none;
}

.paragraph--type--link-tiles .field--name-field-links .field__item a:hover i, .paragraph--type--link-tiles .field--name-field-links .field__item a:hover:before, .paragraph--type--link-tiles .field--name-field-links .field__item a:active i, .paragraph--type--link-tiles .field--name-field-links .field__item a:active:before, .paragraph--type--link-tiles .field--name-field-links .field__item a:focus i, .paragraph--type--link-tiles .field--name-field-links .field__item a:focus:before {
  color: #FFDF00;
}

/*# sourceMappingURL=../sourcemaps/paragraph--link-tiles.css.map */