/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

#tm-middle{
  min-height: calc(100vh - 162px);
}

.uk-button-primary{
  margin: 20px 0;
  padding: 10px 45px;
  font-family: 'Open Sans' !important;
  font-weight: 600;
  border-radius: 0px;
  background: #8B8589;
  border-color: #8B8589;
  color: #fff;
}
.uk-button-primary:hover,
.uk-button-primary:focus{
  border-color: #8B8589;
  color: #8B8589;
}
.uk-grid-divider > [class*="uk-width-medium-"]:not(.uk-width-medium-1-1):nth-child(n+2){
  border: 0;
}

.services-section {
  padding-top: 32px;
}

.arena-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}

.arena-grid .uk-card {
  background: #8B8589;
  transition: 0.2s ease-in;
  aspect-ratio: 2 / 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.arena-grid .uk-card:hover {
  box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
  background: #999397;
}

.arena-grid .uk-card .uk-card-title {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .arena-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .arena-grid .uk-card {
    aspect-ratio: 1 / 1;
  }
}

@media screen and (min-width: 981px) {
  .arena-grid {
    grid-template-columns: repeat(5, 1fr);
  }
  .arena-grid .uk-card {
    aspect-ratio: 1 / 1;
  }
}