/***********************************************************************************************************************************
 ***********************************************************************************************************************************
########     ###     ######  ##    ##  ######   ########   #######  ##     ## ##    ## ########  
##     ##   ## ##   ##    ## ##   ##  ##    ##  ##     ## ##     ## ##     ## ###   ## ##     ## 
##     ##  ##   ##  ##       ##  ##   ##        ##     ## ##     ## ##     ## ####  ## ##     ## 
########  ##     ## ##       #####    ##   #### ########  ##     ## ##     ## ## ## ## ##     ## 
##     ## ######### ##       ##  ##   ##    ##  ##   ##   ##     ## ##     ## ##  #### ##     ## 
##     ## ##     ## ##    ## ##   ##  ##    ##  ##    ##  ##     ## ##     ## ##   ### ##     ## 
########  ##     ##  ######  ##    ##  ######   ##     ##  #######   #######  ##    ## ########  
************************************************************************************************************************************
**************************** see http://www.dev.equideow.com/doc/ for more details *************************************************
************************************************************************************************************************************
************************************************************************************************************************************/

/* BACKGROUNDVIDEO *****************************************************************************************************************
 ***********************************************************************************************************************************/

.backgroundvideo{
	position: absolute;
	height: 1000px;
	top: 0;
	overflow: hidden;
	left: 0;
	width: 100%;
	z-index: -1;
}
.backgroundvideo__asset{
	height: 1000px;
	max-width: none;
	object-fit: none;
	top: 0;
	left:  50%;
	position: absolute;
	transform: translateX(-50%);
	width: 2000px;
}
.backgroundvideo__asset--console{
	height: 840px;
}

/* BLURRED *************************************************************************************************************************
 ***********************************************************************************************************************************/

.body--blurred div.body-background{
	background-image: url(/media/equideo/image/background/body/default/body-background-default-blurred.png);
}

/* SKIES ***************************************************************************************************************************
 ***********************************************************************************************************************************/

.body--skies{
	background-color: #382950;
}
.body--skies div.body-background{
	background-image: url(/media/equideo/image/background/body/dossiers/divins-hp/bg-hubprincipal.jpg);
}

/* TROPHY ***************************************************************************************************************************
 ***********************************************************************************************************************************/

.body--trophy{
	background-color: #716f58;
}
.body--trophy div.body-background{
	background-image: url(/media/equideo/image/features/trophies/bg-hub-trophy.jpg);
}

/* ALTERNATE ********************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--alternate:nth-child(even){
	background: #fdfff0;
}
.bg--alternate:nth-child(odd){
	background: #f2efcf;
}

/* PRIMARY ********************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--primary:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--primary.block::before,
.bg--primary.stickout::before,
.bg--primary.pix::after,
.bg--primary .stickout__ribbon::before,
.bg--primary.circlegauge .circlegauge__content{
	background-color: #fdfff0;
}
.bg--primary > .pix__bg{
	fill: #fdfff0;
}

/* SECONDARY ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--secondary:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--secondary.block::before,
.bg--secondary.stickout::before,
.bg--secondary.pix::after,
.bg--secondary .stickout__ribbon::before,
.bg--secondary.circlegauge .circlegauge__content{
	background-color: #f2efcf;
}
.bg--secondary > .pix__bg{
	fill: #f2efcf;
}

/* SUCCESS ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--success:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--success.block::before,
.bg--success.stickout::before,
.bg--success.pix::after,
.bg--success .stickout__ribbon::before,
.bg--success.circlegauge .circlegauge__content{
	background-color: #849644;
}
.bg--success > .pix__bg{
	fill: #849644;
}

/* DANGER ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--danger:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--danger.block::before,
.bg--danger.stickout::before,
.bg--danger.pix::after,
.bg--danger .stickout__ribbon::before,
.bg--danger.circlegauge .circlegauge__content{
	background-color: #e25353;
}
.bg--danger > .pix__bg{
	fill: #e25353;
}

/* WHITE **********************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--white:not(.block):not(.pix):not(.stickout):not(.circlegauge), 
.bg--white.block::before,
.bg--white.stickout::before,
.bg--white.pix::after,
.bg--white .stickout__ribbon::before,
.bg--white.circlegauge .circlegauge__content{
	background-color: #fff;
}
.bg--white > .pix__bg{
	fill: #fff;
}

/* DARK ***********************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--dark:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--dark.block::before,
.bg--dark.stickout::before,
.bg--dark.pix::after,
.bg--dark .stickout__ribbon::before,
.bg--dark.circlegauge .circlegauge__content{
	background-color: rgba(0, 0, 0, .3);
}
.bg--dark > .pix__bg{
	fill: rgba(0, 0, 0, .3);
}

/* DISABLED *******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--disabled:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--disabled.block::before,
.bg--disabled.stickout::before,
.bg--disabled.pix::after,
.bg--disabled .stickout__ribbon::before,
.bg--disabled.circlegauge .circlegauge__content{
	background-color: #D0D0D0;
}

/* IMPORTANT ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--important:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--important.block::before,
.bg--important.stickout::before,
.bg--important.pix::after,
.bg--important .stickout__ribbon::before,
.bg--important.circlegauge .circlegauge__content{
	background-color: #EEC213;
}
.bg--important > .pix__bg{
	fill: #EEC213;
}

/* NAVIGATION ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--navigation:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--navigation.block::before,
.bg--navigation.stickout::before,
.bg--navigation.pix::after,
.bg--navigation .stickout__ribbon::before,
.bg--navigation.circlegauge .circlegauge__content{
	background-color: #7DD2FE;
}
.bg--navigation > .pix__bg{
	fill: #7DD2FE;
}

/* NOTIFICATION ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--notification:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--notification.block::before,
.bg--notification.stickout::before,
.bg--notification.pix::after,
.bg--notification .stickout__ribbon::before,
.bg--notification.circlegauge .circlegauge__content{
	background-color: #C80000;
}
.bg--notification > .pix__bg{
	fill: #C80000;
}

/* MALE ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--male:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--male.block::before,
.bg--male.stickout::before,
.bg--male.pix::after,
.bg--male .stickout__ribbon::before,
.bg--male.circlegauge .circlegauge__content{
	background-color: #3B5998;
}
.bg--male > .pix__bg{
	fill: #3B5998;
}

/* FEMALE ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--female:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--female.block::before,
.bg--female.stickout::before,
.bg--female.pix::after,
.bg--female .stickout__ribbon::before,
.bg--female.circlegauge .circlegauge__content{
	background-color: #e1306c;
}
.bg--female > .pix__bg{
	fill: #e1306c;
}

/* HONGRE ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--hongre:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--hongre.block::before,
.bg--hongre.stickout::before,
.bg--hongre.pix::after,
.bg--hongre .stickout__ribbon::before,
.bg--hongre.circlegauge .circlegauge__content{
	background-color: #595959;
}
.bg--hongre > .pix__bg{
	fill: #595959;
}

/* FACEBOOK ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--facebook:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--facebook.block::before,
.bg--facebook.stickout::before,
.bg--facebook.pix::after,
.bg--facebook .stickout__ribbon::before,
.bg--facebook.circlegauge .circlegauge__content{
	background-color: #37659A;
}
.bg--facebook > .pix__bg{
	fill: #37659A;
}