/*  Orbitron:font-family:'Orbitron',sans-serif;     */


/* Hidden Path blue:#14a1cf; */

/* Basics */
body {
    background: #000;
    color: #fff
}

html {
    font-size: 16px
    font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5,h6 {font-family:'Orbitron', sans-serif}

p {font-family: 'Open Sans', sans-serif;font-size:1.15rem;line-height:2rem}

.page-content {padding:2rem}

/* Global Styles */

.pop-out img {transition:all .15s ease}

.pop-out img:hover {
	  border-radius:3px;
      transform:scale(1.05);
      box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.img-shadow {
    margin-bottom: 1.25em;
    position: relative;
}

.img-shadow {
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  display: block;
}

.img-shadow::before {
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 75px black;
  -moz-box-shadow: inset 0 0 75px black;
  -webkit-box-shadow: inset 0 0 75px black;
}

.img-shadow {
	position: relative;
	max-width: 100%;
	float: left;
  }

.img-shadow:hover {
  border-radius:8px;
  transform:scale(1.03);
}

.img-shadow:hover, .img-shadow:hover img {
  border-radius:8px;
}

.img-shadow:hover::before {
  border-radius:8px;
}

.center-img {
	text-align: center;
}

/* -------- BX Slider Overrides ------------*/


.bx-wrapper {
    margin-bottom: 0
}

.bx-wrapper .bx-viewport {
    border: none;
    box-shadow: none;
    left: 0;
    background: #000;
}

.front-page-slider .bx-viewport .slider-row .columns img{
    margin: auto;
}

.bx-wrapper .bx-pager {
    display: none
}

.bxslider {
    width: 100%;
    list-style: none;
    margin-left: 0;
    margin-bottom: 0
}

.bxslider li {
    width: 100%;
    position: relative;
}

.game-page-header-section .slider-row img {
  position: relative;
  margin: auto;
}

/*
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 


}
*/

/*
@media only screen and (max-width: 64.063em) { 
  .homepage-welcome-contentParagraph {
      max-width:48vw;
      margin:0 auto;
  }
}
*/

.bxslider li img {
    width: 100%
}

.bx-wrapper .bx-controls-direction a {
    width: 21px;
    height: 40px
}

.bx-wrapper .bx-prev {
    background: url('../img/prev_icon.png');
    background-size: 21px 40px;
    background-repeat: no-repeat;
    visibility: hidden
}

.bx-wrapper .bx-next {
    background: url('../img/next_icon.png');
    background-size: 21px 40px;
    z-index: background-repeat: no-repeat;
    visibility: hidden
}

.bx-wrapper:hover .bx-prev {
    visibility: visible
}

.bx-wrapper:hover .bx-next {
    visibility: visible
}

.bx-wrapper .bx-next:hover {
    background-position: -42px 0
}

.bxslider-wrap {
    height: 0;
    padding-top: 41.66%;
    overflow: hidden;
    background: #000;
    border-bottom: 2px solid black
}

.home-slider-section {
    position: relative
}

.product-slider-section {
    position: relative;
    display: none
}

#spinner {
    position: absolute;
    top: 41.66%;
    width: 100%
}

#spinner p {
    text-align: center
}

.slider-row {
    position: absolute;
    display: inline-flex;
    top:0;
    left: 0;
    right: 0;
    height:	100%;
    justify-content: space-around;
    align-items: center;
}

.home-slider-section .frame-bottom {
    width: 100%;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    border-left: 3px solid black;
    border-right: 3px solid black;
}

.home-slider-section .slider-default {
    width: 100%;
    height: auto
}

.home-slider-section .slide-photo {
    position: relative;
    top: 10%
}

/* Media queries for the bx slider */
@media only screen and (max-width: 40em) { 
  .bx-viewport, .bx-viewport li {
    height: 400px !important;
  }
  .front-page-slider .bx-viewport .slider-row .columns img{

  }

}


/* HEADER */

section.header-section {
    position: fixed;
    width: 100%;
    z-index: 10;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000', GradientType=0);
    /* IE6-9 */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.hamburger {
    display: block;
    width: 30px;
    height: 40px;
    cursor: pointer;
    float: right
}

.hamburger hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 4px solid #fff;
    margin: 0.35em 0;
    padding: 0
}

.site-header .nav {
    padding-top: 1em;
    float: right;
    display:flex;
    justify-content:flex-end;
    
}

