/** Headband Overrides **/
body.ocean-fun-theme{
background-color: #49e5ea;
}

body.ocean-fun-theme.seafoam #headband-container,
body.ocean-fun-theme.seafoam #headband-container #parents-message-bar .parents-message .more-toggle{
background-color: #A5FBFF;
}

body.ocean-fun-theme.seafoam #headband-container .headband-nav {
background-color: #C2FCFF;
}

body.ocean-fun-theme #ocean-fun-stage{
}

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


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

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

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

@media only screen and (max-width: 601px) {
  .ocean-fun-theme .mini-wrapper {
    display: block;
  }
  
  .home.ocean-fun-theme .theme-section #theme-stage .mini-wrapper .theme-mini-static {
  	margin-left: 40px;
  }
}

.ocean-fun-theme .mini-wrapper .seaweed-mini{
	display: block;
	width: 100%;
	background: url('../images/ocean-fun-mini-background.svg') right bottom no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 80px;
}

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

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

.ocean-fun-theme .seaweed 
{
	width: 100%;
	height: 255px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: url('../images/seaweed.png') 50% 50% no-repeat;
}

.ocean-fun-theme .submarine
{
	background: url('../images/subBG.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;
}

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

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

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

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

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

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