@charset "UTF-8";
@font-face {
  font-family: "Adelphi PE VF All";
  src: url("/themes/custom/sportea_theme/build/assets/fonts/AdelphiPEVFWeb-All.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Adelphi PE VF All";
  src: url("/themes/custom/sportea_theme/build/assets/fonts/AdelphiPEDisplayWeb-Lt.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Adelphi PE VF All";
  src: url("/themes/custom/sportea_theme/build/assets/fonts/AdelphiPEDisplayWeb-Me.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Adelphi PE VF All";
  src: url("/themes/custom/sportea_theme/build/assets/fonts/AdelphiPEDisplayWeb-Bd.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Adelphi PE VF All";
  src: url("/themes/custom/sportea_theme/build/assets/fonts/AdelphiPEDisplayWeb-Eb.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Adelphi PE VF All";
  src: url("/themes/custom/sportea_theme/build/assets/fonts/AdelphiPEDisplayWeb-LtIt.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
.paragraph--cta {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.paragraph--cta--blue {
  background: #0073ff;
  color: #fff;
}

.paragraph--cta--green {
  background: #00ba64;
  color: #fff;
}

.paragraph--cta--pink {
  background: #ff97e0;
  color: #fff;
}

.paragraph-cta__container {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
  z-index: 10;
}

.paragraph-cta__strokes {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  pointer-events: none;
  opacity: 1;
}

.paragraph-cta__stroke-left {
  position: absolute;
  bottom: 10px;
  left: -25%;
}

.paragraph-cta__stroke-center {
  position: absolute;
  top: -10%;
  left: 55%;
  transform: translateX(-50%);
}

.paragraph-cta__stroke-right {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.paragraph-cta__content {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}
@media (max-width: 1024px) {
  .paragraph-cta__content {
    gap: 3rem;
  }
}
@media (max-width: 768px) {
  .paragraph-cta__content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.paragraph--cta--image_right .paragraph-cta__content {
  grid-template-areas: "text image";
}
.paragraph--cta--image_right .paragraph-cta__content .paragraph-cta__text {
  grid-area: text;
}
.paragraph--cta--image_right .paragraph-cta__content .paragraph-cta__image {
  grid-area: image;
}
@media (max-width: 768px) {
  .paragraph--cta--image_right .paragraph-cta__content {
    grid-template-areas: "image" "text";
  }
}

.paragraph--cta--image_left .paragraph-cta__content {
  grid-template-areas: "image text";
  gap: 0;
}
.paragraph--cta--image_left .paragraph-cta__content .paragraph-cta__text {
  grid-area: text;
}
.paragraph--cta--image_left .paragraph-cta__content .paragraph-cta__image {
  grid-area: image;
}
@media (max-width: 768px) {
  .paragraph--cta--image_left .paragraph-cta__content {
    grid-template-areas: "image" "text";
    gap: 2rem;
  }
}

.paragraph--cta--image_left .paragraph-cta__cta a {
  padding: 0;
}
.paragraph--cta--image_left .paragraph-cta__cta a:after {
  content: " →";
}

.paragraph-cta__text {
  padding: 4rem 2rem;
}
@media (max-width: 768px) {
  .paragraph-cta__text {
    padding: 3rem 1.5rem;
    text-align: center;
  }
}
@media (max-width: 640px) {
  .paragraph-cta__text {
    padding: 2rem 1rem;
  }
}

.paragraph-cta__title {
  font-family: "Adelphi PE VF All", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  color: #fff;
}
.paragraph-cta__title .field__item {
  margin: 0;
}
@media (max-width: 768px) {
  .paragraph-cta__title {
    margin-bottom: 1rem;
  }
}

.paragraph-cta__description {
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  margin-bottom: 2rem;
  color: rgba(255, 255, 255, 0.95);
}
.paragraph-cta__description p {
  margin: 0 0 1rem 0;
}
.paragraph-cta__description p:last-child {
  margin-bottom: 0;
}
.paragraph-cta__description .field__item {
  margin: 0;
}
@media (max-width: 768px) {
  .paragraph-cta__description {
    margin-bottom: 1.5rem;
  }
}

.paragraph-cta__cta .field__item {
  margin: 0;
}
.paragraph-cta__cta a {
  display: inline-flex;
  align-items: center;
  padding: 1rem 2rem;
  background: #fff;
  color: #1f2937;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.125rem;
  border-radius: 30px;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.paragraph-cta__cta a:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
@media (max-width: 640px) {
  .paragraph-cta__cta a {
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
  }
}

.paragraph--cta--blue .paragraph-cta__cta a {
  background: #fff;
  color: #0073ff;
}
.paragraph--cta--blue .paragraph-cta__cta a:hover {
  background: #f9fafb;
}

.paragraph--cta--green .paragraph-cta__title {
  color: #1f2937;
}
.paragraph--cta--green .paragraph-cta__description {
  color: #374151;
}
.paragraph--cta--green .paragraph-cta__cta a {
  background: transparent;
  color: #fff;
  border: none;
  box-shadow: none;
}

.paragraph-cta__image {
  position: relative;
  overflow: hidden;
  margin-right: 140px;
}
.paragraph-cta__image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .paragraph-cta__image {
    max-width: 500px;
    margin: 0 auto;
  }
}

.paragraph--cta .field__label {
  display: none;
}
.paragraph--cta .field {
  margin: 0;
}
.paragraph--cta .field__item {
  margin: 0;
}

/*# sourceMappingURL=cta.css.map*/