/***********************************************************************************************************************************
************************************************************************************************************************************
************************************************************************************************************************************

 ######  ########  ########  ######  ####    ###    ##          ##     ##  #######  ########   ######  ########  ######  
##    ## ##     ## ##       ##    ##  ##    ## ##   ##          ##     ## ##     ## ##     ## ##    ## ##       ##    ## 
##       ##     ## ##       ##        ##   ##   ##  ##          ##     ## ##     ## ##     ## ##       ##       ##       
 ######  ########  ######   ##        ##  ##     ## ##          ######### ##     ## ########   ######  ######    ######  
      ## ##        ##       ##        ##  ######### ##          ##     ## ##     ## ##   ##         ## ##             ## 
##    ## ##        ##       ##    ##  ##  ##     ## ##          ##     ## ##     ## ##    ##  ##    ## ##       ##    ## 
 ######  ##        ########  ######  #### ##     ## ########    ##     ##  #######  ##     ##  ######  ########  ######  

************************************************************************************************************************************
************************************************************************************************************************************
***********************************************************************************************************************************/

.content__top{
    min-height: 250px;
}
.content__top__title{
    cursor: default;
    height: 54px;
}
h2,
h3{
    margin-top: 0;
	font-size: 22px;
	color: #fff;
}

/** content__bottom ***************************************************************************************************************/
.content--gradient .content__bottom{
    background: rgba(0,0,0,.3);
    border-radius: 8px;
    margin: 15px 0;
}


/***********************************************************************************************************************************/
/* DEFAULT LINK OVERIDE ************************************************************************************************************/
/***********************************************************************************************************************************/

.content__middle__description a:not(.button),
.divins-serie .layout-gradient-footer a:not(.button){
    color: #fff;
    text-decoration: underline;
}
.divin-horse-name a:hover,
.content__middle__description a:not(.button):hover,
.divins-serie .layout-gradient-footer a:not(.button):hover{
    text-decoration: none;
}

/** page ***************************************************************************************************************************/
.divin-horse-name{
	color: #fff;
    font-size: 40px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
    margin: 0;
    padding: 30px 0 0;
    text-align: center;
    font-weight: normal;
}
.divin-horse-name a{
    color: #fff;
    margin: 0;
    text-align: center;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
    display:inline-block;
    padding-right: 5px;
}
.divin-horse-name svg{
    position: relative;
    bottom: 1px;
}

.content__bottom__description,
.content__middle__description{
    padding: 15px 0;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.35);
}
.content__bottom__description,
.content__middle__description,
.content__middle__description [class*="text--"]{
    color: #fff;
}
.content__bottom__description{  
    margin: 0 10px 0 166px;
}
.body--rtl .content__bottom__description{  
    margin: 0 166px 0 10px;
}

/** content__middle__description ***********************************************************************************************************************/
.content__middle__description {  
    margin: 0 166px;
    cursor: default;
}
.content__middle__description p::selection{
    background: none;
}
.content__middle__description p::-ms-selection{
    background: none;
}
.content__middle__description p::-moz-selection{
    background: none;
}
.content__middle__description p::-webkit-selection{
    background: none;
}

/** layoutFoot *********************************************************************************************************************/
.divin-avatar{
	position: absolute;
	top: -10px;
}
.body--ltr .divin-avatar{
    left: 16px;
}
.body--rtl .divin-avatar{
    right: 16px;
}


/***********************************************************************************************************************************/
/* CHEVAUX DIVINS - ROUE ***********************************************************************************************************/
/***********************************************************************************************************************************/

.wheel{
    width: 512px;
    height: 512px;
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
}
.wheel li{
    position: absolute;
}

/***********************************************************************************************************************************/
/* CHEVAUX DIVINS DESCRIPTION - GRILLE ROUE ****************************************************************************************/
/***********************************************************************************************************************************/

.divins-serie .right-content-divins-description .wheel a,
.divins-serie .right-content-divins-description .wheel a:after{
    color: transparent;
    background-color: transparent;
}

/***********************************************************************************************************************************/
/* CAROUSEL NAVIGATION *************************************************************************************************************/
/***********************************************************************************************************************************/

.serie-horse-button{
    min-width: 48px;
    height: 68px;
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0 20px;
    display: inline-block;
    box-sizing: border-box;
    padding: 50px 0 0;
    color: #3f241b;
    font-size: 16px;
}
.serie-horse-button.active{
    color: #e8ff79;
    font-weight: bold;
}
.serie-horse-button:hover{
    text-decoration: none;
}
.serie-horse-button:active{
    animation: ontap .1s 1 linear;
}