.site-header .nav a {
    color: #fff;
    font-family: 'Orbitron', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 1em;
    padding-top: 0.45em;
    display: inline-block;
}

.site-header .nav a:hover {
    color: #14a1cf
}

.site-header .nav span {
    margin-right: 1em
}

.site-logo {
    height:117px;
    -webkit-transition: transition: 0.10s linear;
    transition: 0.1s linear
}


/* The class toggled on navbar scroll*/

#site-header.navbar-condensed {
    background-color: rgba(0, 0, 0, 0.6) !important;
    height:70px
}

#site-header.navbar-condensed .site-logo {
    height:70px;
}

/* Search */


.search-field-wrapper {
    z-index:2;
}

.sidebarSearch .search-form {
    cursor:text;
}

input[type=search] {
    color:lightgray;
    border:0;
    box-shadow:none;
    padding:1rem;
    background:none;
    -webkit-appearance: textfield;
    font-family: inherit;
    font-style: italic;
}x

input[type=search]:focus {
    background-color:rgba(0,0,0,0);
    border:1px solid white;
}

/* Navbar Search */

.navbar-search-form {
    margin-right:1rem;
}

.navbar-search-form .search-form input[type=search] {
    border:1px solid white;
    border-radius:0;
    cursor:pointer;
    background:url("../img/search.svg") no-repeat center center;
    background-size: 20px;
} 
.navbar-search-form .search-form input[type=search] {
    border:none;
    width:35px;
    transition:0.35s ease-in;
    color:lightgray;
}

.navbar-search-form .search-form input[type=search]:focus {
    border:1px solid white;
    background:none;
    width:240px;
}

.navbar-search-form .search-form input[type=submit] {
	display:none;
}

/* Sidebar Search */

.sidebarSearch form {
    padding: 1em
}

.sidebarSearch input[type=search] {
		border-bottom: 1px solid #fff;
}
.sidebarSearch input[type=search]:focus {
		border:0;
		box-shadow: none;
    border-bottom: 1px solid #fff;
	  background:none;
}


.sidebarSearch input[type=submit] {
		border:0;
    content:"";
    cursor:pointer;
    background:url("../img/search.svg") no-repeat right;
    background-size:20px;
    position: absolute;
    width: 20px;
    right: 20px;
    top: 21px;
}

#search {
    cursor: pointer
}

.sidebarSearch::-webkit-input-placeholder {
    color: rgba(250, 250, 250, 0.75);
    text-transform: uppercase
}

/* Get rid of the rounded border*/
input[type="search"] {
  border-radius: none !important;
  -webkit-border-radius: 0 !important; 
}
/* Navigation */

.main-navigation-menu {
    list-style: none;
    margin: 0
}

.main-navigation-menu li a:hover, .main-navigation-menu .sub-item a:hover {
    background: #fff;
    color: #14a1cf
}

.main-navigation-menu li a {
    font-family: 'Orbitron', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    line-height: 3rem;
    padding-left: 2rem
}

.main-navigation-menu .sub-menu li a {
		padding-left:3rem;
		font-size:1rem;
}

ul.sub-menu {
    list-style: none;
		margin-left:0;
}

.main-navigation-menu li.current-menu-item {
    background: #fff
}

.main-navigation-menu li.current-menu-item a {
    color: #14a1cf
}

/*
.main-navigation-menu li.current-menu-parent {
    background: #fff
}

.main-navigation-menu li.current-menu-parent a {
    color: #14a1cf
}
*/


/* Side-Bar Navigation */

.off-canvas .search-feature {
    height: 100px
}

.off-canvas {
    background: #14a1cf
}

