/**
* Splashscreen classes
*
* @author splitfire - http://splitfire.fr
* @version 1.0
*
* Page de d'aide pour la présentation des sections principales de l'interface CourtApp
*
*/


//Container pour le background-color
//Une div frere est necessaire pour que l'affichage des elements puissent se faire notemment sur webkit
.splash_screen_bg
{
	position:fixed;
	top:0;
	left: 0;
	width: 100%;
	height:100%;
	@include background-color-rgba(black, .8);		
}

//Container principale
.splash_screen
{
	& > div
	{
		position:fixed;	
	}
	 
}

//Style et postionnement du welcome
.splash_screen--welcome
{
	position:absolute;
	color:#000; 
	left:50%; 
	top:50%; 
	transform : translate(-50%, -50%);
	color:#fff;
	font-size: 1.8em;
	text-align: center;
	text-transform: uppercase;	
}

//Style generale des texte d'aide
.splash_screen--txt
{
	display:inline-block;
	vertical-align: middle;
	font-family: $helpFont;
	& > span
	{
		//@include px2em($px : $fontSize + 1px, $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : font-size) ;
		@include rem((
			font-size : $fontSize + 1px
		));
		margin-right:5px;
		color:#fff; 
		text-shadow:0 1px 2px #2C2C2C;
	}
			
}

//Style général des img
.splash_screen--img
{
	display:inline-block;
	vertical-align: middle;	
}

// Aide account
.splash_screen--account
{
	right:165px;
	top:45px;
	z-index: 200; //A cause du dropdown
	& .splash_screen--img
	{
		display: block;
		text-align: right;
	}	
}

//Aide Client
.splash_screen--menu
{

	left: 155px;
    top: 185px;
	z-index: 1003; //funckin z-index header:1001
	& .splash_screen--img
	{
		& > span
		{
			display: block !important;
		}
	}
	& .splash_screen--txt
	{
		margin-left:15px;
	}	
	
	//Dans le cas où le menu est fermé
	.menu-close &
	{
		left:145px -  $menuClose;
	}  	
}

//Aide open/close menu
.splash_screen--collapse
{
	left:45px;
	top:512px;
	z-index: 1003; //funckin z-index header:1001
}

//Aide search
.splash_screen--search
{

	left:245px;
	top:75px;
	z-index: 1003; //funckin z-index header:1001
	
	//Dans le cas où le menu est fermé
	.menu-close & 
	{
		left:245px - ($menuOpen - $menuClose );
	}		
}

//Aide contact
.splash_screen--contact
{

	right: 480px;
    top: -28px;
	z-index: 1003; //funckin z-index header:1001
}

//Aide upload
.splash_screen--upload
{
    right: 330px;
    top: 32px;
	z-index: 200; //funckin z-index header:1001
    & .splash_screen--txt
    {
		margin-right: -27px;
		margin-top: 32px;
    }	
}