/*!
Theme Name: Trine4
Theme URI: http://underscores.me/
Author: Michael Silva
Description: Made with <3 for the Modus Games
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: maximum

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Maximum Games is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Mixins
# Global
# Atoms
# Molecules
# Organisms
# Templates
# Pages
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Do+Hyeon|Roboto:400,700");
/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
/*-- Variables -----------------------------------------------*/
/*-- Boostrap Breakpoints ------------------------------------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*-- Mixins --------------------------------------------------*/
/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
/*-- Global --------------------------------------------------*/
html {
  font-size: 16px;
}
@media screen and (min-width: 767px) {
  html {
    font-size: 1.125em;
  }
}

body {
  background-attachment: fixed;
  background-color: #030a1e;
  background-position: bottom;
  background-size: 100% auto;
  color: #618cb4;
  font-family: "Trine Body", cursive;
  font-size: 1em;
  letter-spacing: 0.0125em;
  line-height: 1.25em;
  position: relative;
}

/*--------------------------------------------------------------
# Atoms
--------------------------------------------------------------*/
/*-- Atoms ---------------------------------------------------*/
h1, h2, h3, h4, h5 {
  font-family: "Trine Title", cursive;
}

img,
embed,
iframe,
object {
  height: auto;
  max-width: 100%;
}

/*-- Accessibility -------------------------------------------*/
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*-- Alignments ----------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*-- Clearings -----------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*-- Media ---------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/*--------------------------------------------------------------
# Molecules
--------------------------------------------------------------*/
/*-- Molecules -----------------------------------------------*/
/*-- Forms --*/
/*-- Buttons --*/
.button {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 4px;
  color: #bdbdba;
  display: inline-block;
  font-size: 1.125em;
  margin: 0 auto 2rem;
  padding: 0.75rem 1.75rem;
  position: relative;
  text-shadow: 0 1px 1px rgba(26, 60, 126, 0.7), 0 0 6px rgba(255, 255, 255, 0.25);
}
.button:hover {
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-decoration: none;
}
.button.grey {
  background-image: var(--button-grey);
}
.button.blue {
  background-image: var(--button-blue);
}
.button.purple {
  background-image: var(--button-purple);
}

/*-- Sections --*/
.section {
  background-blend-mode: overlay;
  background-color: rgba(3, 10, 30, 0.8);
  background-position: center;
  background-size: cover;
  display: flex;
  font-size: 1.125em;
  padding: 100px 15px;
  position: relative;
  text-align: center;
}
.section::after {
  background: var(--textures-border);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 1rem;
  bottom: -0.5rem;
  content: "";
  height: 1rem;
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
  width: 100%;
}
.section .container {
  display: inline-block;
  margin: auto;
}
.section .section-title {
  background: -moz-linear-gradient(top, #6292c1 0%, #90afc8 50%, #85aac6 90%, #6292c1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6292c1 0%, #90afc8 50%, #85aac6 90%, #6292c1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6292c1 0%, #90afc8 50%, #85aac6 90%, #6292c1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-clip: text;
  -webkit-background-clip: text;
  color: #9bbcd7;
  -webkit-filter: drop-shadow(0px 3px 1px rgba(3, 10, 30, 0.8));
  filter: drop-shadow(0px 3px 1px rgba(3, 10, 30, 0.8));
  font-size: 2em;
  margin: 0;
  position: relative;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}

.lity {
  background-color: rgba(3, 10, 30, 0.8);
}
.lity .lity-content:after {
  box-shadow: none !important;
}
.lity .lity-wrap #privacy,
.lity .lity-wrap #cookie {
  overflow: auto;
}
.lity .lity-wrap #privacy .container,
.lity .lity-wrap #cookie .container {
  background-color: rgba(3, 10, 30, 0.8);
  padding: 1rem;
}

