.node--type-event.node--view-mode-header .field--name-field-game-type,
.node--type-game.node--view-mode-header .field--name-field-game-type {
  position: relative;
}

.node--type-event.node--view-mode-header .field--name-field-game-type .field--name-field-game-type-icon,
.node--type-game.node--view-mode-header .field--name-field-game-type .field--name-field-game-type-icon {
  position: absolute;
  margin-left: 10%;
  bottom: -60px;
  z-index: 1;
}

@media (min-width: 0) and (max-width: 1250px) {
  .node--type-event.node--view-mode-header .field--name-field-game-type .field--name-field-game-type-icon,
  .node--type-game.node--view-mode-header .field--name-field-game-type .field--name-field-game-type-icon {
    display: none;
  }
}

.node--type-event.node--view-mode-header .content-wrapper,
.node--type-game.node--view-mode-header .content-wrapper {
  position: relative;
}

.node--type-event.node--view-mode-header .content-wrapper > div,
.node--type-game.node--view-mode-header .content-wrapper > div {
  position: absolute;
  top: 124px;
  background-color: #1c63b7;
  border: solid 6px #fff;
  border-radius: 12px;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5);
}

@media (min-width: 0) and (max-width: 1250px) {
  .node--type-event.node--view-mode-header .content-wrapper > div,
  .node--type-game.node--view-mode-header .content-wrapper > div {
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    top: -30px;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .node--type-event.node--view-mode-header .content-wrapper > div,
  .node--type-game.node--view-mode-header .content-wrapper > div {
    position: relative;
    max-width: 100%;
    margin: 0 20px;
    top: -30px;
  }
}

.node--type-event.node--view-mode-header .content-wrapper > div p,
.node--type-game.node--view-mode-header .content-wrapper > div p {
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  font-weight: 900;
}

.node--type-event.node--view-mode-header .content-wrapper > div .field--name-game-header-title h2,
.node--type-game.node--view-mode-header .content-wrapper > div .field--name-game-header-title h2 {
  text-align: left;
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  margin-top: 1.5rem;
}

.node--type-event.node--view-mode-header .content-wrapper > div strong,
.node--type-game.node--view-mode-header .content-wrapper > div strong {
  color: #fd0;
}

.node--type-event.node--view-mode-header .content-wrapper > div .countdown-wrapper,
.node--type-game.node--view-mode-header .content-wrapper > div .countdown-wrapper {
  text-align: center;
  background-color: #ffffff3b;
  padding: 1.5em 0;
  margin-bottom: 1.5em;
}

.node--type-event.node--view-mode-header .content-wrapper > div .countdown-wrapper .field--name-field-game-date,
.node--type-event.node--view-mode-header .content-wrapper > div .countdown-wrapper .field--name-field-game-calendar-event,
.node--type-game.node--view-mode-header .content-wrapper > div .countdown-wrapper .field--name-field-game-date,
.node--type-game.node--view-mode-header .content-wrapper > div .countdown-wrapper .field--name-field-game-calendar-event {
  display: inline-block;
  padding: 0 1em;
}

.node--type-event.node--view-mode-header .content-wrapper > div .countdown-wrapper .field--name-field-game-date,
.node--type-game.node--view-mode-header .content-wrapper > div .countdown-wrapper .field--name-field-game-date {
  font-size: 18px;
  line-height: 40px;
}

.node--type-event.node--view-mode-header .content-wrapper > div .countdown-wrapper .field--name-field-game-calendar-event,
.node--type-game.node--view-mode-header .content-wrapper > div .countdown-wrapper .field--name-field-game-calendar-event {
  font-size: 26px;
  line-height: 40px;
}

.node--type-event.node--view-mode-header .content-wrapper > div .field--name-game-header-link,
.node--type-game.node--view-mode-header .content-wrapper > div .field--name-game-header-link {
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
}

.node--type-event.node--view-mode-header .content-wrapper > div .field--name-game-header-link a,
.node--type-game.node--view-mode-header .content-wrapper > div .field--name-game-header-link a {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.node--type-event.node--view-mode-header .content-wrapper > div .field--name-game-header-title,
.node--type-game.node--view-mode-header .content-wrapper > div .field--name-game-header-title {
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.node--type-event.node--view-mode-header .content-wrapper > div .field--name-game-header-title .game-type-icon,
.node--type-game.node--view-mode-header .content-wrapper > div .field--name-game-header-title .game-type-icon {
  position: absolute;
  top: -3rem;
  width: 127px;
}

@media (min-width: 0) and (max-width: 1250px) {
  .node--type-event.node--view-mode-header .content-wrapper > div .field--name-game-header-title .game-type-icon,
  .node--type-game.node--view-mode-header .content-wrapper > div .field--name-game-header-title .game-type-icon {
    position: relative;
    margin-left: 75%;
  }
}

@media (min-width: 0) and (max-width: 374px) {
  .node--type-event.node--view-mode-header .content-wrapper > div .field--name-game-header-title .game-type-icon,
  .node--type-game.node--view-mode-header .content-wrapper > div .field--name-game-header-title .game-type-icon {
    width: 95px;
  }
}

@media (min-width: 0) and (max-width: 3200px) {
  .node--type-event.node--view-mode-header,
  .node--type-game.node--view-mode-header {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .node--type-event.node--view-mode-header:before,
  .node--type-game.node--view-mode-header:before {
    content: "";
    display: table;
  }
  .node--type-event.node--view-mode-header:after,
  .node--type-game.node--view-mode-header:after {
    content: "";
    display: table;
    clear: both;
  }
  .node--type-event.node--view-mode-header > .field--name-field-game-type,
  .node--type-game.node--view-mode-header > .field--name-field-game-type {
    clear: left;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .node--type-event.node--view-mode-header > .field--name-field-game-type, [dir="rtl"]
  .node--type-game.node--view-mode-header > .field--name-field-game-type {
    clear: right;
  }
  [dir="rtl"] .node--type-event.node--view-mode-header > .field--name-field-game-type, [dir="rtl"]
  .node--type-game.node--view-mode-header > .field--name-field-game-type {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .node--type-event.node--view-mode-header .content-wrapper,
  .node--type-game.node--view-mode-header .content-wrapper {
    clear: none;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 30%;
    margin-left: 60%;
    margin-right: -100%;
    z-index: 3;
  }
  [dir="rtl"] .node--type-event.node--view-mode-header .content-wrapper, [dir="rtl"]
  .node--type-game.node--view-mode-header .content-wrapper {
    float: right;
    margin-right: 60%;
    margin-left: -100%;
  }
}

@media (min-width: 0) and (max-width: 1250px) {
  .node--type-event.node--view-mode-header,
  .node--type-game.node--view-mode-header {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .node--type-event.node--view-mode-header:before,
  .node--type-game.node--view-mode-header:before {
    content: "";
    display: table;
  }
  .node--type-event.node--view-mode-header:after,
  .node--type-game.node--view-mode-header:after {
    content: "";
    display: table;
    clear: both;
  }
  .node--type-event.node--view-mode-header .content-wrapper,
  .node--type-event.node--view-mode-header > .field--name-field-game-type,
  .node--type-game.node--view-mode-header .content-wrapper,
  .node--type-game.node--view-mode-header > .field--name-field-game-type {
    clear: left;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .node--type-event.node--view-mode-header .content-wrapper, [dir="rtl"]
  .node--type-event.node--view-mode-header > .field--name-field-game-type, [dir="rtl"]
  .node--type-game.node--view-mode-header .content-wrapper, [dir="rtl"]
  .node--type-game.node--view-mode-header > .field--name-field-game-type {
    clear: right;
  }
  [dir="rtl"] .node--type-event.node--view-mode-header .content-wrapper, [dir="rtl"]
  .node--type-event.node--view-mode-header > .field--name-field-game-type, [dir="rtl"]
  .node--type-game.node--view-mode-header .content-wrapper, [dir="rtl"]
  .node--type-game.node--view-mode-header > .field--name-field-game-type {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
}

@media (min-width: 0) and (max-width: 3200px) {
  .field--name-game-header-title {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .field--name-game-header-title:before {
    content: "";
    display: table;
  }
  .field--name-game-header-title:after {
    content: "";
    display: table;
    clear: both;
  }
  .field--name-game-header-title h2 {
    clear: left;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .field--name-game-header-title h2 {
    clear: right;
  }
  [dir="rtl"] .field--name-game-header-title h2 {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .field--name-game-header-title .game-type-icon {
    clear: none;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
  }
  [dir="rtl"] .field--name-game-header-title .game-type-icon {
    float: right;
    margin-right: 75%;
    margin-left: -100%;
  }
}