.position-right {
    width: 300px;
    max-width: 70%;
    transform: translateX(300px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-top:1px;
    margin-top:-1px;
}

.position-right.is-open~.off-canvas-content {
    transform: translateX(-150px)
}

.search-feature .search-form-wrap .search-form {
    padding: 1rem;
}

.search-feature .search-form-wrap .search-form input,
.search-feature .search-form-wrap .search-form i {
    color: #fff;
}

.search-feature .search-form-wrap .search-form label {
    display: inline;
}

.search-feature .search-form-wrap .search-form button {
    font-style: italic; 
    display: inline;
}

/* Custom Mailer Section */
.dg2-email .mailerlite-form-title {
	display: none;
}
.dg2-email .mailerlite-form-inputs {
	padding:1rem 18%;
	min-width: 300px;
}
.dg2-email input[type="email"] {
	border-radius: 0;
}
.dg2-email input[type="submit"] {
	  background: #14a1cf;
    color: #fff;
    font-family: 'Orbitron', sans-serif;
    font-size: 22px;
    padding: .5em 1.5em;
    border: none;
		border-radius:0;
    text-transform: uppercase;
	  transition:0.15s all ease;
}
.dg2-email input[type="submit"]:hover {
		background:#017ba3;
}
.dg2-email .mailerlite-form .mailerlite-form-field label {
	  text-align: left;
    color: #14A1CF;
    font-size: 16px;
    font-weight: bold;
}
.dg2-email .mailerlite-form-response {
	padding-top:2rem;
}
/* FOOTER */

section.footer-section {
    background: #232323;
    padding: 1.75rem;
}

section.footer-section h2 {
    color: #14a1cf;
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px
}

section.footer-section a {
    color: #929497
}

section.footer-section a:hover {
    color: #14a1cf
}

section.footer-section ul {
    list-style: none;
		margin-left:0;
}

section.footer-section ul li {
  font-size: 1rem;
}

.footer-navigation li a {
    color: #14a1cf;
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px
}

.footer-navigation li a:hover {
    color: #fff
}

.footer-navigation li ul li {}

.footer-navigation li ul li a {
    color: #929497;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-transform: none
}

.footer-navigation li ul li a:hover {
    color: #14a1cf
}

section.footer-copyright-section {
    background: #111;
    padding: 0.75em;
}

section.footer-copyright-section a {
    color: #929497
}

section.footer-copyright-section a:hover {
    color: #14a1cf
}

.copyright-footer {
		background-image:url(../img/logo_bw_100w-compressor.png);
		background-repeat: no-repeat;
		background-position: bottom center;
    color: #929497;
}

section.footer-copyright-section ul {
    list-style: none;
		font-size:0.75rem;
}

section.footer-copyright-section ul li {
    float: left
}

.copyright-footer-navigation {
    margin: 0
}

.copyright-footer-navigation li {
    margin-right: 1.25em
}



.copyright-footer p {
    text-align: right;
		font-size:.75rem;
}

.menu-footer-pages-container, .games-list {
		margin:0 0 1rem 0;
	}

@media screen and (max-width: 40em) { 
  .copyright-footer p {
      text-align: left;
  }
} 

.footer-content h2 a {
    color: #14a1cf;
}

.newsletter-callout {
}

.newsletter-callout h3 {
    display: none
}

.newsletter-callout input {
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #666;
    box-shadow: none;
	  margin-bottom:0;
}

.newsletter-callout input:focus {
    box-shadow: none;
    border-radius: 0;
    background: #666
}

.newsletter-callout label {
    color: #929497
}

.newsletter-callout input[type="submit"] {
    background: #14a1cf;
    color: #fff;
    font-family: 'Orbitron', sans-serif;
    font-size: 22px;
		padding:.5em 1.5em;
    border: none;
    text-transform: uppercase;
    float: right
}

.newsletter-callout input[type="submit"]:hover {
    background: #017ba3
}


/* Socials */

.social-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 420px;
    margin: 1rem
}

.social-icons a {
    margin: 0.25rem
}

.social-icons a span {
    display: block
}

.nav-socials {
    width: 90%;
    position: fixed;
    bottom: 0%
}

.nav-socials a {
    color:rgba(250,250,250,1);
}

.nav-socials a:hover {
    color:rgba(250,250,250,0.75)
}

.game-social-icons {
    display: inline;
    float: right;
    width: auto;
}

@media screen and (max-width: 64em) {
  .game-social-icons {
    float: left;
  }
}


.game-social-icons i:hover{
    color: white;
}
/* HOME PAGE */

.homepage-welcome-section {
    width: 102%;
    margin-left: -1%;
    background-size: contain
}

.homepage-welcome-section .row {
    min-height: 50vh;
    align-items: center
}

.homepage-welcome-section h1 {
    color: #fff;
    font-family: 'Orbitron', sans-serif;
    font-size: 3.75rem;
    letter-spacing:0.45rem;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center
}

@media screen and (max-width: 40em) { 
  .homepage-welcome-section h1 {
    font-size: 1.75rem;
    letter-spacing:0.3rem;
  }
} 


.homepage-welcome-section .frame-top {
    position: relative;
    width: 100%;
    display: block;
    border: 0;
    top: -5px;
}

