/* All universal styles */
/***********/
/* /global */
/***********/
/* Mixins used throughout the site */
/* 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 */
/* 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 */
/***********/
/* /styling */
/***********/
/* Global styles and parts */
/* styling used throughout the site - basic things */
/*******************/
/* GENERAL STYLING */
/*******************/
body {
  background-color: #f6f6f6;
  color: #000;
}

/* Text selection */
::selection {
  background: rgb(148.0088495575, 163.9203539823, 237.9911504425);
  color: white;
  /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: rgb(148.0088495575, 163.9203539823, 237.9911504425);
  color: white;
  /* Gecko Browsers */
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Links */
/* Link styling */
.layout-container a {
  /*&:hover, &:visited, &:active*/
}
.layout-container a:link, .layout-container a:visited {
  color: #3C59E0;
}
.layout-container a:hover, .layout-container a:active {
  color: #79a2ee;
}

/* Headings */
/******* Header Tags *******/
h1 a,
.page-title a {
  background-color: transparent;
}
h1 a:link, h1 a:visited,
.page-title a:link,
.page-title a:visited {
  color: #000;
}
h1 a:hover, h1 a:active,
.page-title a:hover,
.page-title a:active {
  color: #3C59E0;
}
h1 a.page-title--hover,
.page-title a.page-title--hover {
  color: #3C59E0;
}

.page-node-type-page .page-title {
  border-bottom-color: #dbdbdb;
}

.subtitle, .field--name-field-summary {
  color: #666666;
}

.alt-subhead {
  border-bottom-color: #dbdbdb;
}

/* Form Elements */
/******* Form Elements *******/
select {
  border-color: #dbdbdb;
  background: #E9E9E9;
}

textarea {
  color: #000;
  background-color: white;
  border-color: #717171;
}

.button, input[type=submit], input[type=reset], input[type=button], .field--name-field-button a {
  background-color: #3C59E0;
  color: white;
}
.button:link, .button:visited, .button:hover, .button:active, input[type=submit]:link, input[type=submit]:visited, input[type=submit]:hover, input[type=submit]:active, input[type=reset]:link, input[type=reset]:visited, input[type=reset]:hover, input[type=reset]:active, input[type=button]:link, input[type=button]:visited, input[type=button]:hover, input[type=button]:active, .field--name-field-button a:link, .field--name-field-button a:visited, .field--name-field-button a:hover, .field--name-field-button a:active {
  color: white;
}
.button:hover, .button:active, input[type=submit]:hover, input[type=submit]:active, input[type=reset]:hover, input[type=reset]:active, input[type=button]:hover, input[type=button]:active, .field--name-field-button a:hover, .field--name-field-button a:active {
  background-color: rgb(148.0088495575, 163.9203539823, 237.9911504425);
}
.button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus, .field--name-field-button a:focus {
  background-color: rgb(148.0088495575, 163.9203539823, 237.9911504425);
  color: white;
}
.layout-container .button:link, .layout-container .button:visited, .layout-container .button:hover, .layout-container .button:active, .layout-container input[type=submit]:link, .layout-container input[type=submit]:visited, .layout-container input[type=submit]:hover, .layout-container input[type=submit]:active, .layout-container input[type=reset]:link, .layout-container input[type=reset]:visited, .layout-container input[type=reset]:hover, .layout-container input[type=reset]:active, .layout-container input[type=button]:link, .layout-container input[type=button]:visited, .layout-container input[type=button]:hover, .layout-container input[type=button]:active, .layout-container .field--name-field-button a:link, .layout-container .field--name-field-button a:visited, .layout-container .field--name-field-button a:hover, .layout-container .field--name-field-button a:active {
  color: white;
}
.button.button--danger, input[type=submit].button--danger, input[type=reset].button--danger, input[type=button].button--danger, .field--name-field-button a.button--danger {
  background-color: rgb(233.0067872, 30.0172128, 97.6804042667);
  color: white;
}
.button.button--danger:link, .button.button--danger:visited, .button.button--danger:hover, .button.button--danger:active, input[type=submit].button--danger:link, input[type=submit].button--danger:visited, input[type=submit].button--danger:hover, input[type=submit].button--danger:active, input[type=reset].button--danger:link, input[type=reset].button--danger:visited, input[type=reset].button--danger:hover, input[type=reset].button--danger:active, input[type=button].button--danger:link, input[type=button].button--danger:visited, input[type=button].button--danger:hover, input[type=button].button--danger:active, .field--name-field-button a.button--danger:link, .field--name-field-button a.button--danger:visited, .field--name-field-button a.button--danger:hover, .field--name-field-button a.button--danger:active {
  color: white;
}
.button.button--danger:hover, .button.button--danger:active, input[type=submit].button--danger:hover, input[type=submit].button--danger:active, input[type=reset].button--danger:hover, input[type=reset].button--danger:active, input[type=button].button--danger:hover, input[type=button].button--danger:active, .field--name-field-button a.button--danger:hover, .field--name-field-button a.button--danger:active {
  background-color: rgb(242.0898872, 122.9341128, 162.6527042667);
}
.button.button--danger:focus, input[type=submit].button--danger:focus, input[type=reset].button--danger:focus, input[type=button].button--danger:focus, .field--name-field-button a.button--danger:focus {
  background-color: rgb(242.0898872, 122.9341128, 162.6527042667);
  color: white;
}

.layout-container a.button:link, .layout-container a.button:visited, .layout-container a.button:hover, .layout-container a.button:active {
  color: white;
}

input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], input[type=url] {
  border-bottom-color: #717171;
  background-color: transparent;
  color: #717171;
}

input[type=radio]:checked + label:before,
input[type=radio]:not(:checked) + label:before {
  border-color: #dbdbdb;
  background: #f6f6f6;
}

input[type=radio]:checked + label:after,
input[type=radio]:not(:checked) + label:after {
  background: #000;
}

input::placeholder {
  color: #dbdbdb;
}

