

.paragraph--type--cta {
  --cta-padding: var(--space-m);
  --cta-heading-size: var(--type-1);
  background-color: #101e8e;
  background-color: var(--color-primary);
  color: #FFF;
  color: var(--color-white);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  overflow: hidden;
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  /*display: flex;*/
  flex-direction: column;
  outline: 2px solid transparent;
}

@media (min-width: 45em) {

.paragraph--type--cta {
    display: flex;
    flex-direction: row;
    display: flex;
}
  }

.paragraph--type--cta + .paragraph--type--cta {
  margin-top: max(2rem, min(calc(1.40rem + 1.41vw), 2.5rem));
  margin-top: var(--space-l);
}

.c-section-page-cta {
  --cta-padding: var(--space-l);
  --cta-heading-size: var(--type-2 );
}

.paragraph--type--cta:hover {
  background-color: #EEEFF5;
  background-color: var(--color-torea-blue-light);
  color: #101e8e;
  color: var(--color-primary);
}

.paragraph--type--cta .c-cta-image * {
  height: 100%;
}

.paragraph--type--cta .c-cta-image > * {
  width: 100%;
  height: 100%;
}

@media (min-width: 45em) {

.paragraph--type--cta img {
    flex-direction: row;
    border-top-right-radius: 0em;
    border-top-left-radius: 0;
    max-width: none;
    max-width: initial;
    height: 100%;
    width: auto;
    width: initial;
    position: relative;
}
  }

.paragraph--type--cta .field--name-field-title {
  font-size: var(--cta-heading-size);
  font-weight: 600;
}

.c-cta-description {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: var(--cta-padding);
  font-size: 1rem;
}

.c-cta-image {
  flex: 1 0 13rem;
  overflow: hidden;
}

.c-section-page-cta .c-cta-image {
  flex: 1 0 18.75rem;
  overflow: hidden;
}

@media (min-width: 45em) {

.c-section-page-cta {
    flex-direction: row-reverse;
}
  }

.c-section-page-cta:hover {
  background-color: #1365DF;
  background-color: var(--color-new-lochmara);
  color: #FFF;
  color: var(--color-white);
}

.c-section-page-cta svg {
  width: 50px;
  margin-top: var(--space-3xs);
}