.homepage-welcome-section .frame-bottom {
    position: relative;
    width: 100%;
    display: block;
    border: 0;
    bottom: -2px;
}

.homepage-welcome-section .welcome-callout {
    text-align: center;
    padding-top: 2em
}

.homepage-welcome-section .callout-btn {
    color: #fff;
    background: #14a1cf;
    text-align: center;
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    padding: 0.5em 1.5em
}

.homepage-welcome-section .callout-btn:hover {
    background: #fff;
    color: #14a1cf
}

@media only screen and (min-width: 64.063em) { 
  .homepage-welcome-contentParagraph {
      max-width:48vw;
      margin:0 auto;
  }
}


.homepage-feed-section {
    width: 100%;
    background: #14a1cf
}

.homepage-feed-section .row {
    padding: 1rem 0 1rem 0
}

.homepage-feed-section h2 {
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
    font-size: 32px;
    color: #fff;
    font-weight: 500
}

.featured-blog-rating-section {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.homepage-feed-section h2 span a,
.featured-blog-rating-section h2 span a {
    font-size: 0.75rem;
    color: #9ae6ff;
    font-family: 'Open-Sans', sans-serif;
    vertical-align: middle;
}

.homepage-feed-section h2 span a:hover {
    text-decoration: underline;
}

.homepage-feed-section .frame-top {
    width: 100%
}

.homepage-feed-section .frame-bottom {
    width: 100%
}

.homepage-feed-section .featured-post img {
    width: 50%;
    float: left;
    margin: 1rem;
    border-radius:3px;
}

@media screen and (max-width: 64em) { 
  .homepage-feed-section .featured-post img {
      width: 90%;
  }
}



.homepage-feed-section .featured-post h4 {
    color: #9ae6ff;
    display: inline;
    font-weight: 600
}

.homepage-feed-section .featured-post .read-more, 
.featured-blog-rating-section .read-more {
    color: #9ae6ff;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;
    display: inline
}

.homepage-feed-section .featured-post .read-more:hover, 
.featured-blog-rating-section .read-more:hover {
    text-decoration: underline
}

.homepage-reviews {
    width: 102%;
    margin-left: -1%;
    position: relative;
    overflow: hidden;
    padding-top: 10%
}

.homepage-reviews .background {
    width: 125%;
    position: absolute;
    /*top:-40%;*/
    top:-100px;
}

.homepage-reviews .frame-top {
    width: 100%;
    display: block;
    top: -2px;
    left: 0;
    right: 0;
    position: absolute
}

.homepage-reviews h2 {
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
    font-size: 32px;
    color: #fff;
    font-weight: 500;
    text-align: center
}

.homepage-reviews .welcome-callout {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em
}

.homepage-reviews .callout-btn {
    color: #fff;
    background: #14a1cf;
    text-align: center;
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    padding: 0.5em 1.5em;
    line-height: 48px;
}

.homepage-reviews .callout-btn:hover {
    background: #fff;
    color: #14a1cf
}

.homepage-reviews .review-quote {
    float: right
}

.homepage-reviews a {
    color: #fff
}

.homepage-reviews .review-content {
    bottom: 0;
    left: 0;
    right: 0;
		min-height: 400px;
    z-index: 100
}

/* Custom Feed Coloring for Facebook & Blog */

.socialFeed-frontBlog {
    color:black;
    margin-bottom:1rem;
}

.socialFeed-frontBlog p {
	color:black;
}

.socialFeed-frontBlog a:hover {
    text-decoration: underline;
    color:#9ae6ff
}

.timeline-Widget {
    background-color: none !important;
}

/* GAMES PAGES */


/*Headers first */

.game-page-header-section {
    width: 102%;
    left: -1%;
    position: relative;
    padding-top: 37.5%;
    overflow: hidden
}

.game-page-header-section .foreground {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: -50%;
    left: 0
}

.game-page-header-section .background {
    width: 100%;
    position: absolute;
    top: 0
}

.game-page-header-section .game-logo {
    position: absolute;
    bottom: 0;
    left: auto;
}

.game-page-header-section .frame-bottom {
    position: absolute;
    bottom: -2px;
    border-left: 3px solid black;
    border-right: 3px solid black;
}


/* Game Filtering */

.mix {
    position: relative
}

.filter-controls {
    float: right
}

.filter-controls button {
    color: #14a1cf;
    font-size: 18px;
    padding: 0.5em 1em;
    border: none
}

.filter-controls button:hover {
    color: #fff
}

.filter-controls button:focus {
    border: none!important;
    border-radius: 0!important;
    border-color: #000;
    outline: none
}

.filter-controls button.mixitup-control-active {
    color: #fff
}


/* game grid and hover over effects */

.featured-games-grid {
    padding: 1rem 0 1rem 0;
}

.game-grid img {
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25rem;
}


/*
.game-grid img:hover {
    border-radius:8px;
    transform:scale(1.1);
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    filter:brightness(110%) contrast(110%) saturate(110%);
}

.game-grid .img-shadow:hover {
    border-radius:8px;
    transform:scale(1.1);
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    filter:brightness(110%) contrast(110%) saturate(110%);
}
*/



/* Overlay Feature NO LONGER NEEDED???*/
/*
.game-grid .grid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    padding: 1em 2em
}

.game-grid .grid-overlay h4 {
    color: #fff;
    text-align: center;
    font-family: 'Orbitron', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500
}

.game-grid .grid-overlay p {
    color: #fff
}

.game-grid .grid-overlay span {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 1em 2em;
    border: 2px solid #fff;
    display: block
}

.game-grid .grid-overlay span:hover {
    background: rgba(255, 255, 255, 0.25)
}

.game-grid:hover .grid-overlay {
    display: block;
    background: rgba(20, 161, 207, 0.5);
    overflow: hidden
}
*/


/* Game Detail */

.content-expand {
    overflow: hidden;
    max-height: 200px;
}

.content-expanded {
    overflow: visible;
    max-height: auto; 
}

.game-content {
    color: #c7c7c6;
    padding-bottom: 4em
}

.game-content-toggle:hover {
    color: white;
}

.game-content h1 {
    font-family: 'Orbitron', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 500
}

.game-content hr {
    height: 0;
    border: 1px solid #888
}

.game-content h4 {
    font-size: 20px
}

.content-row {
    padding-top: 1.25em;
    padding-bottom: 1.25em
}

.game-socials {
    float: right
}

.game-socials a {
    float: right
}

.game-socials a span {
    display: block
}


.buy-now {
    padding-top: 2em;
    padding-bottom: 2em
}

.buy-now img {
    padding: 0.75em;
}

.buy-now-btn {
    background: #ed1c24;
    color: #fff!important;
    text-transform: uppercase;
    display: inline;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Orbitron', sans-serif;
    padding: 0.75em 2em
}

@media screen and (max-width: 40em) { 
  .buy-now-btn {
    display: block;
    max-width: 90%;
    margin: auto;
    text-align: center;
  }
}

.buy-now-btn:hover {
    background: #c2151c
}

.buy-now img {
    margin-right: 10px
}

.game-features h2 {
    font-family: 'Orbitron', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0.5em;
    margin-bottom: 1.5em
}

.game-features h4 {
    font-family: 'Orbitron', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500
}


.game-features .column {
  float: left;
}


.game-feature {
    font-family: Arial, sans-serif;
    margin-bottom: 2.5em;
    min-height: 310px;
}

.system-requirements h2 {
    font-family: 'Orbitron', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0.5em;
    margin-bottom: 1.5em
}

.system-requirements h4 {
    font-family: 'Orbitron', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500
}

.game-info h2, .other-logos h2 {
    font-family: 'Orbitron', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0.5em;
}

.other-logos img {
  padding-top: 1rem;
  display: block;
  margin: auto;
}

.other-logos-text:hover {
  color: white;
}

.other-logos-text p{
  margin-top: 1rem;
}

/* Gallery */

.video-frame {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden
}

.video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-wrap {
    background: #000;
    /*padding-top:12.85%;padding-bottom:12.85%;*/
    position: relative
}

.video-wrap .large-play-overlay {
    position: absolute;
    top: 40%;
    left: 40%
}

.fancybox-skin {
    background: none;
		padding: 0 !important;
}

.fancybox-inner {
    background:black;
}

.gallery-grid {
    margin-bottom: 1.25em
}

.view-gallery {
    font-family: 'Orbitron', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    float: right;
    margin-top: 1.5em;
    display: block
}

.view-gallery:hover, .view-gallery:active {
    color: white !important
}

.featured-blog-rating-section {
    background-size: cover;
    width: 100%;
    position: relative
}

.featured-blog-rating-section .frame-bottom {
    width: 100%;
    position: relative;
    bottom: -2px;
    left: 0
}

.featured-blog-rating-section .frame-top {
    width: 100%;
    position: relative;
    top: -2px;
    left: 0
}

.featured-blog-rating-section h2 {
    font-family: 'Orbitron', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.featured-blog-rating-section h4 {
    font-family: Arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff
}


/* FAQ */

ul.accordion {
    margin-bottom: 0
}

ul.accordion li {
    background: #3a3a3a;
    border: none!important;
    -webkit-box-shadow: inset 0px 10px 20px -5px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: inset 0px 10px 20px -5px rgba(0, 0, 0, 0.48);
    box-shadow: inset 0px 10px 20px -5px rgba(0, 0, 0, 0.48)
}

ul.accordion li a.accordion-title {
    border: none!important;
    font-family: 'Open-Sans', sans-serif;
    font-size: 1.25rem;
    color: #fff;
    padding-right: 2em;
    padding-left: 2em
}

ul.accordion li a.accordion-title:focus {
    background: #3a3a3a;
    border: none!important
}

ul.accordion li a.accordion-title:hover {
	color:black;
}

ul.accordion li a.accordion-title:before {
    font-family: FontAwesome;
    content: '\f078'
}

ul.accordion li.is-active>.accordion-title:before {
    font-family: FontAwesome;
    content: '\f077'
}

ul.accordion .accordion-content {
    background: #000;
    color: #fff;
    border: none!important;
    padding: 1.5em 6em;
}

@media screen and (max-width: 40em) { 
  ul.accordion .accordion-content {
      background: #000;
      color: #fff;
      border: none!important;
      padding: 1.5em;
  }

}

.game-faq-section {
    padding-bottom: 6em;
    padding-top: 2em;
    background: black;
}

.game-faq-section .filter-controls button {
    font-size: 18px;
    padding: 0.5em 1em;
    border: none;
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
    text-align: left;
}

.faq-image {
    float: left;
    margin-right: 1.5em
}


/* Review Detail */

.review-content-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    margin:3rem 0 3rem 0
}

.review-content h1 {font-size:1.9375rem}


/* Blog */

.blogroll-item {
    padding-bottom: 2em;
    padding-right: 2em
}

.blogroll-item img {
    width: 100%;
    margin-bottom: 1.5em
}

.blogroll-item h2 {
    font-family: 'Orbitron', sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 500
}

.widget-title, .widgettitle {
    font-family: 'Orbitron', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500
}

.widget ul, li.widget {
    list-style: none;
    margin: 0
}

.prev-next-posts a, 
.prev-next-posts i {
    color: #14a1cf;
}

.prev-next-posts .prev-posts-link {
    float: right;
    padding: 1.5rem 1rem;
}

.prev-next-posts .next-posts-link {
    float: left;
    padding: 1.5rem 0.5rem;
}

/* ----------------- Team -------------------- */
/* -------------------------------------------- */

.popup-wrap {
    display: none
}

.pop-interior {
    width: 100%;
    color:white
}

.team-pop-interior {
  padding: 1rem 0;
}

.pop-interior<img {border-radius:3px}

.team-grid-item {
    color:#14A1CF;
}

.team-grid-item p {line-height:1.25rem;margin-bottom:0;}

.team-grid-item img {border-radius:2px}

.team-grid-item h5 {
    font-family: 'Open-Sans',sans-serif;
    font-size: 1.125rem;
}

.team-grid-item a:hover {
    text-decoration: underline
}

.team-grid-item .bio {
    color: white;
    margin-top:1rem;
}

.team-grid-item .bio p {
    margin-bottom:1rem;
}

.team-social-icons {width:100%;margin:1rem 0 1rem 0}

.team-member p {
    text-align: center;
}
.team-member {
    min-height: 350px;
}


.team-member img, .team-member p {
  margin: auto;
  display: block;
}

@media screen and (max-width: 64.063em) { 
  .team-member {
    min-height: 425px;
  }
}

/* Contact */

.contact-form-wrap {
    max-width: 60%
}

.contact-form-wrap label {
    color: #fff;
    font-family: 'Orbitron', sans-serif;
    font-size: 16px;
    text-transform: uppercase
}

.contact-form-wrap input,
.contact-form-wrap textarea {
    border-radius: 0;
    background: #333;
    border: none;
    color: #ccc;
    padding-left: 0.75em
}

.contact-form-wrap input:focus,
.contact-form-wrap textarea:focus {
    background: #14a1cf;
    color: #fff;
    border: none;
    box-shadow: none
}

.contact-form-wrap input[type="submit"] {
    background: #14a1cf;
    color: #fff;
    font-family: 'Orbitron', sans-serif;
    font-size: 22px;
    border: none;
    text-transform: uppercase
}

.contact-form-wrap input[type="submit"]:hover {
    background: #017ba3
}


/* Interior PAGES */


/*Headers first */

.page-header-section {
    width: 100%;
    position: relative;
    padding-top: 22.5%;
    overflow: hidden
}

.page-header-section .background {
    width: 100%;
    position: absolute;
    top: -40%
}

.page-header-section h1 {
    text-align: center;
    font-family: 'Orbitron', sans-serif;
    font-size: 48px;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%
}

.page-header-section .frame-bottom {
    width: 100%;
    position: absolute;
    bottom: -2px;
    left: 0
}

.page-header-section .slider-row {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%
}

.default-game-header {
    width: 100%;
    position: absolute;
    top: 0
}


/* Breadcrumb system */

.breadcrumb-system {
    padding-bottom: 2em
}

.associated-game-breadcrumbs {
    padding-bottom: 0;
}

.breadcrumb-system a {
    color: #14a1cf;
    font-family: Arial, sans-serif
}

.breadcrumb-system a:hover {
    text-decoration: underline
}

ul.sitemap {
    margin: 0;
    list-style: none
}

ul.sitemap ul {
    list-style: none;
    margin: 0
}

ul.sitemap li a {
    font-weight: 500;
    font-size: 16px
}

ul.sitemap li a:hover {
    color: #fff
}

ul.sitemap li ul li {}

ul.sitemap li ul li a {
    color: #929497;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-transform: none
}

.sitemap-content h2 {
    font-family: 'Orbitron', sans-serif;
    color: #14a1cf;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold
}

.site-map-row {
    display:flex;
    justify-content: space-around;
    align-items: center;
    margin:3rem auto 3rem auto
}

.site-map-row>div{
    padding:1rem;
}

/* Font Icon Size */

.size-1 {
    font-size: 1rem !important
}

.size-2 {
    font-size: 2rem !important
}

.size-3 {
    font-size: 3rem !important
}

.size-4 {
    font-size: 4rem !important
}

.size-5 {
    font-size: 5rem !important
}

/* Parallax images */

.parallax {
  background-attachment: fixed !important;
  background-size: cover !important;
}

.parallax-image {}

/* Common Transitions */

.imageHoverIncrease img:hover {
    border-radius:8px;
    transform:scale(1.1);
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    filter:brightness(125%) contrast(125%) saturate(125%)
}

/* RTE Settings */
.rte-content {
    font-size:1.25rem;
    color:white;
    font-family:'Open-Sans', sans-serif;
}
.rte-content label {color:white}
.rte-content table tbody {background:none}
.rte-content table tbody tr:nth-child(even) {background:rgba(250,250,250,0.15)}
.rte-content table th {background:rgba(250,250,250,0.25)}
.rte-content blockquote {
    line-height:2.5rem;
    border-left:0;
    padding:1rem;
    color:whitesmoke;
    font-style:italic;
    text-shadow:0 2px 20px white;
}
.rte-content blockquote p {font-size:1.25rem}
.rte-content pre  {
    background:rgba(250,250,250,0.10);
    color:#2AFF00;
    padding:1rem;
}
.rte-content pre p {font-family:"Lucida Console", Monaco, monospace}


.google-map-overlay {
  background:transparent;
  position:relative;
  width: 100%;
  height: 350px;
  top:350px; /* your iframe height */
  margin-top:-350px; /* your iframe height */
}

.fancybox-next span {
  background: url('../img/next_icon.png');
  width: 21px;
  height: 40px;
  background-size: 21px 40px;
  z-index: background-repeat: no-repeat;
}

.fancybox-prev span {
  background: url('../img/prev_icon.png');
  width: 21px;
  height: 40px;
  background-size: 21px 40px;
  z-index: background-repeat: no-repeat;
}

/* General Media At small screen size */
@media screen and (max-width: 40em) { 
    .entry-title h2 {
        font-size: .5em;
    }
	.copyright-footer p {
		font-size:1rem;
	}
	.page-content {
		padding:.25rem;
	}
    .show-for-medium-up {
      display: none !important;
    }
    .nav-socials i {
     text-shadow: 0px 1px 5px #929497;
    }
	.position-right {
		overflow-y:	scroll;
	}

	.featured-games-grid {
		padding: 2rem 0
	}

	.homepage-welcome-section .row {
		padding: 2rem 0;
	}
  
	.homepage-reviews .callout-btn, .homepage-welcome-section .callout-btn {
		line-height: 2.5rem;
		padding: .75rem 1rem;
		font-size: 1.25rem;
	}
	.social-icons {
		width: 100%;
		margin:1rem 0;
	}
	.newsletter-callout input[type="submit"] {
		float:none;
	}
	section.footer-section ul li {
		line-height: 2.25rem;
	}
	section.footer-copyright-section ul li {
		margin: 1rem 0.5rem;
	}

	.feed-content {
		margin: 2rem 0;
	}
	.blogroll-item {
		padding: 0.5rem 0;
	}
	.copyright-footer {
		background:none;
	}
	section.footer-section {
		padding: .5rem;
	}
	.footer-content {
		margin:1rem 0;
	}
	.section.footer-copyright-section ul {
		font-size:1rem;
	}
}

@media screen and (max-width: 64.063em) { 
  .footer-section .columns {
  }
	.site-logo {
		height:70px;
	}
} 

  .home-slider-section, .page-header-section, .bxslider li, .game-page-header-section {
    min-height: 300px;
/*
    width: 102%;
    margin-left: -1%;
    padding-left: 1%;
    padding-right: 1%;
*/
  }

  home-slider-section .bx-controls, .page-header-section .bx-controls {
/*    padding: 0 1rem;*/
  }
/*
.slider-video::after {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.3;
    bottom: 0;
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/vegas/2.3.1/overlays/03.png);
    z-index: 1;
}
*/

position-right {
  height: 100%;.google-map-overlay
  background: #14a1cf;
}



@media only screen and (min-width: 80em) { 
  .fancybox-desktop.team-fancybox-outer {
    left: 15% !important;
    width: 70% !important;
  }

  .fancybox-desktop.team-fancybox-outer .fancybox-inner {
    width: 100% !important;
  }

}


.review-content-image figure {
  float: left;
}

.faq-header {
  padding-bottom: 1rem;
}

.faq-header h3 {
  text-align: center;
}

.main-navigation-menu li.current-post-ancestor > a, 
.main-navigation-menu  .active-menu-item > a  {
  background: #fff;
  color: #14a1cf;
}

.youtube-thumbnail {
  width: 72.5%;
  margin: 0 13.75%
}

.game-features .column:last-child:not(:first-child), 
.game-features .columns:last-child:not(:first-child) {
    float: left;
}

/* --------------- Store ----------------*/

.store-item {
  padding-bottom: 1rem;
}

.store-item .product-title {
  padding-top: 0.25rem;
  margin-bottom: 0;
}

.add-to-cart-btn {
    color: #fff;
    background: #14a1cf;
    text-align: center;
    text-transform: uppercase;
    padding: 0.5em;
}

.add-to-cart-btn:hover {
    color: #fff;
    background: #118ab2;
}

.store-item:last-child:not(:first-child) {
    float: left;
}

#addtocartpopup {
    color: white;
    padding: 2rem;
}

#addtocartpopup .checkout-button {
  float: right;
}

.cart-table tbody, .cart-table tfoot, .cart-table thead, .cart-table tbody tr:nth-child(even) {
  color: white;
  background-color: black;
  border: 2px solid #14a1cf;
}

input.checkout-btn {
  background: #14a1cf;
  border: none;
  border-radius: 0;
  color: white;
  font-size: 16px;
  font-weight: bold;
}

.cart-continue-shopping-btn {
  font-weight: bold;
}

#cart_counter a{
  background: #14a1cf;
  border: none;
  border-radius: 0;
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  padding: 0.5rem;
}

#cart_counter a:hover {
  color: #fff;
  background: #118ab2;
  text-decoration: none;
}

.confirmation-response {
  color: white;
  border: 2px solid #14a1cf;
  padding: 1rem;
  margin: 1rem;
  font-weight: 700;
  border-radius: 3px;
  text-align: center;
}


/* Hide image alt text on facebook feed */
#cff .cff-author img {
  text-indent: -9999px;
}


div.wpcf7 {
  margin: auto;
  padding: 0.5rem;
  max-width: 600px;
}

div.wpcf7 input {
  margin-bottom: 0;
}