/*
	CSS - Skype.com
	BASE
*/


/* Initialise
----------------------------------------------------------------------------------------------------*/

html {
	background-color: #2B5464;
}

body {
	background-color: #E4EEF2;
	min-width: 320px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

	/* IE6, IE7, IE8 */
	.ie6 body,
	.ie7 body,
	.ie8 body {
		min-width: 1020px;
	}

section {
	clear: both;
    overflow: hidden;
    padding: 30px 15px 30px;
    position: relative;
}

section, div, header, nav {
	zoom: 1;
}


/* Show & Hide Areas
----------------------------------------------------------------------------------------------------*/

nav.hide,
header.hide,
section.hide,
footer.hide,
div.hide {
	display: none !important;
}

nav.show,
header.show,
section.show,
footer.show,
div.show {
	display: block !important;
}


/* Change base background colours for mobile nav
----------------------------------------------------------------------------------------------------*/

html.mobilenav,
html.mobilenav body {
	background-color: #00AFF0;
}


/* Touch Hover Overides
----------------------------------------------------------------------------------------------------*/

.touchHover {
    -webkit-user-select: none;
    -webkit-touch-callout: none;  
}


/* Windows 8 Snap-mode Support
----------------------------------------------------------------------------------------------------*/

@-ms-viewport{
	width: device-width;
}


/* GPU Optimised Animations
----------------------------------------------------------------------------------------------------*/

.gpuAccelerated,
.gpuAccelerated > img {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/* Make items sit flush
----------------------------------------------------------------------------------------------------*/

section.flushTop,
.row.flushTop {
	padding-top: 0 !important;
}

section.flushBottom,
.row.flushBottom {
	padding-bottom: 0 !important;
}

section.flushTopBottom,
.row.flushTopBottom {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

@media only screen and (max-width: 600px) {

	section.flushTopMobile,
	.row.flushTopMobile {
		padding-top: 0 !important;
	}

		.contentBlock.flushTopMobile {
			margin-top: 0 !important;
		}

	section.flushBottomMobile,
	.row.flushBottomMobile {
		padding-bottom: 0 !important;
	}

		.contentBlock.flushBottomMobile {
			margin-bottom: 0 !important;
		}

	section.flushTopBottomMobile,
	.row.flushTopBottomMobile {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

		.contentBlock.flushTopBottomMobile {
			margin-top: 0 !important;
			margin-bottom: 0 !important;
		}

}


/* Section Show Baseline
----------------------------------------------------------------------------------------------------*/

section.showBaseline {
	background-image: url("../assets/images/backgrounds/bg-tile-6px.png");
}

@media only screen and (max-width: 600px) {

	section.showBaseline {
		background-image: url("../assets/images/backgrounds/bg-tile-4px.png");
	}

}


/* Alignments
----------------------------------------------------------------------------------------------------*/

.alignRight {
	text-align: right;
}

.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}


/* Form Factors
----------------------------------------------------------------------------------------------------*/

.isTablet,
.isMobile {
	display: none; 
}

.noDesktop {
	display: none !important;
}


/* Tablet version
------------------ */

/*@media only screen and (min-width: 601px) and (max-width: 768px) {

	.isTablet {
		display: block;
	}

	.isDesktop,
	.isMobile {
		display: none; 
	}

	.noDesktop {
		display: block !important;
	}

	.noTablet {
		display: none !important;
	}

}*/


/* Mobile version
------------------ */

@media only screen and (max-width: 600px) {

	.isMobile {
		display: block;
	}

	.isDesktop,
	.isTablet {
		display: none; 
	}

	.noDesktop {
		display: block !important;
	}

	.noMobile {
		display: none !important;
	}

}