@media screen and (min-width: 991px) {
  .lity .lity-wrap #privacy .container,
.lity .lity-wrap #cookie .container {
    padding: 2rem;
  }
}
.lity .lity-wrap #privacy li,
.lity .lity-wrap #cookie li {
  margin-bottom: 1rem;
}
.lity .lity-wrap #privacy *,
.lity .lity-wrap #cookie * {
  font-family: "Ubuntu Condensed", sans-serif;
}
.lity .lity-wrap .container {
  max-width: 40rem;
}
.lity .lity-wrap .form-wrapper {
  background-image: var(--background-form);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3rem 1rem;
}
@media screen and (min-width: 991px) {
  .lity .lity-wrap .form-wrapper {
    background-size: 100% 100%;
    padding: 3rem;
  }
}
.lity .lity-wrap .form-wrapper .package-title {
  color: #fae2c8;
  font-size: 1em;
  margin: 0;
  text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7);
}
@media screen and (min-width: 991px) {
  .lity .lity-wrap .form-wrapper .package-title {
    width: 55%;
  }
}
.lity .lity-wrap .form-wrapper .package-price {
  color: #fff;
  display: block;
  font-size: 1.5em;
  margin: 1rem 0;
  text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7);
}
@media screen and (min-width: 991px) {
  .lity .lity-wrap .form-wrapper .package-price {
    width: 55%;
  }
}
.lity .lity-wrap .form-wrapper .product-image {
  display: none;
}
@media screen and (min-width: 991px) {
  .lity .lity-wrap .form-wrapper .product-image {
    display: block;
    height: 12rem;
    position: absolute;
    right: 5rem;
    top: 3rem;
    width: auto;
  }
}
.lity .lity-wrap .form-wrapper .gform_wrapper {
  margin: 0;
}
.lity .lity-wrap .form-wrapper .gform_wrapper .gfield_required {
  display: none;
}
.lity .lity-wrap .form-wrapper .gform_wrapper .gform_title {
  color: #fae2c8;
  font-size: 1em;
  margin: 0;
  text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7);
}
@media screen and (min-width: 991px) {
  .lity .lity-wrap .form-wrapper .gform_wrapper .gform_title {
    width: 55%;
  }
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield {
  margin: 0 0 0.5rem;
  padding: 0;
}
@media screen and (min-width: 991px) {
  .lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield[style="display: list-item;"] {
    display: flex !important;
  }
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield.gfield_error {
  background: none;
  border: none;
  margin: 0.5rem 0;
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield.gfield_error .ginput_container {
  border-color: #790000;
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield.gfield_error .gfield_description.validation_message {
  padding: 0;
  text-align: center;
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important;
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield.gfield_html {
  color: #fff0c6;
  display: block;
  font-size: 0.875em;
  margin: 0.25rem auto;
}
@media screen and (min-width: 991px) {
  .lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield.gfield_html {
    width: 55%;
  }
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .gfield_label {
  color: #fae2c8;
  margin: 0.5rem 0;
  padding: 0;
  text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7);
}
@media screen and (min-width: 991px) {
  .lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .gfield_label {
    display: inline-block;
    margin: auto;
    text-align: right;
    width: 10%;
  }
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container {
  border: 5px solid #bd8b70;
  box-shadow: 0 0 5px rgba(112, 63, 55, 0.7);
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 991px) {
  .lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container {
    display: inline-block;
    margin: auto auto 0.5rem 1rem;
    width: 80%;
  }
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container input[type=text],
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container select {
  -webkit-appearance: none;
  background-color: #fae2c8;
  border: 1px solid #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #703f37;
  font-family: "Ubuntu Condensed", sans-serif;
  width: 100%;
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select {
  position: relative;
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select::before {
  background-image: var(--textures-up-down);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  height: 35px;
  position: absolute;
  right: 5px;
  transform: rotate(90deg);
  width: 35px;
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_consent {
  border: none;
  box-shadow: none;
  display: flex;
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_consent input {
  display: inline-block;
  margin: auto 0 auto auto;
  vertical-align: top;
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_consent label {
  color: #fae2c8;
  display: inline-block;
  margin: auto auto auto 1rem;
  text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7);
  vertical-align: top;
}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_recaptcha {
  border: none;
  box-shadow: none;
}
.lity .lity-wrap .form-wrapper .gform_wrapper .gform_footer {
  margin: 0;
  padding: 0;
  text-align: right;
}
.lity .lity-wrap .form-wrapper .gform_wrapper .gform_footer input.button,
.lity .lity-wrap .form-wrapper .gform_wrapper .gform_footer input[type=submit],
.lity .lity-wrap .form-wrapper .gform_wrapper .gform_footer input.button,
.lity .lity-wrap .form-wrapper .gform_wrapper .gform_footer input[type=submit] {
  background: none;
  background-image: var(--button-blue);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: none;
  border-radius: 4px;
  color: #bdbdba;
  display: inline-block;
  font-size: 1.125em;
  margin: 0 auto 2rem;
  outline: none;
  padding: 0.75rem 1.75rem;
  position: relative;
  text-shadow: 0 1px 1px rgba(26, 60, 126, 0.7), 0 0 6px rgba(255, 255, 255, 0.25);
}
.lity .lity-wrap .form-wrapper .gform_wrapper .gform_footer input.button:hover,
.lity .lity-wrap .form-wrapper .gform_wrapper .gform_footer input[type=submit]:hover,
.lity .lity-wrap .form-wrapper .gform_wrapper .gform_footer input.button:hover,
.lity .lity-wrap .form-wrapper .gform_wrapper .gform_footer input[type=submit]:hover {
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-decoration: none;
}
.lity .lity-wrap .gform_confirmation_message {
  color: #fae2c8;
  text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7);
}

.pswp__bg {
  background-color: rgba(3, 10, 30, 0.8);
  opacity: 1 !important;
}

/*--------------------------------------------------------------
# Organisms
--------------------------------------------------------------*/
/*-- Organisms -----------------------------------------------*/
/*-- Site Header --*/
.site-header {
  background: #040c20;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.site-header::before {
  background-color: #111837;
  bottom: 0.25rem;
  content: "";
  height: 0.25rem;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.site-header::after {
  background-color: #2e495a;
  bottom: 0;
  content: "";
  height: 0.25rem;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.site-header .navbar-toggler {
  color: #b1f5f6;
  height: 3rem;
  left: 1rem;
  padding: 0;
  position: absolute;
  top: 0.5rem;
  width: 3rem;
  z-index: 2;
}
.site-header .main-navigation {
  padding: 0.5rem 1rem;
}
.site-header .main-navigation .navbar-brand {
  margin: 0;
  padding: 0;
}
.site-header .main-navigation .navbar-brand .site-title {
  line-height: 1;
  margin: 0;
  padding: 0;
}
.site-header .main-navigation .navbar-brand .site-title img {
  height: 3rem;
  width: auto;
}
.site-header .main-navigation .navbar-nav .menu-item:first-child .nav-link {
  color: #b1f5f6;
  cursor: default;
  pointer-events: none;
}
.site-header .main-navigation .navbar-nav .menu-item.flag-icon::before {
  display: none;
}
.site-header .main-navigation .navbar-nav .menu-item.flag-icon .nav-link {
  font-size: 0;
}
.site-header .main-navigation .navbar-nav .menu-item.flag-icon .nav-link::after {
  display: none;
}
.site-header .main-navigation .navbar-nav .menu-item.dropdown {
  display: none;
}
@media screen and (min-width: 768px) {
  .site-header .main-navigation .navbar-nav .menu-item.dropdown {
    display: inline-block;
  }
}
.site-header .main-navigation .navbar-nav .menu-item .nav-link {
  color: #618cb4;
  font-size: 1.25em;
  padding: 1rem 0.5rem;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .site-header .main-navigation .navbar-nav .menu-item .nav-link {
    font-size: 0.875em;
    padding: 0.5rem;
  }
}
@media screen and (min-width: 992px) {
  .site-header .main-navigation .navbar-nav .menu-item .nav-link {
    font-size: 1em;
  }
}
@media screen and (min-width: 1200px) {
  .site-header .main-navigation .navbar-nav .menu-item .nav-link {
    padding: 0.5rem 1rem;
  }
}
.site-header .main-navigation .navbar-nav .menu-item .nav-link:hover {
  color: #b1f5f6;
}
.site-header .main-navigation .navbar-nav .dropdown-menu {
  background: none;
  border: none;
  margin: 0;
  min-width: auto;
  padding: 0;
}
.site-header .main-navigation .navbar-nav .dropdown-menu .dropdown-item {
  font-size: 0;
  padding: 0;
}
.site-header .main-navigation .navbar-nav .dropdown-menu .dropdown-item:hover {
  background: none;
}
.site-header .main-navigation .flag-menu {
  display: none;
}
.site-header .main-navigation .show + .flag-menu {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .site-header .main-navigation .show + .flag-menu {
    display: none;
  }
}
.site-header .main-navigation .show + .flag-menu li {
  display: inline-block;
}
.site-header .main-navigation .show + .flag-menu li .flag-icon {
  display: block;
  overflow: hidden;
  text-indent: 2rem;
}
.site-header .main-navigation .show + .flag-menu li .flag-icon::before {
  display: none;
}

/*-- Header Section --*/
.header-section {
  padding-top: 0;
}
.header-section .video-background {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.header-section .header-wrapper {
  position: relative;
}
.header-section .header-wrapper .header-image {
  height: auto;
  margin: 0 auto;
  max-width: 45rem;
  width: 100%;
}
.header-section .header-wrapper .header-buttons {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.header-section .header-wrapper .header-buttons .header-button {
  display: block;
}
.header-section .header-wrapper .header-buttons .header-button .button[href="#preorder"]::after {
  background-image: var(--textures-moth);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 4rem;
  position: absolute;
  right: -1rem;
  top: -1.5rem;
  width: 4rem;
  z-index: 2;
}
.header-section .social-bar {
  background-color: #040c20;
  bottom: 0;
  left: 0;
  padding: 0.5rem 1rem;
  position: absolute;
  right: 0;
  width: 100%;
}
.header-section .social-bar .social-title {
  color: #618cb4;
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: middle;
}
.header-section .social-bar .social-icons {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.header-section .social-bar .social-icons .social-icon {
  display: inline-block;
  font-size: 1.75em;
  padding: 0.25rem;
  vertical-align: middle;
}
@media screen and (min-width: 767px) {
  .header-section .social-bar .social-icons .social-icon {
    padding: 0.5rem;
  }
}
.header-section .social-bar .social-icons .social-icon .social-link {
  color: #618cb4;
}
.header-section .social-bar .social-icons .social-icon .social-link:hover {
  color: #b1f5f6;
}

/*-- Overview Section --*/
.overview-section img.size-full {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .overview-section img.size-full {
    margin-left: -4rem;
    max-width: 25rem;
  }
}
.overview-section h2 {
  color: #b1f5f6;
  font-size: 1em;
  margin: 1rem 0 0.5rem;
}
.overview-section h3 {
  color: #aed1f2;
  font-size: 1em;
  margin: 1rem 0 0.5rem;
}
.overview-section p {
  color: #618cb4;
  margin-bottom: 1.5rem;
}

/*-- Store Section --*/
.store-section .section-body {
  color: #aed1f2;
  margin: 0;
  text-align: center;
}
.store-section .packages {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (min-width: 767px) {
  .store-section .packages {
    flex-direction: row;
  }
}
.store-section .packages .package {
  display: inline-block;
  margin: auto;
  position: relative;
}
@media screen and (min-width: 767px) {
  .store-section .packages .package {
    width: 50%;
  }
}
.store-section .packages .package .package-interior {
  display: flex;
  flex-flow: column;
  height: 75%;
  left: 12.5%;
  position: absolute;
  top: 17%;
  width: 75%;
}
.store-section .packages .package .package-title {
  color: #fae2c8;
  display: inline-block;
  font-size: 0.8675em;
  margin: auto;
  text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7);
}
@media screen and (min-width: 992px) {
  .store-section .packages .package .package-title {
    font-size: 1.125em;
  }
}
.store-section .packages .package .package-image {
  display: inline-block;
  height: auto;
  margin: auto;
  width: 65%;
}
.store-section .packages .package .package-description {
  color: #fff0c6;
  display: inline-block;
  font-size: 0.8675em;
  margin: auto;
}
@media screen and (min-width: 992px) {
  .store-section .packages .package .package-description {
    font-size: 1em;
  }
}
.store-section .packages .package .package-price {
  color: #fff;
  display: inline-block;
  font-size: 1.25em;
  margin: auto;
  text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7);
}
@media screen and (min-width: 768px) {
  .store-section .packages .package .package-price {
    font-size: 1em;
  }
}
@media screen and (min-width: 992px) {
  .store-section .packages .package .package-price {
    font-size: 1.5em;
  }
}
.store-section .packages .package .button {
  margin: auto;
}

/*-- Media Section --*/
@media screen and (min-width: 1200px) {
  .media-section .container {
    max-width: 80%;
  }
}
.media-section .gallery-container {
  margin-top: 3rem;
  position: relative;
}
.media-section .gallery-container .swiper-container {
  max-width: calc(100% - 100px);
}
.media-section .gallery-container .swiper-container .swiper-wrapper {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.media-section .gallery-container .swiper-container .swiper-wrapper .swiper-slide {
  cursor: pointer;
}
.media-section .gallery-container .swiper-container .swiper-wrapper .swiper-slide::before {
  background-image: var(--textures-frame);
  background-size: 100% 100%;
  bottom: -2px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.media-section .gallery-container .swiper-button-next,
.media-section .gallery-container .swiper-button-prev {
  background-image: var(--textures-left-right);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 50px;
  position: absolute;
  top: 50%;
  width: 37.5px;
  z-index: 10;
}
.media-section .gallery-container .swiper-button-next.swiper-button-disabled,
.media-section .gallery-container .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.media-section .gallery-container .swiper-button-prev {
  left: 0;
  right: auto;
}
.media-section .gallery-container .swiper-button-next {
  left: auto;
  right: 0;
  transform: scaleX(-1);
}
.media-section .gallery-container .pswp--svg .pswp__button--arrow--left,
.media-section .gallery-container .pswp--svg .pswp__button--arrow--right {
  background-image: var(--textures-left-right);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 50px;
  position: absolute;
  top: calc(50% + 44px - 25px);
  width: 37.5px;
  z-index: 10;
}
.media-section .gallery-container .pswp--svg .pswp__button--arrow--left:before,
.media-section .gallery-container .pswp--svg .pswp__button--arrow--right:before {
  display: none;
}
.media-section .gallery-container .pswp--svg .pswp__button--arrow--left {
  left: 10px;
  right: auto;
}
.media-section .gallery-container .pswp--svg .pswp__button--arrow--right {
  left: auto;
  right: 10px;
  transform: scaleX(-1);
}

/*-- Contact Section --*/
.contact-section {
  padding-bottom: 0;
}
.contact-section::after {
  display: none;
}
.contact-section .form-wrapper {
  background-image: var(--background-form);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  max-width: 50rem;
  padding: 3rem 1rem;
}
@media screen and (min-width: 991px) {
  .contact-section .form-wrapper {
    background-size: 100% 100%;
    padding: 5rem;
  }
}
.contact-section .form-wrapper .gform_wrapper {
  margin: 0;
}
.contact-section .form-wrapper .gform_wrapper .gfield_required {
  display: none;
}
.contact-section .form-wrapper .gform_wrapper .gform_heading {
  text-align: center;
}
.contact-section .form-wrapper .gform_wrapper .gform_heading .gform_title {
  background: -moz-linear-gradient(top, #fad1a6 0%, #fae2c8 50%, #fae2c8 90%, #fad1a6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fad1a6 0%, #fae2c8 50%, #fae2c8 90%, #fad1a6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fad1a6 0%, #fae2c8 50%, #fae2c8 90%, #fad1a6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-clip: text;
  -webkit-background-clip: text;
  color: #9bbcd7;
  -webkit-filter: drop-shadow(0px 3px 1px rgba(112, 63, 55, 0.7));
  filter: drop-shadow(0px 3px 1px rgba(112, 63, 55, 0.7));
  font-size: 2em;
  margin: 1rem auto;
  position: relative;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield {
  margin: 0 0 0.5rem;
  padding: 0;
}
@media screen and (min-width: 991px) {
  .contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield.gfield_error {
  background: none;
  border: none;
  margin: 0.5rem 0;
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield.gfield_error .ginput_container {
  border-color: #790000;
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield.gfield_error .gfield_description.validation_message {
  padding: 0;
  text-align: center;
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important;
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .gfield_label {
  color: #fae2c8;
  margin: 0.5rem 0;
  padding: 0;
  text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7);
}
@media screen and (min-width: 991px) {
  .contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .gfield_label {
    display: inline-block;
    margin: auto;
    text-align: right;
    width: 10%;
  }
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container {
  border: 5px solid #bd8b70;
  box-shadow: 0 0 5px rgba(112, 63, 55, 0.7);
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 991px) {
  .contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container {
    display: inline-block;
    margin: auto auto 0.5rem 1rem;
    width: 80%;
  }
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container input[type=text],
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container select {
  -webkit-appearance: none;
  background-color: #fae2c8;
  border: 1px solid #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #703f37;
  font-family: "Ubuntu Condensed", sans-serif;
  width: 100%;
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select {
  position: relative;
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select::before {
  background-image: var(--textures-up-down);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  height: 35px;
  position: absolute;
  right: 5px;
  transform: rotate(90deg);
  width: 35px;
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_consent {
  border: none;
  box-shadow: none;
  display: flex;
  width: 100%;
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_consent input {
  display: inline-block;
  margin: auto 0 auto auto;
  vertical-align: top;
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_consent label {
  color: #fae2c8;
  display: inline-block;
  margin: 1rem auto 1rem 1rem;
  text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7);
  vertical-align: top;
}
.contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_recaptcha {
  border: none;
  box-shadow: none;
}
.contact-section .form-wrapper .gform_wrapper .gform_footer {
  margin: 0;
  padding: 0;
  text-align: right;
}
.contact-section .form-wrapper .gform_wrapper .gform_footer input.button,
.contact-section .form-wrapper .gform_wrapper .gform_footer input[type=submit],
.contact-section .form-wrapper .gform_wrapper .gform_footer input.button,
.contact-section .form-wrapper .gform_wrapper .gform_footer input[type=submit] {
  background: none;
  background-image: var(--button-blue);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: none;
  border-radius: 4px;
  color: #bdbdba;
  display: inline-block;
  font-size: 1.125em;
  margin: 0 auto 2rem;
  outline: none;
  padding: 0.75rem 1.75rem;
  position: relative;
  text-shadow: 0 1px 1px rgba(26, 60, 126, 0.7), 0 0 6px rgba(255, 255, 255, 0.25);
}
.contact-section .form-wrapper .gform_wrapper .gform_footer input.button:hover,
.contact-section .form-wrapper .gform_wrapper .gform_footer input[type=submit]:hover,
.contact-section .form-wrapper .gform_wrapper .gform_footer input.button:hover,
.contact-section .form-wrapper .gform_wrapper .gform_footer input[type=submit]:hover {
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-decoration: none;
}
.contact-section .gform_confirmation_message {
  color: #fae2c8;
  text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7);
}

/*-- Button Section --*/
.button-section {
  padding-bottom: 0;
  padding-top: 0;
}
.button-section::after {
  display: none;
}

/*-- Footer Section --*/
.footer-section {
  padding-top: 0;
}
.footer-section::after {
  display: none;
}
.footer-section .logos {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}
.footer-section .logos .logo {
  align-self: center;
  display: inline-block;
  margin: 0 auto 2rem;
  padding: 0 0.5rem;
  text-align: center;
  width: 25%;
}

.footer-section .logos .logo img {
  max-height: 3.5rem;
}
.footer-section .site-info {
  color: #536489;
  font-family: "Ubuntu Condensed", sans-serif;
  font-size: 0.75em;
  line-height: 1.5;
  margin: 1rem 0;
  text-align: center;
}
.footer-section .footer-nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}
.footer-section .footer-nav .menu-item {
  align-self: center;
  display: inline-block;
  padding: 0 1rem;
  text-align: center;
}
.footer-section .footer-nav .menu-item:first-of-type {
  border-right: 1px solid #3a507d;
}
.footer-section .footer-nav .menu-item a {
  color: #618cb4;
  font-family: "Ubuntu Condensed", sans-serif;
  font-size: 0.875em;
  text-decoration: underline;
}
.footer-section .footer-nav .menu-item a:hover {
  color: #b1f5f6;
}

/*--------------------------------------------------------------
# Templates
--------------------------------------------------------------*/
/*-- Templates -----------------------------------------------*/
/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
/*-- Pages ---------------------------------------------------*/

/*Cookie popup*/
div#ct-ultimate-gdpr-cookie-popup { padding: 10px !important;}
.ct-ultimate-gdpr-cookie-popup-modern .ct-container{ padding: 10px 0;}
.ct-ultimate-gdpr-cookie-popup-modern#ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-content { float: left; font-family: "Ubuntu Condensed", sans-serif !important; font-size: 15px !important; line-height: 18px !important; margin-bottom: 0; width: calc(100% - 90px);}
.ct-ultimate-gdpr-cookie-popup-modern#ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-content a { color: #95b9fd; text-decoration:underline !important;}
.ct-ultimate-gdpr-cookie-popup-modern#ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-content a:hover { color: #95b9fd; text-decoration:none !important;}
#ct-ultimate-gdpr-cookie-accept{ float: right !important;}

.gfield_html.display-block { color: #fae2c8; display:block !important; text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7); width: 100% !important;}
.gfield_html.display-block a { color: #fae2c8; margin: 0 !important; text-decoration:underline; text-shadow: 0 2px 2px rgba(112, 63, 55, 0.7);}
.gfield_html.display-block a:hover { color: #fae2c8; text-decoration:none;}

.center-captcha .ginput_recaptcha{ width: 100% !important;}
.center-captcha .ginput_recaptcha > div{ margin: auto;}

.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select, .contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select{ background-color: #fae2c8;}
.lity .lity-wrap .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container select, .contact-section .form-wrapper .gform_wrapper ul.gform_fields li.gfield .ginput_container select{ background-color: transparent; position: relative; z-index: 2;}

.video-rating { bottom: 100px; left: 29px; max-width: 200px; position: absolute;}
.trine4-dlc-promo {
  bottom: 100px;
  box-shadow: 0 0 14px rgba(255, 255, 255, 0.7);
  position: absolute;
  right: 29px;
  transform: scale(1);
  transition: all 0.2s ease-in-out;
}
.trine4-dlc-promo:hover {
  box-shadow: 0 0 20px rgba(255, 255, 255, 1);
  transform: scale(1.05);
}

@media screen and (max-width: 560px) {
  .video-rating {
    max-width: 140px;
  }
  .trine4-dlc-promo {
    max-width: 200px;
  }
}

@media screen and (max-width: 991px) {
  .ct-ultimate-gdpr-cookie-popup-modern#ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-content{ font-size: 15px !important; line-height: 24px !important; margin-bottom: 10px; width:100%;}
  #ct-ultimate-gdpr-cookie-accept{ float: none !important;}
}

.error-404.not-found{ padding:200px 10px 100px; text-align: center;}
.error404 header.header-section.section { display: none;}