/** Headband Overrides **/
body.space-fun-theme{
background-color: #128ccb;
}
#space-fun-stagebg {
    position:absolute;
}
#space-fun-stagebg2 {
    position:absolute;
}
#space-fun-stagebg3 {
    position:absolute;
}
#space-fun-stagebg4 {
    position:absolute;
}
/* Headband override */
body.space-fun-theme div#headband-container,
body.space-fun-theme div#headband-container #parents-message-bar .parents-message .more-toggle{
  background-color: #3AAFEC;
}

body.space-fun-theme div#headband-container .headband-nav{
  background-color: #62C5F9;
}

body.space-fun-theme div#headband-container a,
body.space-fun-theme div#headband-container .headband-nav .nav-item a,
body.space-fun-theme div#headband-container #parents-message-bar .parents-message,
body.space-fun-theme div#headband-container #headband-user-block {
color: #ffffff;
}

@media only screen and (max-width: 600px) {
  body.space-fun-theme div#headband-container .headband-nav .nav-item a {
    color: #008791;
  }
}

body.space-fun-theme div#headband-container #parents-message-bar .for-parents-badge,
body.space-fun-theme div#headband-container #parents-message-bar #squished-headband-toggle{
background-color: rgb(18, 140, 203);
border-color: rgb(13, 123, 181);
}

body.space-fun-theme div#headband-container #parents-message-bar .parents-bar-bookmarks ul li .parents-bar-bookmark{
background-color: rgb(98, 197, 249);
}

body.space-fun-theme div#headband-container #parents-message-bar .for-parents-badge:after{
border-left-color: #ffffff;
}

body.space-fun-theme.seafoam #headband-container .headband-nav .nav-item.settings button[data-action=settings-trigger] {
  background-position: 0 50% !important;
}

.home #the-wheel-canvas {
	z-index: 100 !important;
}

/* Viewport height locking */
@media only screen and (min-width: 776px) and (max-height: 750px){
	.space-fun-theme .scroll-panel.theme-section {
	 	min-height: 535px;
	}
}

@media only screen and (min-width: 602px) and (max-width: 775px) and (max-height: 750px){
	.space-fun-theme .scroll-panel.theme-section {
	 	min-height: 650px;
	}
}

/* Mini Static Version (mobile) */
.space-fun-theme .mini-wrapper{
	background: url('../images/Stars-mini-bg.png') 0 0 repeat;
	display: none;
}

@media only screen and (max-width: 601px) {
  .space-fun-theme .mini-wrapper {
    display: block;
  }

  .home.space-fun-theme .theme-section #theme-stage .mini-wrapper .theme-mini-static {
  	margin-left: 40px;
  }
}

body.space-fun-theme #headband-container{
  background-color: #3AAFEC !important;
}

.expanded#headband-container #parents-message-bar .parents-message .more-toggle {
    background:#128ccb !important;
}

.space-fun-theme .mini-wrapper .seaweed-mini{
	display: block;
	width: 100%;
	background: url('../images/Stars-mini-bg.png') 0 0 repeat;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 80px;
  z-index:-10;
}

@media only screen and (max-width: 480px){
	.home.space-fun-theme .theme-section #theme-stage .mini-wrapper .theme-mini-static {
		margin-left: -38px;
	}
}

/* Full Static Fallback */
.space-fun-theme .static-surround
{
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: url('../images/space-theme-static-bg.png') 0 0 repeat;
	position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.space-fun-theme .seaweed
{
	width: 100%;
	height: 255px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.space-fun-theme .submarine
{
	background: url('../images/shipBG.png') 50% 50% no-repeat;
	height: 387px;
	width: 636px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	margin-left: -318px;
	top: 40%;
	margin-top: -193.5px;
}

.space-fun-theme .submarine-front
{
	position: relative;
	height: 387px;
	margin: 0 auto;
}

.space-fun-theme .image-holder
{
	width: 100%;
	height: 387px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -193.5px;
}

.space-fun-theme .submarine-front-inner
{
	position: absolute;
	left: 0;
	right: 0;
	height: 387px;
	z-index: 100;
	background: url('../images/rocketOverlay.png') 50% 50% no-repeat;
}

.space-fun-theme .character
{
	position: absolute;
	width: 130px;
	height: 130px;
	float: left;
	top: 120px;
	left: 0;
	z-index: 50;
}

.space-fun-theme .linkers
{
	position: absolute;
	height: 387px;
	width: 100%;
	left: 50%;
	top: 0;
	margin: 0 0 0 -193.5px;
}

.space-fun-theme .character-linker
{
	position: absolute;
	width: 130px;
	height: 130px;
	cursor: pointer;
	z-index: 100;
	top: 120px;
}