/* The slider */
.switch-slider {
  background-color: #dbdbdb;
}
.switch-slider:before {
  background-color: white;
}
.switch-slider.switch-on {
  background-color: #4287f5;
}

details {
  background-color: #f6f6f6;
}
details summary {
  border-bottom: 1px solid #dbdbdb;
}
.bef-exposed-form .bef--secondary {
  border-top: 1px solid #dbdbdb;
  border-left: none;
  border-bottom: 1px solid #dbdbdb;
  border-right: none;
  margin-bottom: 30px;
}
.bef-exposed-form .bef-links li a {
  color: #000;
}
.bef-exposed-form .bef-links li a.bef-link--selected {
  border-color: #000;
}
.bef-exposed-form .bef-links li a:hover {
  border-color: #3C59E0;
}

/* Tables */
table {
  background-color: white;
  border-color: #dbdbdb;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
table tbody tr:nth-of-type(odd) {
  background-color: #dbdbdb;
}
@media screen and (max-width: 800px) {
  table.table-responsive {
    background-color: transparent;
    box-shadow: none;
  }
  table.table-responsive tr {
    border-color: #dbdbdb;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  }
  table.table-responsive td {
    background-color: white;
  }
  table.table-responsive td:nth-of-type(odd) {
    background-color: #dbdbdb;
  }
}

/*****************/
/* /template */
/*****************/
/* Modal windows */
.gi5-modal {
  background-color: #717171;
  background-color: rgba(113, 113, 113, 0.9);
}

.gi5-modal-container {
  background-color: #f6f6f6;
}

/* Header */
/* header.sass */
/* Styles for header (compiles menu and seach) */
/**********/
/* Styles */
/**********/
header {
  background-color: #fff;
  color: #4b4b4b;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

/* Icons */
.header-icon {
  border-bottom-color: transparent;
}
.header-icon:hover {
  border-bottom-color: #4b4b4b;
}
.header-icon.close {
  border-bottom-color: #3C59E0;
}

/* Header - Logo */
/* Header - Branding region */
.header-logo .site-logo {
  background: url("../images/gi-logo.svg") no-repeat 100% 100%;
  background-position: center;
}

/* Header - Search styling */
/* header_search.sass */
/* Styles for search box in header */
.icon-search {
  background-color: #666666;
}
@supports (-ms-ime-align: auto) {
  .icon-search {
    background-color: transparent !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .icon-search {
    background-color: transparent !important;
  }
}

/* Menu icon for search */
.header-right-container .close .icon-search {
  background-color: #3C59E0;
}
@supports (-ms-ime-align: auto) {
  .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) {
  .header-right-container .close .icon-search {
    filter: brightness(105%) sepia(50%) saturate(2000%) hue-rotate(206deg);
  }
}

.block-views-exposed-filter-blocksearch-content-page-1 input {
  border-bottom-color: #dbdbdb;
}

/* Header - Drop Down */
/* Header Dropdown */
.header-dropdown {
  background-color: #fff;
  color: #4b4b4b;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

/* Slide in menu */
.slide-in {
  background-color: #fff;
  color: #4b4b4b;
}
.slide-in .icon-search {
  background-color: #666666;
}
@media screen and (max-width: 450px) {
  .slide-in .icon-search {
    background-color: #666666;
  }
}

.layout-container .slide-in a {
  color: #4b4b4b;
}
.layout-container .slide-in a:link, .layout-container .slide-in a:visited {
  color: #4b4b4b;
}
.layout-container .slide-in a:hover, .layout-container .slide-in a:active {
  color: rgb(113.25, 113.25, 113.25);
}
.layout-container .slide-in a.is-active {
  color: rgb(124.7305088496, 144.103920354, 234.2904911504);
}

.slide-in .menu--hamburger-menu a {
  color: #4b4b4b;
}
.slide-in .menu--hamburger-menu a:link, .slide-in .menu--hamburger-menu a:visited {
  color: #4b4b4b;
}
.slide-in .menu--hamburger-menu a:hover, .slide-in .menu--hamburger-menu a:active {
  color: rgb(113.25, 113.25, 113.25);
}
.slide-in .menu--hamburger-menu a.is-active {
  color: rgb(124.7305088496, 144.103920354, 234.2904911504);
}
@media screen and (max-width: 450px) {
  .slide-in .menu--hamburger-menu a {
    color: #4b4b4b;
  }
  .slide-in .menu--hamburger-menu a:link, .slide-in .menu--hamburger-menu a:visited {
    color: #4b4b4b;
  }
  .slide-in .menu--hamburger-menu a:hover, .slide-in .menu--hamburger-menu a:active {
    color: rgb(113.25, 113.25, 113.25);
  }
  .slide-in .menu--hamburger-menu a.is-active {
    color: rgb(124.7305088496, 144.103920354, 234.2904911504);
  }
}

/* Header - Main menu */
/* Main Menu */
.menu--main li a {
  color: #4b4b4b;
  border-bottom-color: transparent;
}
.menu--main li a:link, .menu--main li a:visited, .menu--main li a:hover, .menu--main li a:active, .menu--main li a.is-active {
  color: #3C59E0;
}
.menu--main li a.is-active {
  border-bottom-color: #3C59E0;
}
.menu--main li a.menu-hovered {
  border-bottom-color: #3C59E0;
}
.menu--main li a.menu-remove-hover {
  border-bottom-color: transparent;
}
.menu--main li#menu-news a:link, .menu--main li#menu-news a:visited, .menu--main li#menu-news a:hover, .menu--main li#menu-previews a:link, .menu--main li#menu-previews a:visited, .menu--main li#menu-previews a:hover, .menu--main li#menu-reviews a:link, .menu--main li#menu-reviews a:visited, .menu--main li#menu-reviews a:hover, .menu--main li#menu-features a:link, .menu--main li#menu-features a:visited, .menu--main li#menu-features a:hover, .menu--main li#menu-videos a:link, .menu--main li#menu-videos a:visited, .menu--main li#menu-videos a:hover, .menu--main li#menu-magazine a:link, .menu--main li#menu-magazine a:visited, .menu--main li#menu-magazine a:hover, .menu--main li#menu-podcasts a:link, .menu--main li#menu-podcasts a:visited, .menu--main li#menu-podcasts a:hover, .menu--main li#menu-2022-release-list a:link, .menu--main li#menu-2022-release-list a:visited, .menu--main li#menu-2022-release-list a:hover, .menu--main li#menu-2023-release-list a:link, .menu--main li#menu-2023-release-list a:visited, .menu--main li#menu-2023-release-list a:hover, .menu--main li#menu-2024-release-list a:link, .menu--main li#menu-2024-release-list a:visited, .menu--main li#menu-2024-release-list a:hover, .menu--main li#menu-2025-release-list a:link, .menu--main li#menu-2025-release-list a:visited, .menu--main li#menu-2025-release-list a:hover {
  color: #4b4b4b;
}
.menu--main li#menu-news a:active, .menu--main li#menu-news a.is-active, .menu--main li#menu-previews a:active, .menu--main li#menu-previews a.is-active, .menu--main li#menu-reviews a:active, .menu--main li#menu-reviews a.is-active, .menu--main li#menu-features a:active, .menu--main li#menu-features a.is-active, .menu--main li#menu-videos a:active, .menu--main li#menu-videos a.is-active, .menu--main li#menu-magazine a:active, .menu--main li#menu-magazine a.is-active, .menu--main li#menu-podcasts a:active, .menu--main li#menu-podcasts a.is-active, .menu--main li#menu-2022-release-list a:active, .menu--main li#menu-2022-release-list a.is-active, .menu--main li#menu-2023-release-list a:active, .menu--main li#menu-2023-release-list a.is-active, .menu--main li#menu-2024-release-list a:active, .menu--main li#menu-2024-release-list a.is-active, .menu--main li#menu-2025-release-list a:active, .menu--main li#menu-2025-release-list a.is-active {
  color: #3C59E0;
}
.menu--main li#menu-news a.is-active, .menu--main li#menu-previews a.is-active, .menu--main li#menu-reviews a.is-active, .menu--main li#menu-features a.is-active, .menu--main li#menu-videos a.is-active, .menu--main li#menu-magazine a.is-active, .menu--main li#menu-podcasts a.is-active, .menu--main li#menu-2022-release-list a.is-active, .menu--main li#menu-2023-release-list a.is-active, .menu--main li#menu-2024-release-list a.is-active, .menu--main li#menu-2025-release-list a.is-active {
  border-bottom-color: #3C59E0;
}
.menu--main li#menu-news a.menu-hovered, .menu--main li#menu-previews a.menu-hovered, .menu--main li#menu-reviews a.menu-hovered, .menu--main li#menu-features a.menu-hovered, .menu--main li#menu-videos a.menu-hovered, .menu--main li#menu-magazine a.menu-hovered, .menu--main li#menu-podcasts a.menu-hovered, .menu--main li#menu-2022-release-list a.menu-hovered, .menu--main li#menu-2023-release-list a.menu-hovered, .menu--main li#menu-2024-release-list a.menu-hovered, .menu--main li#menu-2025-release-list a.menu-hovered {
  border-bottom-color: #4b4b4b;
}

.gi5-menu-overflow {
  background-color: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.gi5-menu-overflow li a:hover, .gi5-menu-overflow li a:active {
  color: rgb(126.0066371681, 145.1902654867, 234.4933628319);
}
.gi5-menu-overflow li#menu-news a:hover, .gi5-menu-overflow li#menu-news a:active, .gi5-menu-overflow li#menu-previews a:hover, .gi5-menu-overflow li#menu-previews a:active, .gi5-menu-overflow li#menu-reviews a:hover, .gi5-menu-overflow li#menu-reviews a:active, .gi5-menu-overflow li#menu-features a:hover, .gi5-menu-overflow li#menu-features a:active, .gi5-menu-overflow li#menu-videos a:hover, .gi5-menu-overflow li#menu-videos a:active, .gi5-menu-overflow li#menu-magazine a:hover, .gi5-menu-overflow li#menu-magazine a:active, .gi5-menu-overflow li#menu-podcasts a:hover, .gi5-menu-overflow li#menu-podcasts a:active, .gi5-menu-overflow li#menu-2022-release-list a:hover, .gi5-menu-overflow li#menu-2022-release-list a:active, .gi5-menu-overflow li#menu-2023-release-list a:hover, .gi5-menu-overflow li#menu-2023-release-list a:active, .gi5-menu-overflow li#menu-2024-release-list a:hover, .gi5-menu-overflow li#menu-2024-release-list a:active, .gi5-menu-overflow li#menu-2025-release-list a:hover, .gi5-menu-overflow li#menu-2025-release-list a:active {
  color: rgb(113.25, 113.25, 113.25);
}

/* Header - Expanded (Slide In) menu */
/* Buttons */
.icon-expanded {
  background-color: #666666;
}
@supports (-ms-ime-align: auto) {
  .icon-expanded {
    background-color: transparent !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .icon-expanded {
    background-color: transparent !important;
  }
}

.close .icon-expanded {
  background-color: #3C59E0;
}
@supports (-ms-ime-align: auto) {
  .close .icon-expanded {
    filter: brightness(105%) sepia(50%) saturate(2000%) hue-rotate(206deg);
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .close .icon-expanded {
    filter: brightness(105%) sepia(50%) saturate(2000%) hue-rotate(206deg);
  }
}

/* Drop down menu area */
/* Header - Hamburger menu */
/* Header - Hamburger region */
.header-hamburger {
  background-color: #fff;
  color: #666666;
}

/* Main Menu */
.hamburger-content .menu--hamburger-menu li a {
  color: #4b4b4b;
}
.hamburger-content .menu--hamburger-menu li a:link, .hamburger-content .menu--hamburger-menu li a:visited {
  color: #4b4b4b;
}
.hamburger-content .menu--hamburger-menu li a:hover, .hamburger-content .menu--hamburger-menu li a:active {
  color: rgb(113.25, 113.25, 113.25);
}
.hamburger-content .menu--hamburger-menu .menu-item--active-trail > a {
  color: #3C59E0;
}
.hamburger-content .menu--hamburger-menu .menu-item--active-trail > a:link, .hamburger-content .menu--hamburger-menu .menu-item--active-trail > a:visited {
  color: #3C59E0;
}
.hamburger-content .menu--hamburger-menu .menu-item--active-trail > a:hover, .hamburger-content .menu--hamburger-menu .menu-item--active-trail > a:active {
  color: rgb(126.0066371681, 145.1902654867, 234.4933628319);
}

.gi5-hamburger-social .social-icon.facebook {
  background: url("../images/header_facebook.svg") no-repeat 100% 100%;
}
.gi5-hamburger-social .social-icon.twitter {
  background: url("../images/header_twitter.svg") no-repeat 100% 100%;
}
.gi5-hamburger-social .social-icon.youtube {
  background: url("../images/header_youtube.svg") no-repeat 100% 100%;
}
.gi5-hamburger-social .social-icon.instagram {
  background: url("/themes/custom/gi5/includes/images/social/header_instagram.svg") no-repeat 100% 100%;
}
.gi5-hamburger-social .social-icon.twitch {
  background: url("../images/header_twitch.svg") no-repeat 100% 100%;
}
.gi5-hamburger-social .social-icon.tiktok {
  background: url("../images/header_tiktok.svg") no-repeat 100% 100%;
}

/* Header - Social */
.header-social-links .header-icon:hover {
  border-bottom-color: transparent;
}
.header-social-links .social-icon.facebook {
  background: url("../images/header_facebook.svg") no-repeat 100% 100%;
}
.header-social-links .social-icon.twitter {
  background: url("../images/header_twitter.svg") no-repeat 100% 100%;
}
.header-social-links .social-icon.youtube {
  background: url("../images/header_youtube.svg") no-repeat 100% 100%;
}
.header-social-links .social-icon.twitch {
  background: url("../images/header_twitch.svg") no-repeat 100% 100%;
}
.header-social-links .social-icon.instagram {
  background: url("/themes/custom/gi5/includes/images/social/header_instagram.svg") no-repeat 100% 100%;
}
.header-social-links .social-icon.tiktok {
  background: url("../images/header_tiktok.svg") no-repeat 100% 100%;
}

/* Header - User Menu */
/* User icon and info in menu */
.block-views-blockwidget-user-account-logon-user-menu, .block-views-blockwidget-user-account-logon-block-1 {
  background-color: transparent;
}

.user-icon.icon-missing {
  background-color: #717171;
}

/* Show the info in the drop down when the icon is clicked) */
#account-dropdown a {
  color: #4b4b4b;
}
#account-dropdown a:link, #account-dropdown a:visited {
  color: #4b4b4b;
}
#account-dropdown a:hover, #account-dropdown a:active, #account-dropdown a.is-active {
  color: #3C59E0;
}

