/* VALUES */
/* COLORS */
/*

*/
/* Custom translucent site header */
.site-header { background-color: rgba(0, 0, 0, 0.85); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }

.site-header a { color: #999; transition: ease-in-out color 0.15s; }

.site-header a:hover { color: #fff; text-decoration: none; }

/* Dummy devices (replace them with your own or something else entirely!) */
.product-device { position: absolute; right: 10%; bottom: -30%; width: 300px; height: 540px; background-color: #333; border-radius: 21px; -webkit-transform: rotate(30deg); transform: rotate(30deg); }

.product-device::before { position: absolute; top: 10%; right: 10px; bottom: 10%; left: 10px; content: ""; background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; }

.product-device-2 { top: -25%; right: auto; bottom: 0; left: 5%; background-color: #e5e5e5; }

/** Tournament List */
.tournament-tile { color: #222222; display: block; height: 100%; padding: 0.75rem 0.75rem; text-decoration: none !important; }

.tournament-tile:hover { text-decoration: none; color: #222222; }

.tournament-tile > h3 { margin-bottom: 0.2rem; }

.tournament-tile > p { margin-bottom: 0; font-size: 0.9rem; }

.tournament-tile.style:hover { background-color: #ffd6a5; }

@media (max-width: 576px) { .tournament-tile.style-0 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-1 { background-color: #ffffff; }
  .tournament-tile.style-2 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-3 { background-color: #ffffff; }
  .tournament-tile.style-4 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-5 { background-color: #ffffff; }
  .tournament-tile.style-6 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-7 { background-color: #ffffff; } }

@media (min-width: 576px) and (max-width: 768px) { .tournament-tile.style-0 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-1 { background-color: #ffffff; }
  .tournament-tile.style-2 { background-color: #ffffff; }
  .tournament-tile.style-3 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-4 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-5 { background-color: #ffffff; }
  .tournament-tile.style-6 { background-color: #ffffff; }
  .tournament-tile.style-7 { background-color: rgba(0, 0, 0, 0.05); } }

@media (min-width: 768px) and (max-width: 992px) { .tournament-tile.style-0 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-1 { background-color: #ffffff; }
  .tournament-tile.style-2 { background-color: #ffffff; }
  .tournament-tile.style-3 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-4 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-5 { background-color: #ffffff; }
  .tournament-tile.style-6 { background-color: #ffffff; }
  .tournament-tile.style-7 { background-color: rgba(0, 0, 0, 0.05); } }

@media (min-width: 992px) and (max-width: 1200px) { .tournament-tile.style-0 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-1 { background-color: #ffffff; }
  .tournament-tile.style-2 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-3 { background-color: #ffffff; }
  .tournament-tile.style-4 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-5 { background-color: #ffffff; }
  .tournament-tile.style-6 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-7 { background-color: #ffffff; } }

@media (min-width: 1200px) and (max-width: 1400px) { .tournament-tile.style-0 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-1 { background-color: #ffffff; }
  .tournament-tile.style-2 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-3 { background-color: #ffffff; }
  .tournament-tile.style-4 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-5 { background-color: #ffffff; }
  .tournament-tile.style-6 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-7 { background-color: #ffffff; } }

@media (min-width: 1400px) { .tournament-tile.style-0 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-1 { background-color: #ffffff; }
  .tournament-tile.style-2 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-3 { background-color: #ffffff; }
  .tournament-tile.style-4 { background-color: #ffffff; }
  .tournament-tile.style-5 { background-color: rgba(0, 0, 0, 0.05); }
  .tournament-tile.style-6 { background-color: #ffffff; }
  .tournament-tile.style-7 { background-color: rgba(0, 0, 0, 0.05); } }

@media (max-width: 576px) { .tournament-tile { margin-left: -0.75rem; margin-right: -0.75rem; padding: 0.75rem 1rem; }
  .code_characters { display: block; } }

/** Groups */
.groups a { text-decoration: none; color: #222; }

.groups .row { margin-bottom: 1rem; }

.filter-ok { cursor: pointer; }

/* Extra utilities */
.flex-equal > * { -ms-flex: 1; flex: 1; }

@media (min-width: 768px) { .flex-md-equal > * { -ms-flex: 1; flex: 1; } }

.overflow-hidden { overflow: hidden; }