@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
@font-face {
  font-family: "Intro";
  src: local("Intro Black"), url("../font/Intro-Black.otf");
  font-weight: 900; }

@font-face {
  font-family: "Intro";
  src: local("Intro Regular"), url("../font/Intro-Regular.otf");
  font-weight: 400; }

.container {
  margin-inline: auto;
  width: 92%;
  max-width: 1180px; }

.c-section.hero {
  position: relative;
  z-index: 1;
  background: #fff url("../images/federal-cup-hero.jpg") no-repeat center bottom;
  background-size: 100% auto; }
  @media (min-width: 640px) {
    .c-section.hero {
      background-size: 80% auto; } }
  @media (min-width: 768px) {
    .c-section.hero {
      background-size: 66% auto;
      background-position: 38vw center; } }
  @media (min-width: 1024px) {
    .c-section.hero {
      background-size: auto 87%;
      background-position: 41vw center; } }
  @media (min-width: 1280px) {
    .c-section.hero {
      background-position: 44vw center; } }

.c-card.match {
  position: relative;
  display: grid;
  align-items: center;
  gap: 0 .625rem;
  padding: 0 .875rem .375rem;
  grid-template: "id time button button" "status player1 player1 score1" "status player2 player2 score2";
  grid-template-columns: 2rem 4rem 1fr 2rem; }
  .c-card.match .c-card_time {
    grid-area: time;
    text-align: center;
    padding: .125rem .375rem;
    margin-bottom: .5rem; }
  .c-card.match .c-card_status {
    grid-area: status; }
  .c-card.match .c-card_id {
    grid-area: id; }
  .c-card.match .c-card_player1 {
    grid-area: player1; }
  .c-card.match .c-card_score1 {
    grid-area: score1;
    text-align: right; }
  .c-card.match .c-card_dash {
    grid-area: dash;
    display: none; }
  .c-card.match .c-card_score2 {
    grid-area: score2;
    text-align: right; }
  .c-card.match .c-card_player2 {
    grid-area: player2; }
  .c-card.match .c-card_button {
    grid-area: button;
    text-align: right; }
  @media (min-width: 640px) {
    .c-card.match {
      gap: .75rem .25rem;
      padding: 0 .875rem .875rem;
      grid-template: ". . . time time time . ." "status id player1 score1 dash score2 player2 button";
      grid-template-columns: 2rem 3rem 1fr 1.5rem 1rem 1.5rem 1fr 8rem; }
      .c-card.match .c-card_time {
        margin-bottom: 0;
        padding: .1875rem .5rem; }
      .c-card.match .c-card_player1 {
        text-align: right; }
      .c-card.match .c-card_score1 {
        text-align: right; }
      .c-card.match .c-card_dash {
        display: block; }
      .c-card.match .c-card_score2 {
        text-align: left; }
      .c-card.match .c-card_button {
        text-align: right; } }
  @media (min-width: 768px) {
    .c-card.match {
      grid-template-columns: 4rem 8rem 1fr 2.25rem 1rem 2.25rem 1fr 12rem; } }
  @media (min-width: 1024px) {
    .c-card.match {
      gap: 1rem .25rem;
      padding: 0 1.25rem 1.75rem;
      grid-template-columns: 6rem 7rem 1fr 3rem 1rem 3rem 1fr 13rem; }
      .c-card.match .c-card_time {
        text-align: center;
        padding: .1875rem .5rem; }
      .c-card.match .c-card_player1 {
        padding-right: 3rem; }
      .c-card.match .c-card_player2 {
        padding-left: 3rem; }
      .c-card.match .c-card_button {
        margin-top: -.75rem; } }

.c-card.match-schedule {
  position: relative;
  display: grid;
  align-items: center;
  font-size: 3.6vw;
  grid-template: "player1 score1 dash score2 player2";
  gap: 1vw;
  padding: 2vw 1vw;
  grid-template-columns: 10fr 1fr .5fr 1fr 10fr;
  flex-grow: 1; }
  @media (min-width: 768px) {
    .c-card.match-schedule {
      font-size: 1.5rem; } }
  .c-card.match-schedule .c-card_status {
    grid-area: status; }
  .c-card.match-schedule .c-card_id {
    grid-area: id; }
  .c-card.match-schedule .c-card_player1 {
    grid-area: player1;
    text-align: right; }
  .c-card.match-schedule .c-card_score1 {
    grid-area: score1;
    text-align: right;
    font-size: 4.5vw;
    line-height: 1; }
    @media (min-width: 768px) {
      .c-card.match-schedule .c-card_score1 {
        font-size: 2rem; } }
  .c-card.match-schedule .c-card_dash {
    grid-area: dash;
    text-align: center; }
  .c-card.match-schedule .c-card_score2 {
    grid-area: score2;
    font-size: 4.5vw;
    line-height: 1; }
    @media (min-width: 600px) {
      .c-card.match-schedule .c-card_score2 {
        font-size: 2rem; } }
  .c-card.match-schedule .c-card_player2 {
    grid-area: player2; }