/* Mobile menu */
.user-mobile, .hamburger-bottom .user-loggedout ul {
  border-top-color: #dbdbdb;
}

/* Header - Newsletter */
#expanded-menu .user-menu-newsletter a.menu-newsletter:link, #expanded-menu .user-menu-newsletter a.menu-newsletter:visited {
  background-color: #E0DED7;
  color: #000000;
}
#expanded-menu .user-menu-newsletter a.menu-newsletter:hover, #expanded-menu .user-menu-newsletter a.menu-newsletter:active {
  background-color: #EDECE8;
  color: #000000;
}
#expanded-menu .user-menu-newsletter a.menu-newsletter:before {
  background-image: url("../images/newsletter-lightmode.svg");
}

.header-newsletter-promo a:link, .header-newsletter-promo a:visited {
  background-color: #E0DED7;
  color: #000000;
}
.header-newsletter-promo a:hover, .header-newsletter-promo a:active {
  background-color: #EDECE8;
  color: #000000;
}

.theme-dark-header .header-newsletter-promo a:hover, .theme-dark-header .header-newsletter-promo a:active {
  color: #000000;
}

/* Content */
/* content.sass */
/**********/
/* LAYOUT */
/**********/
main {
  background-color: #f6f6f6;
}

/* Footer */
/* footer.sass */
/* Styles for footer area */
/*************/
/* Styles */
/*************/
footer[role=contentinfo] {
  background-color: #202020;
  color: #FBFBFB;
}

