/*
 * NAVIGATION
 */
#site-navigation, #site-header {
  pointer-events: none;
}
#site-navigation li, #site-header a {
  pointer-events: auto;
}
/* IE11 on Win 8 doesn't seem to handle nested pointer-events correctly, so we compensate. */
.ie-browser #site-navigation, .ie-browser #site-header {
  pointer-events: auto;
}
.ie-browser #site-navigation {
  width: 80%;
}
.ie-browser.small-site #site-navigation, .ie-browser.medium-site #site-navigation {
  background-position: 50% 108%;
}
/* end of IE hack */

/**
 * HOME PAGE SMALL
 */
div#play-panel { /* override normal div#play-panel style so background doesn't appear during home page loading */
  background-image: none;
}

.small-site iframe#home-page, .fallback iframe#home-page, #promo-list, .small-site .game-loader {
  display: none;
  padding: 0;
  margin: 0;
}
.small-site #promo-list, .fallback #promo-list {
  display: block;
}
#promo-list li {
  display: block;
  margin: 2% auto;
  width: 94%;
  max-width: 454px;
}
#promo-list li a {
  display: block;
  position: relative;
  line-height: 0;
}
#promo-list li a > img {
  width: 96%;
  margin: 3% 2% 1.5% 2%;
}
#promo-list li a > .mobile-frame {
  background-repeat: no-repeat;
  background-image: url("../images/css/mobile-frame.png");
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#promo-list li a > .mobile-frame > .video-play-overlay {
  background-repeat: no-repeat;
  background-image: url("../images/css/button_overlay_play.png");
  background-size: 32%;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#promo-list li a > .decal {
  width: 20%;
  position: absolute;
  padding-bottom: 15%;
  background-repeat: no-repeat;
  background-image: url("../images/css/category-icons.png");
  background-size: 200%;
  z-index: 3;
}
.in-english .decal-new {
  background-position: 0 0%;
}
.en-español .decal-new {
  background-position: 0 25%;
}
.decal-game, .decal-juego {
  background-position: 0 50%;
}
.decal-video {
  background-position: 0 75%;
}
.decal-print {
  background-position: 0 100%;
}
.top_left {
  top: 2%;
  left: 0;
}
.top_right {
  top: 2%;
  right: 0;
}
.bottom_right {
  bottom: 1%;
  right: 0;
}
.bottom_left {
  bottom: 1%;
  left: 0;
}

/**
 * HOME PAGE LARGE
 */
iframe#home-page {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  width: 100%;
  height: 100%;
}