/* You can add global styles to this file, and also import other style files */

@media (min-width: 1890px) and (orientation: landscape) {
  div.toprow {
    margin-top: 20px;
    margin-bottom: -120px;
    opacity: 0.8;
    position: relative;
    z-index: 9999;
  }
}

#results .table-responsive {
  text-align: center;
  display: inline-block;
  width: auto;
}

#results .table-responsive td {
	padding: 5px 10px;
}

.shifted-iframe {
  width: 100%;
  height: 1050px;
  border: none;
}

@media (min-width: 1380px) and (orientation: landscape) {
  .iframe-wrapper {
    height: 700px!important;
    overflow: hidden;
  }
  .shifted-iframe {
    transform: translateY(-320px); /* Fake scroll */
  }
}

header.header-section .header__nav .search-switch {
  float: right;
}

header.header-section .header__nav .nav-menu {
	text-align: center;
}

header.header-section .header__nav, .header__nav * {
  -max-height: 50px;
}

header.header-section .header__nav .nav-menu .main-menu li {
  margin-left: 12px!important;
  border-right: #fff2 1px solid;
  padding-right: 12px!important;
}

.header__nav .nav-menu ul.main-menu li a {
  max-width: 10em;
  padding: 15px 0 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

ul.main-menu li a:focus, 
ul.main-menu li a:active,
ul.main-menu li a:hover,
ul.main-menu li a.active {
  max-width: inherit;
  white-space: inherit;
  overflow: inherit;
  text-overflow: inherit;
}

.upcoming_game_template td,
.upcoming_game_template h6 {
  word-wrap: break-word;      /* legacy support */
  overflow-wrap: anywhere;    /* modern */
  word-break: break-word;     /* helps for extra-long tokens */
}