.region-footer a {
  color: #FBFBFB;
}
.region-footer a:link, .region-footer a:visited {
  color: #FBFBFB;
}
.region-footer a:hover, .region-footer a:active {
  color: #c8c8c8;
}
.region-footer ul.menu a.is-active {
  color: rgb(225.5, 225.5, 225.5);
}

/* Widgets */
.widget-teaser, .token, .gi5-token {
  border-bottom: 1px solid #dbdbdb;
}
.widget-teaser .widget-score, .token .widget-score, .gi5-token .widget-score {
  border-left-color: #dbdbdb;
}

/* Turning arrows */
.icon-arrow {
  background-image: url("../images/arrow-right.svg");
}

.close .icon-arrow {
  background-image: url("../images/arrow-right-hover.svg");
}

/* Loading */
.js .loading-overlay {
  background: #f6f6f6 url(../images/loading.svg) no-repeat center;
}

img.lazy {
  /* lazy loading - set loading as background */
  background: url(../images/loading.svg) no-repeat center;
}

.ajax-progress-fullscreen {
  background-color: #f6f6f6;
}

/*************/
/* /template/content */
/*************/
/* Display - Landing page (2 column) */
/* Landing page template - Display Suite */
/* IMPORTANT - Many of the layout styles are shared with ds-standard-article and are set THERE not HERE. */
.landing-page-title {
  background-color: #3C59E0;
  color: white;
}

