/*
 Theme Name:   snood Child
 Theme URI:    http://example.com/snood-child/
 Description:  snood Child Theme
 Author:       Levi Grogin
 Author URI:   http://example.com
 Template:     snood
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  snood-child
*/
:root {
    --nav-bar-min-height:130px;  /*Make header smaller*/
}

.logo {
	width: 100px;
	height: 70px;
	background: url(images/logo.png) no-repeat center center; /*New Logo*/
	float: left;
}
header#masthead {
	background: url(images/snoodbkg.png) repeat center top; /*New Header BG instead of space*/
  min-height: var(--nav-bar-min-height);
  overflow: visible;
  z-index: 2;
}
/* .home header#masthead{
	max-height: 700px !important;
} */
/* body.woocommerce.archive header#masthead{
	max-height: var(--nav-bar-min-height) !important;
} */
.single-snood-game header#masthead{
}
.single-product header#masthead{
}
/* .page-lost-activation-code header#masthead{
	max-height: var(700px);
} */
@media (max-width: 767px) {
	header#masthead{ min-height: var(--nav-bar-min-height) !important;}
}
@media (max-width: 400px){
	header#masthead {
	  min-height: var(--nav-bar-min-height) !important;
	}
}
.header-moon{height: 0px; } /*Get rid of the planet*/
/* .single-game-download-links > a > div{ float: left; margin-right: 20px; } */
.single-game-download-links > a > div{ display: inline-block; margin-right: 20px; }

.single-game-download-links .spacer{ clear: both; display: block; height: 10px; }
/* .single-game-download-links > a > div{ box-shadow: 0px 0px 20px #6888e3 !important;margin-bottom: 50px; } */
.single-game-download-links > a > div{ box-shadow: 0px 0px 20px #6888e3 !important;} /*Glow behind buttons on Game Page*/

.game-item img {
	max-width: 375px;
}

.game-item{ min-height: 500px; padding: 50px 0;}
.game-item:nth-child(even){
	background: #000021 url(images/header-bg.jpg) repeat center top fixed; /*New BG Image in content on game page*/
	position: relative;
	overflow: hidden;
}
.game-item .content-column{ font-family: "Dosis"; font-size: 14px; }
.game-item:nth-child(even) .image-column { float: right !important; }
.game-item:nth-child(even) .image-column img{ float: right !important; }
.game-item:nth-child(even) .content-column { float: left !important; color: #fff !important; }
.game-item:nth-child(even) .content-column a{ color:#fff !important; }

.game-item:nth-child(odd) .content-column { color: #000 !important; }
.game-item:nth-child(odd) .content-column a{ color:#000 !important; }

section#download-game:after {
	content: "";
	opacity: 0.3;
	top: 0;
	left: 0;
	bottom: 0;
	height: 430px;
	width: 100%;
	right: 0;
	position: absolute;
	z-index: 0;
	background: url("images/iphone-ipad.png") no-repeat 10% 70px;
  }
/* https://stackoverflow.com/questions/31166367/bootstrap-carousel-multi-items-move-one-items-at-once  TODO: use this solution to make the carousel on the main page swipe one at a time. But it looks bad on mobile*/

/* changes for Ada compliance */
section#ready-to-start {
	background: #095E8B;
	color: #fff;
	text-align: center;
	padding:3% 0;
}
.download-info h3 {
	color: #575757;
	font-size: 24px;
	margin-bottom: 20px;
}
footer#colophon {
	background: #253237;
	min-height: 270px;
	color: #BBBEBF;
	font-size: 12px;
	line-height: 17px;
	font-family: "Open Sans";
	padding: 20px 0;
}
footer#colophon a{
   color: #99C4DB;
  }
  .site-info span{ color: #fff; font-family: 'Open Sans', sans-serif; font-size: 13px; }

//navbar ADA compliance
.navbar-default{
	background: none;
	border: none;
}

.navbar-nav {
	margin: 0 auto;
	display: table;
	float: none;
        list-style: none;
}
section{ font-family: 'Dosis', sans-serif; font-size: 26px; }
div#bs-example-navbar-collapse-1{ margin: 20px 0 0 0; border-top: 0px solid transparent; box-shadow: none !important;}
.navbar-default .navbar-nav>li>a{
	border-radius: 3px;
	height: 34px;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	padding: 7px 15px;
	background-color: transparent;
	margin: 0 20px 0 0;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover
{
	background-color: #c92a2a;
	color: #fff;
	height: auto;
}

.navbar-right{ padding: 7px 15px; margin: 0; }
.navbar-default .navbar-text, .navbar-default .navbar-link, .navbar-default .navbar-link:hover{ color: #fff; font-family: 'Open Sans', sans-serif; }

// End navbar

// bootstrap for ADA bootstrap color contrast https://codepen.io/scottloway/pen/Xjazjw
.btn-default {
  color: #fff;
  background-color: #495057;
  border-color: #3d4349;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .btn-default.dropdown-toggle {
  color: #fff;
  background-color: #363c41;
  border-color: #212528;
}
.btn-default:active, .btn-default.active, .open .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
  background-color: #495057;
  border-color: #3d4349;
}
.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #165a9e;
  border-color: #104376;
}
.btn-primary:active, .btn-primary.active, .open .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #1b6ec2;
  border-color: #1861ac;
}
.btn-warning {
  color: #fff;
  background-color: #b24d04;
  border-color: #994203;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #8a3c03;
  border-color: #5d2802;
}
.btn-warning:active, .btn-warning.active, .open .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
  background-color: #b24d04;
  border-color: #994203;
}
.btn-danger {
  color: #fff;
  background-color: #c92a2a;
  border-color: #b42626;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #a72323;
  border-color: #811b1b;
}
.btn-danger:active, .btn-danger.active, .open .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
  background-color: #c92a2a;
  border-color: #b42626;
}
.btn-success {
  color: #fff;
  background-color: #396f3a;
  border-color: #305e31;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #2b542c;
  border-color: #1c361c;
}
.btn-success:active, .btn-success.active, .open .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  background-color: #396f3a;
  border-color: #305e31;
}
.btn-info {
  color: #fff;
  background-color: #0b7285;
  border-color: #095e6d;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #08525f;
  border-color: #042d35;
}
.btn-info:active, .btn-info.active, .open .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
  background-color: #0b7285;
  border-color: #095e6d;
}
.btn-link {
  color: #1b6ec2;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #12487f;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
  color: #adb5bd;
  text-decoration: none;
}
// end bootstrap