:root {
  --grid-gutter-width: 30px;
  --border-opacity: 1;
}

@media (max-width: 767px) {
  :root {
    --grid-gutter-width: 40px;
  }
}
.community-data-center__image {
  width: 42.8%;
  position: relative;
  padding-top: 33.1%;
}
.community-data-center__image img {
  position: absolute;
  inset: 0;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.community-data-center__image .community-data-center__play-btn {
  position: absolute;
  right: 3rem;
  bottom: 4rem;
  display: inline-flex;
  backdrop-filter: blur(7px);
}
.community-data-center__body {
  width: 40.7%;
  margin-right: 8.1%;
}
.community-data-center__body-summary {
  margin-bottom: 2rem;
}
.community-data-center__body-title {
  margin-bottom: 2rem;
}
.community-data-center__body-read-more {
  display: none;
  color: #cdf35c !important;
  border: none !important;
}
.community-data-center__play-btn {
  color: #fff;
  display: inline-flex;
  font-size: 1.6rem;
  border-radius: 1rem;
  border: 0.2px solid rgba(255, 255, 255, 0.5) !important;
  background: rgba(255, 255, 255, 0.14);
  padding: 0.9rem 0.9rem 0.9rem 1.2rem;
  gap: 0.5rem;
}
.community-data-center__play-btn circle,
.community-data-center__play-btn path {
  transition: fill 0.35s;
}
.community-data-center__play-btn:hover {
  background: #cdf35c;
  color: #000;
}
.community-data-center__play-btn:hover circle {
  fill: #000;
}
.community-data-center__play-btn:hover path {
  fill: #fff;
}

body .fancybox-content {
  padding: 0;
  background: transparent;
}
body .fancybox-content iframe {
  display: block;
}

.fancybox-toolbar,
.fancybox-button--close {
  opacity: 0;
  visibility: hidden !important;
}

.fancybox-content .fancybox-button--close {
  opacity: 1;
  visibility: visible !important;
}

.fancybox-close-small,
.fancybox-button--close {
  width: 47px;
  position: absolute;
  top: 0;
  right: 0;
  height: 37px;
  background: url('data:image/svg+xml,<svg width="47" height="37" viewBox="0 0 47 37" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.3418 29.5449L34.4004 31.5L24.8984 21.9336L26.8408 19.9785L36.3418 29.5449ZM36.5 7.45508L12.7002 31.418L10.7578 29.4629L34.5576 5.5L36.5 7.45508ZM22.1064 15.2314L20.165 17.1865L10.5 7.45605L12.4424 5.50098L22.1064 15.2314Z" fill="%23CDF35C"></path>	</svg>') no-repeat 0 0;
}
.fancybox-close-small svg,
.fancybox-button--close svg {
  display: none;
}

@media (min-width: 768px) {
  .summary-truncated {
    display: none !important;
  }
  .summary-full {
    display: block !important;
  }
}
@media (max-width: 1300px) {
  .community-data-center__body {
    margin-right: 0;
    width: 48.8%;
  }
  .community-data-center__body-title {
    font-size: 5rem;
  }
}
@media (max-width: 1024px) {
  .community-data-center__image .community-data-center__play-btn {
    right: 2rem;
    bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .community-data-center__in {
    flex-direction: column-reverse;
  }
  .community-data-center__body {
    width: 100%;
  }
  .community-data-center__body-title {
    font-size: 3rem;
    margin-bottom: 1.5rem;
  }
  .community-data-center__body-summary {
    display: inline;
    margin-bottom: 0;
  }
  .community-data-center__body-read-more {
    display: inline-block;
    margin-bottom: 2rem;
  }
  .community-data-center__image {
    width: 100%;
    position: relative;
    padding-top: 51.4%;
  }
  .community-data-center__image .community-data-center__play-btn {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
  }
}

/*# sourceMappingURL=data-center.css.map */