/* Display - Blurred header (user and product pages) */
.blurred-header-content {
  background-color: #f6f6f6;
}

/*************/
/* /pages */
/*************/
/* Advertorial content type */
/* Advertorial Landing Page */
.path-advertorials .teaser.node--type-advertising, .path-advertorials .teaser.node--type-sponsored, .theme-dark.path-advertorials .teaser.node--type-advertising, .theme-dark.path-advertorials .teaser.node--type-sponsored, .path-sponsored .teaser.node--type-advertising, .path-sponsored .teaser.node--type-sponsored, .theme-dark.path-sponsored .teaser.node--type-advertising, .theme-dark.path-sponsored .teaser.node--type-sponsored {
  background-color: transparent;
}

/* Advertorial Page */
.page-node-type-advertising .field--name-dynamic-block-fieldnode-content-bug .bug-text, .page-node-type-sponsored .field--name-dynamic-block-fieldnode-content-bug .bug-text {
  background-color: #707070;
}

/* Featured Articles display */
#header-featured-articles-wrapper #header-main-story .teaser.node--type-advertising, #header-featured-articles-wrapper #header-main-story .teaser.node--type-sponsored,
#body-featured-articles .teaser.node--type-advertising,
#body-featured-articles .teaser.node--type-sponsored {
  background-color: transparent;
}

/* Teaser display */
.teaser.node--type-advertising .field--name-field-bug, .teaser.node--type-advertising .field--name-field-articletype, .teaser.node--type-advertising .bug-wrapper, .teaser.node--type-sponsored .field--name-field-bug, .teaser.node--type-sponsored .field--name-field-articletype, .teaser.node--type-sponsored .bug-wrapper {
  background-color: #707070;
}

/***************/
/* /content */
/***************/
.vjs-my-custom-modal .vjs-modal-dialog-content {
  color: white;
}

.ckeditor-brightcove {
  background-color: #E9E9E9;
  color: #3D3D3D;
}

/* Image Gallery */
.fotorama__nav-wrap {
  background-color: transparent;
}

/* Dots */
.fotorama__dot, .fotorama__nav__frame.fotorama__active .fotorama__dot {
  background-color: rgb(188.5, 188.5, 188.5);
  border-color: white;
  border-color: rgba(255, 255, 255, 0.2);
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
  background-color: #3D3D3D;
  border-color: white;
  border-color: rgba(255, 255, 255, 0.2);
}