.c-rich-text {
  line-height: 1.5; }
  .c-rich-text p {
    margin-block: .75em; }
  .c-rich-text :first-child {
    margin-top: 0; }
  .c-rich-text :last-child {
    margin-bottom: 0; }

.c-sponsor {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .75rem 1.125rem;
  min-height: 4rem;
  margin-right: -1px; }
  .c-sponsor img {
    max-width: 6rem;
    max-height: 2rem; }
  .c-sponsor:before, .c-sponsor:after {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 4.5rem;
    inset-block: 0;
    margin-block: auto;
    background-image: linear-gradient(0deg, #fff, #bbb, #fff); }
  .c-sponsor:before {
    left: 0; }
  .c-sponsor:after {
    right: 0; }
  .c-sponsor.md img {
    max-width: 9rem;
    max-height: 3rem; }
  .c-sponsor.lg img {
    max-width: 14rem;
    max-height: 7rem; }
  @media (min-width: 768px) {
    .c-sponsor {
      padding: 1rem 1.5rem;
      min-height: 5rem; }
      .c-sponsor img {
        max-width: 8rem;
        max-height: 2rem; }
      .c-sponsor.md img {
        max-width: 12rem;
        max-height: 4rem; }
      .c-sponsor.lg img {
        max-width: 18rem;
        max-height: 9rem; } }

.c-swiper {
  --swiper-navigation-color: #002967;
  --swiper-navigation-size: 2rem;
  --swiper-pagination-bottom: 0; }
  .c-swiper.gallery .swiper-slide {
    height: auto;
    width: 80vw;
    max-width: 30rem; }
    .c-swiper.gallery .swiper-slide img {
      height: 100%;
      object-fit: cover; }
  .c-swiper.players-mobile {
    overflow: visible; }
    .c-swiper.players-mobile .swiper-slide {
      height: auto;
      width: 14.125rem; }
  .c-swiper.players-desktop {
    padding-bottom: 4.125rem;
    display: none; }
    @media (min-width: 1024px) {
      .c-swiper.players-desktop {
        display: block; } }
  .c-swiper .swiper-navigation {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    gap: 2rem; }
  .c-swiper .swiper-button-next,
  .c-swiper .swiper-button-prev {
    width: 6rem;
    position: static;
    margin: unset;
    inset: unset;
    transform: none; }
    .c-swiper .swiper-button-next:after,
    .c-swiper .swiper-button-prev:after {
      content: none;
      display: none; }
    .c-swiper .swiper-button-next.swiper-button-disabled,
    .c-swiper .swiper-button-prev.swiper-button-disabled {
      --swiper-navigation-color: #e0e0e0;
      opacity: 1; }
  .c-swiper .swiper-pagination-bullet {
    position: relative;
    width: 1.625rem;
    height: 1.625rem;
    border: 1px solid #002967;
    background: transparent; }
    .c-swiper .swiper-pagination-bullet:after {
      content: '';
      position: absolute;
      display: block;
      width: 1.125rem;
      height: 1.125rem;
      background: #002967;
      inset: 0;
      margin: auto;
      opacity: 0;
      transition: .15s opacity ease;
      border-radius: 50%; }
    .c-swiper .swiper-pagination-bullet-active:after {
      opacity: 1; }

.gradient-152 {
  background-image: linear-gradient(152deg, var(--tw-gradient-stops)); }

.gradient-154 {
  background-image: linear-gradient(154deg, var(--tw-gradient-stops)); }

.gradient-164 {
  background-image: linear-gradient(164deg, var(--tw-gradient-stops)); }

.gradient-173 {
  background-image: linear-gradient(173deg, var(--tw-gradient-stops)); }

.gradient-r {
  background-image: radial-gradient(var(--tw-gradient-stops)); }

.bg-watermark {
  background-image: url("../images/cesky-pool-watermark.svg");
  background-repeat: no-repeat;
  background-position: top 15% right -4%;
  background-size: auto 70vh; }

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