// vendor imports

@import "vendor/normalize";

// fonts

@import "fonts";

// typical ux preferences

@import "defaults";

// vars

$headerHeight: 38px;
$offwhite: #f9f7f1;
$blue: #2999d4;

$twitterColor: #29aaf0;
$facebookColor: #3b4ea0;
$gplusColor: #f34424;
$pinterestColor: #ca1e28;
$tumblrColor: #3a5976;

// content-views

@import "global";
@import "preloader";
@import "ui";
@import "widgets";
@import "overlays";

// global styles

html, body {
	
	position: relative;
	background: #64728d;
	min-width: 1140px;
	min-height: 780px;
	overflow: hidden;

	@include roboto-condensed;
	
	font-size: 12px;
	letter-spacing: 0.5px;

	a {
		text-decoration: none;
		color: #efefec;
	}
}

body, html, .wrapper, .main, .slider, .pages {
	height: 100%;
}

.pc, .PC {

	h1, h2, h3, h4, h5, h6, 
	ol, ul, li, 
	a, div, span, p,
	td, table, tbody, hr, iframe,
	button, input, textarea,
	figure, figcaption, nav {
		-webkit-text-stroke: 0px !important;
	}
}

#goc { 
	display: none !important;
}

#tumblr_controls {
  display: none !important;
}

// wrapper

#disney-chrome {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 44px;
	background: url('../assets/img/disney-bar-comp.png') top center repeat-x transparent;
	z-index: 999;
}

#wrapper {

	position: relative;
	//top: $headerHeight;
	left: 0px;
	width: inherit;
	height: inherit;
	background: inherit;
	z-index: 1;

	min-width: inherit;
	min-height: inherit;

	* { 
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
	}

	#overlay-container {
		
		@extend .absolute;
		z-index: 400;

	} // #overlay-container

	#ui-container {

		@extend .absolute;
		z-index: 300;

	} // #ui-container

	#bg-container {
		@extend .absolute;
		width: inherit;
		height: inherit;
		z-index: -1;
	}
	
	#nav-container { @import "nav"; }

	#main-content-container {

		position: absolute;
		top:0px;
		left:0px;
		border: 0 none;
		padding: 0;
		margin: 0;
		opacity: 0;
		z-index: 200;

		@import "main"; // main includes all page imports

	} // #main-content-container

	// preloaders

	.large-preloader {
		position: absolute;
		width: 75px;
		height: 75px;
		top: 40%;
		left: 0px;
		right: 0px;
		margin: 0 auto;
		overflow: hidden;
	}

	.lightbox-preloader {
		position: absolute;
		width: 75px;
		height: 75px;
		top: 40%;
		left: 0px;
		right: 0px;
		margin: 0 auto;
		overflow: hidden;
	}
}

#rotate {

    position: fixed;
    top: 0;right: 0;bottom: 0;left: 0;
    margin: auto auto;
    z-index: 1001;
    width: 100%;height: 100%;
    display: none;
    background: #000;

    .holder {

        position: absolute;
        display: block;
        margin: auto auto;
        top:0;
        right:0;
        bottom:0;
        left:0;
        width: 200px;
        height: 120px;

        p {
            text-transform: capitalize;
            @include play-bold;
            font-size: 20px;
            color: white;
            text-align: center;
            opacity: 1;
        }
        img {
            display: block;
            margin: 0 auto;
            left: 0;
            right: 0;
            opacity:1;
        }
    }
 
}

// tracking

#tracking {
	display: none;
}