/* mixins.sass */
/* Global sass mixins */
/* Modal window */
/* Modal window open */
/* Short content fix - keep the footer at the bottom */
/* Box Shadow */
/* Button */
/* Button Colors */
/* CSS transitions */
/* Icons */
/* Calculate Aspect Ratios */
/* Image Hover Effect */
/* Containers for items in standard article etc. */
/* Toggle Arrows */
/* variables.sass */
/* All global variables and settings - this should be on every page!! */
/******* Viewport Widths *******/
/******* Spacing *******/
/******* Colors *******/
/* Variable formatting: $color[Description] */
/* Admin */
/* Forms */
/* Borders */
/* Icons */
/* Header */
/* Footer */
/* Front Page */
/* Advertorials */
/* Announcement */
/* Poll */
/* Game Details */
/* Reviews */
/* Image Galleries */
/* Scrollbars */
/* Modals */
/* Cover Gallery */
/* Summary Embeds */
/******* Images *******/
/******* Typography *******/
/* Font family stack */
/* Variable formatting: $font[Description] */
/* Common font sizes */
/* Common font weights */
/* variables.sass */
/*************/
/* Variables */
/*************/
/******* Colors *******/
/* Variable formatting: $color[Description] */
/* Borders */
/* Forms */
/* Icons */
/* Header */
/* Footer */
/* Front Page */
/* Advertorials */
/* Poll */
/* Game Details */
/* Image Galleries */
/* Scrollbars */
/* Modals */
/* Admin */
/* Cover Gallery */
/* Summary Embeds */
/******* Images *******/
/* Header */
.theme-dark-header {
  /* header.sass */
  /* Styles for header (compiles menu and seach) */
  /**********/
  /* Styles */
  /**********/
  /* Icons */
  /* Header - Logo */
  /* Header - Branding region */
  /* Header - Search styling */
  /* header_search.sass */
  /* Styles for search box in header */
  /* Menu icon for search */
  /* Header - Drop Down */
  /* Header Dropdown */
  /* Slide in menu */
  /* Header - Main menu */
  /* Main Menu */
  /* Header - Expanded (Slide In) menu */
  /* Buttons */
  /* Drop down menu area */
  /* Header - Hamburger menu */
  /* Header - Hamburger region */
  /* Main Menu */
  /* Header - Social */
  /* Header - User Menu */
  /* User icon and info in menu */
  /* Show the info in the drop down when the icon is clicked) */
  /* Mobile menu */
  /* Header - Newsletter */
}
.theme-dark-header header {
  background-color: #000000;
  color: #b0b0b0;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.theme-dark-header .header-icon {
  border-bottom-color: transparent;
}
.theme-dark-header .header-icon:hover {
  border-bottom-color: #b0b0b0;
}
.theme-dark-header .header-icon.close {
  border-bottom-color: #3C59E0;
}
.theme-dark-header .header-logo .site-logo {
  background: url("../images/gi-footer.svg") no-repeat 100% 100%;
  background-position: center;
}
.theme-dark-header .icon-search {
  background-color: #979797;
}
@supports (-ms-ime-align: auto) {
  .theme-dark-header .icon-search {
    background-color: transparent !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .theme-dark-header .icon-search {
    background-color: transparent !important;
  }
}
.theme-dark-header .header-right-container .close .icon-search {
  background-color: #3C59E0;
}
@supports (-ms-ime-align: auto) {
  .theme-dark-header .header-right-container .close .icon-search {
    filter: brightness(105%) sepia(50%) saturate(2000%) hue-rotate(206deg);
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .theme-dark-header .header-right-container .close .icon-search {
    filter: brightness(105%) sepia(50%) saturate(2000%) hue-rotate(206deg);
  }
}
.theme-dark-header .block-views-exposed-filter-blocksearch-content-page-1 input {
  border-bottom-color: #9a9a9a;
}
.theme-dark-header .header-dropdown {
  background-color: #000000;
  color: #b0b0b0;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.theme-dark-header .slide-in {
  background-color: #000000;
  color: #b0b0b0;
}
.theme-dark-header .slide-in .icon-search {
  background-color: #d3d3d3;
}
@media screen and (max-width: 450px) {
  .theme-dark-header .slide-in .icon-search {
    background-color: #d3d3d3;
  }
}
.theme-dark-header .layout-container .slide-in a {
  color: #b0b0b0;
}
.theme-dark-header .layout-container .slide-in a:link, .theme-dark-header .layout-container .slide-in a:visited {
  color: #b0b0b0;
}
.theme-dark-header .layout-container .slide-in a:hover, .theme-dark-header .layout-container .slide-in a:active {
  color: rgb(214.25, 214.25, 214.25);
}
.theme-dark-header .layout-container .slide-in a.is-active {
  color: rgb(124.7305088496, 144.103920354, 234.2904911504);
}
.theme-dark-header .slide-in .menu--hamburger-menu a {
  color: #b0b0b0;
}
.theme-dark-header .slide-in .menu--hamburger-menu a:link, .theme-dark-header .slide-in .menu--hamburger-menu a:visited {
  color: #b0b0b0;
}
.theme-dark-header .slide-in .menu--hamburger-menu a:hover, .theme-dark-header .slide-in .menu--hamburger-menu a:active {
  color: rgb(214.25, 214.25, 214.25);
}
.theme-dark-header .slide-in .menu--hamburger-menu a.is-active {
  color: rgb(124.7305088496, 144.103920354, 234.2904911504);
}
@media screen and (max-width: 450px) {
  .theme-dark-header .slide-in .menu--hamburger-menu a {
    color: #b0b0b0;
  }
  .theme-dark-header .slide-in .menu--hamburger-menu a:link, .theme-dark-header .slide-in .menu--hamburger-menu a:visited {
    color: #b0b0b0;
  }
  .theme-dark-header .slide-in .menu--hamburger-menu a:hover, .theme-dark-header .slide-in .menu--hamburger-menu a:active {
    color: rgb(214.25, 214.25, 214.25);
  }
  .theme-dark-header .slide-in .menu--hamburger-menu a.is-active {
    color: rgb(124.7305088496, 144.103920354, 234.2904911504);
  }
}
.theme-dark-header .menu--main li a {
  color: #b0b0b0;
  border-bottom-color: transparent;
}
.theme-dark-header .menu--main li a:link, .theme-dark-header .menu--main li a:visited, .theme-dark-header .menu--main li a:hover, .theme-dark-header .menu--main li a:active, .theme-dark-header .menu--main li a.is-active {
  color: #5a91f6;
}
.theme-dark-header .menu--main li a.is-active {
  border-bottom-color: #5a91f6;
}
.theme-dark-header .menu--main li a.menu-hovered {
  border-bottom-color: #5a91f6;
}
.theme-dark-header .menu--main li a.menu-remove-hover {
  border-bottom-color: transparent;
}
.theme-dark-header .menu--main li#menu-news a:link, .theme-dark-header .menu--main li#menu-news a:visited, .theme-dark-header .menu--main li#menu-news a:hover, .theme-dark-header .menu--main li#menu-previews a:link, .theme-dark-header .menu--main li#menu-previews a:visited, .theme-dark-header .menu--main li#menu-previews a:hover, .theme-dark-header .menu--main li#menu-reviews a:link, .theme-dark-header .menu--main li#menu-reviews a:visited, .theme-dark-header .menu--main li#menu-reviews a:hover, .theme-dark-header .menu--main li#menu-features a:link, .theme-dark-header .menu--main li#menu-features a:visited, .theme-dark-header .menu--main li#menu-features a:hover, .theme-dark-header .menu--main li#menu-videos a:link, .theme-dark-header .menu--main li#menu-videos a:visited, .theme-dark-header .menu--main li#menu-videos a:hover, .theme-dark-header .menu--main li#menu-magazine a:link, .theme-dark-header .menu--main li#menu-magazine a:visited, .theme-dark-header .menu--main li#menu-magazine a:hover, .theme-dark-header .menu--main li#menu-podcasts a:link, .theme-dark-header .menu--main li#menu-podcasts a:visited, .theme-dark-header .menu--main li#menu-podcasts a:hover, .theme-dark-header .menu--main li#menu-2022-release-list a:link, .theme-dark-header .menu--main li#menu-2022-release-list a:visited, .theme-dark-header .menu--main li#menu-2022-release-list a:hover, .theme-dark-header .menu--main li#menu-2023-release-list a:link, .theme-dark-header .menu--main li#menu-2023-release-list a:visited, .theme-dark-header .menu--main li#menu-2023-release-list a:hover, .theme-dark-header .menu--main li#menu-2024-release-list a:link, .theme-dark-header .menu--main li#menu-2024-release-list a:visited, .theme-dark-header .menu--main li#menu-2024-release-list a:hover, .theme-dark-header .menu--main li#menu-2025-release-list a:link, .theme-dark-header .menu--main li#menu-2025-release-list a:visited, .theme-dark-header .menu--main li#menu-2025-release-list a:hover {
  color: #b0b0b0;
}
.theme-dark-header .menu--main li#menu-news a:active, .theme-dark-header .menu--main li#menu-news a.is-active, .theme-dark-header .menu--main li#menu-previews a:active, .theme-dark-header .menu--main li#menu-previews a.is-active, .theme-dark-header .menu--main li#menu-reviews a:active, .theme-dark-header .menu--main li#menu-reviews a.is-active, .theme-dark-header .menu--main li#menu-features a:active, .theme-dark-header .menu--main li#menu-features a.is-active, .theme-dark-header .menu--main li#menu-videos a:active, .theme-dark-header .menu--main li#menu-videos a.is-active, .theme-dark-header .menu--main li#menu-magazine a:active, .theme-dark-header .menu--main li#menu-magazine a.is-active, .theme-dark-header .menu--main li#menu-podcasts a:active, .theme-dark-header .menu--main li#menu-podcasts a.is-active, .theme-dark-header .menu--main li#menu-2022-release-list a:active, .theme-dark-header .menu--main li#menu-2022-release-list a.is-active, .theme-dark-header .menu--main li#menu-2023-release-list a:active, .theme-dark-header .menu--main li#menu-2023-release-list a.is-active, .theme-dark-header .menu--main li#menu-2024-release-list a:active, .theme-dark-header .menu--main li#menu-2024-release-list a.is-active, .theme-dark-header .menu--main li#menu-2025-release-list a:active, .theme-dark-header .menu--main li#menu-2025-release-list a.is-active {
  color: #5a91f6;
}
.theme-dark-header .menu--main li#menu-news a.is-active, .theme-dark-header .menu--main li#menu-previews a.is-active, .theme-dark-header .menu--main li#menu-reviews a.is-active, .theme-dark-header .menu--main li#menu-features a.is-active, .theme-dark-header .menu--main li#menu-videos a.is-active, .theme-dark-header .menu--main li#menu-magazine a.is-active, .theme-dark-header .menu--main li#menu-podcasts a.is-active, .theme-dark-header .menu--main li#menu-2022-release-list a.is-active, .theme-dark-header .menu--main li#menu-2023-release-list a.is-active, .theme-dark-header .menu--main li#menu-2024-release-list a.is-active, .theme-dark-header .menu--main li#menu-2025-release-list a.is-active {
  border-bottom-color: #5a91f6;
}
.theme-dark-header .menu--main li#menu-news a.menu-hovered, .theme-dark-header .menu--main li#menu-previews a.menu-hovered, .theme-dark-header .menu--main li#menu-reviews a.menu-hovered, .theme-dark-header .menu--main li#menu-features a.menu-hovered, .theme-dark-header .menu--main li#menu-videos a.menu-hovered, .theme-dark-header .menu--main li#menu-magazine a.menu-hovered, .theme-dark-header .menu--main li#menu-podcasts a.menu-hovered, .theme-dark-header .menu--main li#menu-2022-release-list a.menu-hovered, .theme-dark-header .menu--main li#menu-2023-release-list a.menu-hovered, .theme-dark-header .menu--main li#menu-2024-release-list a.menu-hovered, .theme-dark-header .menu--main li#menu-2025-release-list a.menu-hovered {
  border-bottom-color: #b0b0b0;
}
.theme-dark-header .gi5-menu-overflow {
  background-color: #000000;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.theme-dark-header .gi5-menu-overflow li a:hover, .theme-dark-header .gi5-menu-overflow li a:active {
  color: rgb(162.5431034483, 193.3620689655, 249.9568965517);
}
.theme-dark-header .gi5-menu-overflow li#menu-news a:hover, .theme-dark-header .gi5-menu-overflow li#menu-news a:active, .theme-dark-header .gi5-menu-overflow li#menu-previews a:hover, .theme-dark-header .gi5-menu-overflow li#menu-previews a:active, .theme-dark-header .gi5-menu-overflow li#menu-reviews a:hover, .theme-dark-header .gi5-menu-overflow li#menu-reviews a:active, .theme-dark-header .gi5-menu-overflow li#menu-features a:hover, .theme-dark-header .gi5-menu-overflow li#menu-features a:active, .theme-dark-header .gi5-menu-overflow li#menu-videos a:hover, .theme-dark-header .gi5-menu-overflow li#menu-videos a:active, .theme-dark-header .gi5-menu-overflow li#menu-magazine a:hover, .theme-dark-header .gi5-menu-overflow li#menu-magazine a:active, .theme-dark-header .gi5-menu-overflow li#menu-podcasts a:hover, .theme-dark-header .gi5-menu-overflow li#menu-podcasts a:active, .theme-dark-header .gi5-menu-overflow li#menu-2022-release-list a:hover, .theme-dark-header .gi5-menu-overflow li#menu-2022-release-list a:active, .theme-dark-header .gi5-menu-overflow li#menu-2023-release-list a:hover, .theme-dark-header .gi5-menu-overflow li#menu-2023-release-list a:active, .theme-dark-header .gi5-menu-overflow li#menu-2024-release-list a:hover, .theme-dark-header .gi5-menu-overflow li#menu-2024-release-list a:active, .theme-dark-header .gi5-menu-overflow li#menu-2025-release-list a:hover, .theme-dark-header .gi5-menu-overflow li#menu-2025-release-list a:active {
  color: rgb(214.25, 214.25, 214.25);
}
.theme-dark-header .icon-expanded {
  background-color: #979797;
}
@supports (-ms-ime-align: auto) {
  .theme-dark-header .icon-expanded {
    background-color: transparent !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .theme-dark-header .icon-expanded {
    background-color: transparent !important;
  }
}
.theme-dark-header .close .icon-expanded {
  background-color: #3C59E0;
}
@supports (-ms-ime-align: auto) {
  .theme-dark-header .close .icon-expanded {
    filter: brightness(105%) sepia(50%) saturate(2000%) hue-rotate(206deg);
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .theme-dark-header .close .icon-expanded {
    filter: brightness(105%) sepia(50%) saturate(2000%) hue-rotate(206deg);
  }
}
.theme-dark-header .header-hamburger {
  background-color: #000000;
  color: #979797;
}
.theme-dark-header .hamburger-content .menu--hamburger-menu li a {
  color: #b0b0b0;
}
.theme-dark-header .hamburger-content .menu--hamburger-menu li a:link, .theme-dark-header .hamburger-content .menu--hamburger-menu li a:visited {
  color: #b0b0b0;
}
.theme-dark-header .hamburger-content .menu--hamburger-menu li a:hover, .theme-dark-header .hamburger-content .menu--hamburger-menu li a:active {
  color: rgb(214.25, 214.25, 214.25);
}
.theme-dark-header .hamburger-content .menu--hamburger-menu .menu-item--active-trail > a {
  color: #5a91f6;
}
.theme-dark-header .hamburger-content .menu--hamburger-menu .menu-item--active-trail > a:link, .theme-dark-header .hamburger-content .menu--hamburger-menu .menu-item--active-trail > a:visited {
  color: #5a91f6;
}
.theme-dark-header .hamburger-content .menu--hamburger-menu .menu-item--active-trail > a:hover, .theme-dark-header .hamburger-content .menu--hamburger-menu .menu-item--active-trail > a:active {
  color: rgb(162.5431034483, 193.3620689655, 249.9568965517);
}
.theme-dark-header .gi5-hamburger-social .social-icon.facebook {
  background: url("/themes/custom/gi5/includes/images/social/dark/header_facebook_dark.svg") no-repeat 100% 100%;
}
.theme-dark-header .gi5-hamburger-social .social-icon.twitter {
  background: url("../images/header_twitter_dark.svg") no-repeat 100% 100%;
}
.theme-dark-header .gi5-hamburger-social .social-icon.youtube {
  background: url("../images/header_youtube_dark.svg") no-repeat 100% 100%;
}
.theme-dark-header .gi5-hamburger-social .social-icon.instagram {
  background: url("../images/header_instagram_dark.svg") no-repeat 100% 100%;
}
.theme-dark-header .gi5-hamburger-social .social-icon.twitch {
  background: url("../images/header_twitch_dark.svg") no-repeat 100% 100%;
}
.theme-dark-header .gi5-hamburger-social .social-icon.tiktok {
  background: url("../images/header_tiktok_dark.svg") no-repeat 100% 100%;
}
.theme-dark-header .header-social-links .header-icon:hover {
  border-bottom-color: transparent;
}
.theme-dark-header .header-social-links .social-icon.facebook {
  background: url("/themes/custom/gi5/includes/images/social/dark/header_facebook_dark.svg") no-repeat 100% 100%;
}
.theme-dark-header .header-social-links .social-icon.twitter {
  background: url("../images/header_twitter_dark.svg") no-repeat 100% 100%;
}
.theme-dark-header .header-social-links .social-icon.youtube {
  background: url("../images/header_youtube_dark.svg") no-repeat 100% 100%;
}
.theme-dark-header .header-social-links .social-icon.twitch {
  background: url("../images/header_twitch_dark.svg") no-repeat 100% 100%;
}
.theme-dark-header .header-social-links .social-icon.instagram {
  background: url("../images/header_instagram_dark.svg") no-repeat 100% 100%;
}
.theme-dark-header .header-social-links .social-icon.tiktok {
  background: url("../images/header_tiktok_dark.svg") no-repeat 100% 100%;
}
.theme-dark-header .block-views-blockwidget-user-account-logon-user-menu, .theme-dark-header .block-views-blockwidget-user-account-logon-block-1 {
  background-color: transparent;
}
.theme-dark-header .user-icon.icon-missing {
  background-color: #dcdcdc;
}
.theme-dark-header #account-dropdown a {
  color: #b0b0b0;
}
.theme-dark-header #account-dropdown a:link, .theme-dark-header #account-dropdown a:visited {
  color: #b0b0b0;
}
.theme-dark-header #account-dropdown a:hover, .theme-dark-header #account-dropdown a:active, .theme-dark-header #account-dropdown a.is-active {
  color: #5a91f6;
}
.theme-dark-header .user-mobile, .theme-dark-header .hamburger-bottom .user-loggedout ul {
  border-top-color: #9a9a9a;
}
.theme-dark-header #expanded-menu .user-menu-newsletter a.menu-newsletter:link, .theme-dark-header #expanded-menu .user-menu-newsletter a.menu-newsletter:visited {
  background-color: #E0DED7;
  color: #000000;
}
.theme-dark-header #expanded-menu .user-menu-newsletter a.menu-newsletter:hover, .theme-dark-header #expanded-menu .user-menu-newsletter a.menu-newsletter:active {
  background-color: #EDECE8;
  color: #000000;
}
.theme-dark-header #expanded-menu .user-menu-newsletter a.menu-newsletter:before {
  background-image: url("../images/newsletter-darkmode.svg");
}
.theme-dark-header .header-newsletter-promo a:link, .theme-dark-header .header-newsletter-promo a:visited {
  background-color: #E0DED7;
  color: #000000;
}
.theme-dark-header .header-newsletter-promo a:hover, .theme-dark-header .header-newsletter-promo a:active {
  background-color: #EDECE8;
  color: #000000;
}
.theme-dark-header .theme-dark-header .header-newsletter-promo a:hover, .theme-dark-header .theme-dark-header .header-newsletter-promo a:active {
  color: #000000;
}
.theme-dark-header .slide-in {
  background-color: #000000;
}