/* When something has too many dots, there's a shadow on the side */
.ds-full-width .fotorama__nav--dots:after {
  background-image: linear-gradient(transparent, #3d3d3d 25%, #3d3d3d 75%, transparent), radial-gradient(farthest-side at 100% 25%, #3d3d3d, transparent);
}
.ds-full-width .fotorama__nav--dots:before {
  background-image: linear-gradient(transparent, #3d3d3d 25%, #3d3d3d 75%, transparent), radial-gradient(farthest-side at 0 75%, #3d3d3d, transparent);
}

.ds-main .fotorama__nav--dots:after {
  background-image: linear-gradient(transparent, #f6f6f6 25%, #f6f6f6 75%, transparent), radial-gradient(farthest-side at 100% 25%, #f6f6f6, transparent);
}
.ds-main .fotorama__nav--dots:before {
  background-image: linear-gradient(transparent, #f6f6f6 25%, #f6f6f6 75%, transparent), radial-gradient(farthest-side at 0 75%, #f6f6f6, transparent);
}

/* Captions */
.fotorama__caption {
  background-color: #3D3D3D;
  color: white;
}

/* Multimedia gallery */
/* Flex slider */
.flexslider {
  background-color: #202020;
}

/* Directional arrows */
.flex-direction-nav a {
  color: rgba(200, 200, 200, 0.8) !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a:before {
  color: rgba(200, 200, 200, 0.8) !important;
}

.flex-control-paging li a {
  background-color: #717171;
}
.flex-control-paging li a.flex-active {
  background-color: #f6f6f6;
}

/* embedded twitter tweets */
.twitter-tweet {
  color: #717171;
}
.twitter-tweet p {
  color: #000;
}

/* This is actually for reddit */
.embedly-card-hug {
  background-color: white;
}

.caption,
.inline-image-caption,
figcaption,
.inline-image-source-caption,
.image-source-caption,
.field--name-field-source-image-caption,
.field--name-field-caption,
.caption-wrapper,
.image-source-wrapper {
  color: #717171;
}
.caption:last-child,
.inline-image-caption:last-child,
figcaption:last-child,
.inline-image-source-caption:last-child,
.image-source-caption:last-child,
.field--name-field-source-image-caption:last-child,
.field--name-field-caption:last-child,
.caption-wrapper:last-child,
.image-source-wrapper:last-child {
  border-bottom-color: #717171;
}

.field--name-field-header .field--name-field-source-image-caption {
  color: white;
  text-shadow: 1px 1px 4px rgb(0, 0, 0);
}

.caption,
figcaption,
.caption-wrapper {
  border-bottom-color: #717171;
}

.image-source-caption.header-image-gallery,
.image-source-wrapper.header-image-gallery {
  color: white;
  text-shadow: 1px 1px 4px rgb(0, 0, 0);
}

.caption-wrapper,
.image-source-wrapper,
.caption-wrapper a,
.image-source-wrapper a {
  color: #717171;
}

blockquote::before {
  color: #3C59E0;
}

.bq-long {
  border-left-color: #dbdbdb;
  color: #717171;
}

cite {
  color: #717171;
}

.spoiler {
  background-color: #000;
}
.spoiler:hover {
  background-color: #717171;
  color: #717171;
}
.spoiler.reveal, .spoiler.remain {
  background-color: #fff;
}

/* Tool tips */
/* Tooltip container */
.tooltip-container .tooltip {
  background-color: #d0d0d0;
  color: #3D3D3D;
}
.tooltip-container .tooltip::after {
  border-color: #d0d0d0 transparent transparent transparent;
}

.info-icon, .layout-container .info-icon, a .info-icon {
  border-color: white;
  color: white;
}
.info-icon:link, .info-icon:visited, .layout-container .info-icon:link, .layout-container .info-icon:visited, a .info-icon:link, a .info-icon:visited {
  color: white;
}

aside {
  background-color: white;
  border-top-color: #3C59E0;
}
aside span.aside-read-more-link {
  border-top-color: #dbdbdb;
}

.nsfw-overlay {
  background-color: #202020;
  color: white;
}

.gi5--product--summary {
  background-color: #E9E9E9;
}
.gi5--product--summary .product-release, .gi5--product--summary .product-platform {
  color: #747474;
}

/* Widget - Product Details */
.gi5-dynamic-block-fieldnode-widget-product-summary h2:not(.page-title), .gi5-widget-product-summary h2:not(.page-title) {
  color: #747474;
}
.gi5-dynamic-block-fieldnode-widget-product-summary header, .gi5-widget-product-summary header {
  background-color: transparent;
  color: #747474;
  box-shadow: none;
}
.gi5-dynamic-block-fieldnode-widget-product-summary .views-row, .gi5-widget-product-summary .views-row {
  border-color: #dbdbdb;
}
.gi5-dynamic-block-fieldnode-widget-product-summary .view-content, .gi5-widget-product-summary .view-content {
  background-color: #E9E9E9;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.view-widget-product-summary-expand {
  background-color: #E9E9E9;
  color: #3C59E0;
}
.layout-container .view-widget-product-summary-expand a:link, .view-widget-product-summary-expand a:visited {
  color: #747474;
}

.gi5-field-contributors {
  border-top-color: #dbdbdb;
}

.accordion-item {
  border-bottom-color: #dbdbdb;
}

.list-item-number {
  background-color: #3C59E0;
  color: white;
}

.list-item {
  border-top-color: #3C59E0;
}

.list_item_sub {
  color: #717171;
}
.list_item_sub a:link, .list_item_sub a:visited {
  color: #717171;
}
.list_item_sub a:hover, .list_item_sub a:active {
  color: #a4a4a4;
}

.field--name-field-list-footer {
  border-top-color: #3C59E0;
}

/***********/
/* /blocks */
/***********/
.ds-gi5-notice {
  background-color: rgb(148.0088495575, 163.9203539823, 237.9911504425);
}
.ds-gi5-notice .button, .ds-gi5-notice .field--name-field-button a {
  border: 2px solid white;
}

.ds-gi5-notice-content-wrap {
  background-color: #3C59E0;
  color: white;
}

/* Author info at the end of post */
/* Block wrapper */
.author-footer {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  background-color: #E9E9E9;
}
.author-footer a {
  background-color: transparent;
}

/* Thumbnail photo of author */
/* Author's name */
.author-footer-name a:link, .author-footer-name a:visited {
  color: #000;
}
.author-footer-name a:hover, .author-footer-name a:active {
  color: #3C59E0;
}

/* Author's social links */
.author-footer-social a.author-footer-facebook {
  background: url("../images/user_facebook.svg") no-repeat 100% 100%;
}
.author-footer-social a.author-footer-twitter {
  background: url("../images/user_twitter.svg") no-repeat 100% 100%;
}
.author-footer-social a.author-footer-email {
  background: url("../images/user_email.svg") no-repeat 100% 100%;
}

/* Contributors */
.author-footer-contrib {
  border-top-color: #dbdbdb;
}

/* Author details in header */
.author-details {
  border-bottom-color: #dbdbdb;
}
.author-details a, .author-details .author-details-nolinked {
  background-color: transparent;
}
.author-details a:link, .author-details a:visited {
  color: #3C59E0;
}
.author-details a:hover, .author-details a:active {
  color: rgb(148.0088495575, 163.9203539823, 237.9911504425);
}

/* code for OLD game details - moving away from these but they're still needed for older content */
.game-details {
  color: #4A4A4A;
}
.game-details a:link, .game-details a:visited {
  color: #4A4A4A;
}
.game-details span:not(.gi5-details-platform) {
  color: #4A4A4A;
}

.field--name-dynamic-block-fieldnode-widget-game-details-reviews-,
.field--name-dynamic-block-fieldnode-widget-game-details-previews- {
  border-bottom-color: #dbdbdb;
}

/* poll */
.poll-view .bar {
  background-color: #dbdbdb;
}
.poll-view .bar .foreground {
  background-color: #3D3D3D;
}

/* Review summary at end of review post */
.review-summary {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

/* Container for header of review summary */
.review-summary-header {
  background-color: #3C59E0;
  color: white;
}
@media screen and (max-width: 600px) {
  .review-summary-header {
    background-color: rgb(29.9694919991, 55.8010679994, 176.0515080009);
  }
}

/* One Liner */
.review-summary-oneliner {
  background-color: #3C59E0;
}

.review-summary-title {
  color: white;
}
.review-summary-title a:link, .review-summary-title a:visited {
  color: white;
}
.review-summary-title a:hover, .review-summary-title a:active {
  color: #79a2ee;
}

/* Score */
.review-summary-score {
  background-color: rgb(29.9694919991, 55.8010679994, 176.0515080009);
}
.review-summary-score:after {
  border-right-color: rgb(29.9694919991, 55.8010679994, 176.0515080009);
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/* Pro Cons Area */
.review-summary-desc {
  background-color: white;
  color: rgb(101.0055, 101.0055, 101.0055);
}

/* Legacy summaries */
.review-summary-legacy {
  border-bottom-color: #dbdbdb;
}

.review-summary-label {
  color: #000;
}

/* Buttons */
.review-summary-buttons a:link, .review-summary-buttons a:visited, .review-summary-buttons a.button:link, .review-summary-buttons a.button:visited, .review-summary-purchase a:link, .review-summary-purchase a:visited, .review-summary-purchase a.button:link, .review-summary-purchase a.button:visited {
  color: #3C59E0;
  background-color: white;
}
.review-summary-buttons a:hover, .review-summary-buttons a:active, .review-summary-buttons a.button:hover, .review-summary-buttons a.button:active, .review-summary-purchase a:hover, .review-summary-purchase a:active, .review-summary-purchase a.button:hover, .review-summary-purchase a.button:active {
  color: #3C59E0;
  background-color: rgba(255, 255, 255, 0.85);
}

/* Social share on most posts */
/* Social Share Buttons (Links and Icons) */
.social-share-button .social-icon {
  background-color: #666666;
}
@supports (-ms-ime-align: auto) {
  .social-share-button .social-icon {
    filter: brightness(140%);
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .social-share-button .social-icon {
    filter: brightness(140%);
  }
}
.social-share-button .social-icon.facebook {
  mask-image: url("../images/share_facebook.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
@supports (-ms-ime-align: auto) {
  .social-share-button .social-icon.facebook {
    background: url("../images/share_facebook.svg") no-repeat 100% 100%;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .social-share-button .social-icon.facebook {
    background: url("../images/share_facebook.svg") no-repeat 100% 100%;
  }
}
.social-share-button .social-icon.twitter {
  mask-image: url("../images/share_twitter.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
@supports (-ms-ime-align: auto) {
  .social-share-button .social-icon.twitter {
    background: url("../images/share_twitter.svg") no-repeat 100% 100%;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .social-share-button .social-icon.twitter {
    background: url("../images/share_twitter.svg") no-repeat 100% 100%;
  }
}
.social-share-button .social-icon.comment {
  mask-image: url("../images/share_comment.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
@supports (-ms-ime-align: auto) {
  .social-share-button .social-icon.comment {
    background: url("../images/share_comment.svg") no-repeat 100% 100%;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .social-share-button .social-icon.comment {
    background: url("../images/share_comment.svg") no-repeat 100% 100%;
  }
}
.social-share-button .social-icon.email {
  mask-image: url("../images/share_email.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
@supports (-ms-ime-align: auto) {
  .social-share-button .social-icon.email {
    background: url("../images/share_email.svg") no-repeat 100% 100%;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .social-share-button .social-icon.email {
    background: url("../images/share_email.svg") no-repeat 100% 100%;
  }
}
.social-share-button a {
  color: #000;
}
.social-share-button a:link, .social-share-button a:visited {
  color: #000;
}
.social-share-button a:hover {
  color: #3C59E0;
}
.social-share-button a:hover .social-icon {
  background-color: #3C59E0;
}
@supports (-ms-ime-align: auto) {
  .social-share-button a:hover .social-icon {
    background-color: transparent !important;
    filter: brightness(125%) sepia(100%) saturate(2000%) hue-rotate(185deg);
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .social-share-button a:hover .social-icon {
    background-color: transparent !important;
    filter: brightness(125%) sepia(100%) saturate(2000%) hue-rotate(185deg);
  }
}

.disqus-comments-num:hover a:link, .disqus-comments-num:hover a:visited {
  color: #3C59E0;
}
.disqus-comments-num:hover .social-icon {
  background-color: #3C59E0;
}

/* Floating bar */
.gi5-mobile-float {
  background-color: #3C59E0;
  color: white;
  box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.1);
}

.layout-container .gi5-social-share > div div:link, .layout-container .gi5-social-share > div div:visited, .layout-container .gi5-social-share > div a:link, .layout-container .gi5-social-share > div a:visited {
  color: white;
}
.layout-container .gi5-social-share > div div:hover, .layout-container .gi5-social-share > div div:active, .layout-container .gi5-social-share > div a:hover, .layout-container .gi5-social-share > div a:active {
  color: white;
}
.layout-container .gi5-social-share .share-button span::after {
  background-image: url("/themes/custom/gi5/includes/images/social/share_white.png");
}

/* Modals */
.layout-container a.gi5-social-button:link, .layout-container a.gi5-social-button:visited {
  color: #000;
}
.layout-container a.gi5-social-button:hover, .layout-container a.gi5-social-button:active {
  color: #3C59E0;
}

.share-url-wrapper {
  border-color: #dbdbdb;
  background-color: #dbdbdb;
}

.share-url {
  color: #717171;
}

.copy-link {
  padding: 10px;
  display: inline-block;
  border: none;
  border-bottom: none;
  background-color: #3C59E0;
  color: white;
  font-size: 0.9em;
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.copy-link:link, .copy-link:visited, .copy-link:hover, .copy-link:active {
  color: white;
  box-shadow: none;
  border: none;
  background-image: none;
}
.copy-link:hover, .copy-link:active {
  background-color: rgb(148.0088495575, 163.9203539823, 237.9911504425);
}
.copy-link:focus {
  background-color: rgb(148.0088495575, 163.9203539823, 237.9911504425);
  color: white;
  border: none;
  box-shadow: none;
  background-image: none;
}

/* Buttons */
.gi5-social-button.facebook span::before {
  background: url("../images/share_facebook.svg") no-repeat 100% 100%;
}
.gi5-social-button.twitter span::before {
  background: url("../images/share_twitter.svg") no-repeat 100% 100%;
}
.gi5-social-button.email span::before {
  background: url("../images/share_email.svg") no-repeat 100% 100%;
}
.gi5-social-button.instagram span::before {
  background: url("../images/share_instagram.svg") no-repeat 100% 100%;
}
.gi5-social-button.twitch span::before {
  background: url("../images/share_twitch.svg") no-repeat 100% 100%;
}
.gi5-social-button.youtube span::before {
  background: url("../images/share_youtube.svg") no-repeat 100% 100%;
}

/* Comments */
.layout-container .gi5-mobile-comments {
  border-bottom-color: #dbdbdb;
}
.layout-container .gi5-mobile-comments a:link, .layout-container .gi5-mobile-comments a:visited {
  color: #000;
}
.layout-container .gi5-mobile-comments a:hover, .layout-container .gi5-mobile-comments a:active {
  color: #3C59E0;
}

/* Old stuff check this */
.social-share-button .social-icon {
  background-color: #666666;
}

.recommended-articles-widget {
  background-color: white;
  border-top-color: #3C59E0;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

/* Slick Slider */
.recommended-articles-widget .slick-initialized:before {
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
}
@media screen and (max-width: 1000px) {
  .recommended-articles-widget .slick-initialized:before {
    background: transparent;
  }
}
.recommended-articles-widget .slick-initialized:after {
  background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
}
@media screen and (max-width: 1000px) {
  .recommended-articles-widget .slick-initialized:after {
    background: transparent;
  }
}

.recommended-articles-widget .slick-prev:before, .recommended-articles-widget .slick-next:before {
  color: #3C59E0;
}

.field--name-field-bug,
.field--name-field-articletype,
.bug-wrapper {
  background-color: #3C59E0;
  color: white;
}
.field--name-field-bug a:link, .field--name-field-bug a:visited, .field--name-field-bug a:hover, .field--name-field-bug a:active,
.field--name-field-articletype a:link,
.field--name-field-articletype a:visited,
.field--name-field-articletype a:hover,
.field--name-field-articletype a:active,
.bug-wrapper a:link,
.bug-wrapper a:visited,
.bug-wrapper a:hover,
.bug-wrapper a:active {
  color: white;
}

.field--name-dynamic-block-fieldnode-content-bug .bug-text {
  background-color: #3C59E0;
  color: white;
}

/* Load More */
.load-more-wrapper, .layout-container .pager .button {
  background-color: transparent;
  color: white;
  background-color: #3C59E0;
}
.load-more-wrapper:link, .load-more-wrapper:visited, .load-more-wrapper:hover, .load-more-wrapper:active, .layout-container .pager .button:link, .layout-container .pager .button:visited, .layout-container .pager .button:hover, .layout-container .pager .button:active {
  color: white;
}
@media screen and (min-width: 800px) {
  .load-more-wrapper:hover, .load-more-wrapper:active, .layout-container .pager .button:hover, .layout-container .pager .button:active {
    background-color: rgb(148.0088495575, 163.9203539823, 237.9911504425);
  }
}

/* Comments at bottom of posts */
#comments-toggle {
  background-color: #3C59E0;
  color: white;
}
#comments-toggle .icon-arrow {
  background-image: url("../images/arrow-right-white.svg");
}

#comments-disabled {
  background-color: #717171;
  color: white;
}

/* In page table of contents */
#stickynav nav li {
  color: #000;
  border-top-color: #ccc;
}
#stickynav nav li:hover a {
  background-color: #dbdbdb;
}
#stickynav nav li:last-child {
  border-bottom-color: #ccc;
}
#stickynav nav li a {
  color: #000;
}
#stickynav nav li a.nav-active {
  color: #f6f6f6;
  background-color: #3C59E0;
}
#stickynav nav li a.nav-active:hover {
  color: #f6f6f6;
  background-color: #3C59E0;
}

/* Custom css for custom blocks for footers of video shows.  Appears at the ends of articles with certain design templates selected, i.e. GI Show, Replay */
.gi5-show {
  background-color: white;
  border-color: #dbdbdb;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 600px) {
  .show-left {
    border-color: #444 transparent transparent transparent;
  }
}

@media screen and (min-width: 600px) {
  .show-right::after {
    border-color: transparent transparent transparent #444;
  }
}

.gi-show {
  background-color: #444;
  color: white;
}
.gi-show a:link, .gi-show a:visited, .gi-show a:hover, .gi-show a:active {
  color: white;
}
.gi-show .show-left::after {
  border-color: #444 transparent transparent transparent;
}
.gi-show .show-right {
  background-color: #f68b1e;
}
.gi-show .show-right::after {
  border-color: transparent transparent transparent #444;
}

.replay {
  background-color: #444;
  color: white;
}
.replay a:link, .replay a:visited, .replay a:hover, .replay a:active {
  color: white;
}
.replay .show-left::after {
  border-color: #444 transparent transparent transparent;
}
.replay .show-right {
  background-color: #ff008f;
}
.replay .show-right::after {
  border-color: transparent transparent transparent #444;
}

.show-ngt {
  background-color: white;
  color: black;
}
.show-ngt a:link, .show-ngt a:visited, .show-ngt a:hover, .show-ngt a:active {
  color: black;
}
.show-ngt .show-left::after {
  border-color: white transparent transparent transparent;
}
.show-ngt .show-right {
  background-color: #84f4d4;
}
.show-ngt .show-right::after {
  border-color: transparent transparent transparent white;
}

.gi5-colfoot {
  background-color: white;
  border-color: #dbdbdb;
  color: black;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.gi5-reviewpage-score-wrapper::before, .gi5-reviewpage-score-wrapper::after {
  background-color: #000;
}

.gi5-reviewpage-score-info a:link, .gi5-reviewpage-score-info a:visited {
  color: #3C59E0;
}
.gi5-reviewpage-score-info:hover, .gi5-reviewpage-score-info:active {
  color: #79a2ee;
}

.gi5-reviewpage-award-wrapper::before, .gi5-reviewpage-award-wrapper::after {
  background-color: #dbdbdb;
}

.gi5-reviewpage-legacy-field:first-of-type {
  border-top-color: #dbdbdb;
}
.gi5-reviewpage-legacy-field:last-of-type {
  border-bottom-color: #dbdbdb;
}

/***********/
/* /modules */
/***********/
.cookiepro-message {
  background-color: white;
}
.cookiepro-message .button {
  color: #414042;
  background-color: #bcbec0;
}
.cookiepro-message .button:hover, .cookiepro-message .button:active {
  color: #414042;
  background-color: rgb(206.3992307692, 207.85, 209.3007692308);
}