/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-gvv-program {
  font-size: 1.12rem;
}
.wp-block-gvv-program__toprow {
  display: flex;
  text-transform: uppercase;
  align-items: center;
}
.wp-block-gvv-program__toprow__date {
  flex-basis: 15%;
  padding-left: var(--wp--preset--spacing--40);
}
.wp-block-gvv-program__toprow__title {
  flex-basis: 40%;
}
.wp-block-gvv-program__toprow__location {
  flex-basis: 25%;
}
.wp-block-gvv-program__toprow__pagination {
  flex-basis: 20%;
  display: flex;
  justify-content: flex-end;
  gap: var(--wp--preset--spacing--20);
}
.wp-block-gvv-program__toprow__pagination.inactive {
  display: none;
}
.wp-block-gvv-program__toprow__pagination__prev {
  transform: scaleX(-1);
}
.wp-block-gvv-program__toprow__pagination .inactive svg {
  opacity: 0.5;
  cursor: not-allowed;
}
.wp-block-gvv-program__toprow__pagination .inactive svg:hover {
  transform: scale(1);
}
.wp-block-gvv-program__toprow__pagination svg {
  width: var(--wp--preset--spacing--70);
  height: var(--wp--preset--spacing--70);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.wp-block-gvv-program__toprow__pagination svg:hover {
  transform: scale(1.1);
}
.wp-block-gvv-program__toprow__pagination svg .pentagon-bg {
  color: #fff;
}
.wp-block-gvv-program__content {
  display: flex;
  flex-direction: column;
  gap: calc(var(--wp--preset--spacing--20) / 1.5);
}
.wp-block-gvv-program__content-item {
  border: 1px solid var(--wp--preset--color--light-grey);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  color: var(--wp--preset--color--gvv-blue);
  font-weight: 600;
  display: flex;
  background-color: #fff;
  border-radius: calc(var(--wp--preset--spacing--20) / 2);
  padding: var(--wp--preset--spacing--20) 0;
  align-items: center;
}
.wp-block-gvv-program__content-item__date {
  flex-basis: 15%;
  padding-left: var(--wp--preset--spacing--40);
}
.wp-block-gvv-program__content-item__title {
  flex-basis: 40%;
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--30);
}
.wp-block-gvv-program__content-item__title__hometeam, .wp-block-gvv-program__content-item__title__awayteam {
  flex-basis: 50%;
  display: flex;
}
.wp-block-gvv-program__content-item__title__logo-placeholder {
  height: var(--wp--preset--spacing--60);
  width: var(--wp--preset--spacing--60);
  border-radius: 50%;
  background-color: #e0e0e0;
  margin-right: var(--wp--preset--spacing--30);
  background-size: contain;
}
.wp-block-gvv-program__content-item__title__divider {
  margin: 0 var(--wp--preset--spacing--30);
}
.wp-block-gvv-program__content-item__location {
  flex-basis: 45%;
}

@media screen and (max-width: 768px) {
  .wp-block-gvv-program__toprow {
    justify-content: flex-end;
  }
  .wp-block-gvv-program__toprow__date, .wp-block-gvv-program__toprow__title, .wp-block-gvv-program__toprow__location {
    display: none;
  }
  .wp-block-gvv-program__content {
    padding: 0 var(--wp--preset--spacing--20);
  }
  .wp-block-gvv-program__content-item {
    flex-direction: column;
    gap: var(--wp--preset--spacing--20);
  }
  .wp-block-gvv-program__content-item > div {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
  }
  .wp-block-gvv-program__content-item__date {
    color: var(--wp--preset--color--gvv-red);
  }
  .wp-block-gvv-program__content-item__title {
    font-size: 1.1rem;
  }
  .wp-block-gvv-program__content-item__title__hometeam {
    flex-direction: row-reverse;
    text-align: right;
  }
  .wp-block-gvv-program__content-item__title__hometeam .wp-block-gvv-program__content-item__title__logo-placeholder {
    margin-right: 0;
    margin-left: var(--wp--preset--spacing--30);
  }
  .wp-block-gvv-program__content-item__location {
    text-align: center;
    padding: 0 var(--wp--preset--spacing--20);
  }
}

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