/*******************************************************************************************************************************************
*******************************************************************************************************************************************
######## ######## ####### ## ## ####### ######## ########
## ## ## ## ## ## ### ### ## ## ## ##
## ## ## ## ## ## #### #### ## ## ## ##
######## ######## ## ## ## ### ## ## ## ## ######
## ## ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## ## ##
## ## ## ####### ## ## ####### ## ########
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--promote{
width: 370px;
height: 230px;
}
/** tag ***********************************************************************************************************************************/
.block--promote .tag .svg{
top: 2px;
}
/** text *********************************************************************************************************************************/
.block--promote .block__content__text{
position: relative;
height: 210px;
width: 212px;
}
.body--ltr .block--promote .block__content__text{
padding-left: 20px;
}
.body--rtl .block--promote .block__content__text{
padding-right: 20px;
}
.block--promote .fieldErrorText{
font-size: 11px;
font-style: italic;
margin-bottom: 10px;
}
/** image ********************************************************************************************************************************/
.block--promote .block__content__image{
position: absolute;
top: -10px;
}
.block__content__image{
pointer-events: none;
width: 168px;
}
.block__content__image img{
max-width: 168px;
}
.block__content__image,
.block__content__image .grid-cell{
height: 250px;
}
.body--ltr .block--promote .block__content__image{
right: -30px;
}
.body--rtl .block--promote .block__content__image{
left: -30px;
}
/** footer ********************************************************************************************************************************/
.block--promote .block__content__footer{
position: absolute;
bottom: 10px;
width: 222px;
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
## ### ## ## ####### ## ## ######## ## ####### ######## ######## ######## ########
## ## ## ## ## ## ## ## ## ## #### ## ## ## ## ## ## ##
## ## ## #### ## ## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## ## ## ###### ###### ###### ########
## ######### ## ## ## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## #### ## ## ## ## ## ## ##
######## ## ## ## ####### ####### ## ## ####### ## ## ######## ## ##
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--offer::before{
background-image: url(/media/equideo/image/components/block/block-promo.jpg);
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
######## ### ###### ## ## ## ## ## ## ### ######
## ## ## ## ## ## ## ## ## ## ### ### ## ## ## ##
## ## ## ## ## ## ## ## ## #### #### ## ## ##
######## ## ## ## ##### ### ## ### ## ## ## ######
## ######### ## ## ## ## ## ## ## ######### ##
## ## ## ## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ###### ## ## ## ## ## ## ## ## ######
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--pack-rikiki::before{
background-image: url(/media/equideo/image/components/block/block-pack-rikiki.jpg);
}
.block--pack-cute::before{
background-image: url(/media/equideo/image/components/block/block-pack-cute.jpg);
}
.block--pack-lucky::before{
background-image: url(/media/equideo/image/components/block/block-pack-lucky.jpg);
}
.block--pack-olympe::before{
background-image: url(/media/equideo/image/components/block/block-pack-olympe.jpg);
}
.block--pack-ultimate::before {
background-image: url(/media/equideo/image/components/block/block-pack-ultimate.jpg);
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
######## ### ###### ## ## ## ## ### ######## ## ## ######## ######## #### ## ## ######
## ## ## ## ## ## ## ## ### ### ## ## ## ## ## ## ## ## ## ### ## ## ##
## ## ## ## ## ## ## #### #### ## ## ## ## ## ## ## ## ## #### ## ##
######## ## ## ## ##### ## ### ## ## ## ######## ##### ###### ## ## ## ## ## ## ####
## ######### ## ## ## ## ## ######### ## ## ## ## ## ## ## ## #### ## ##
## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ### ## ##
## ## ## ###### ## ## ## ## ## ## ## ## ## ## ######## ## #### ## ## ######
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--pack-marketing-xs::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-xs.jpg);
}
.block--pack-marketing-s::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-s.jpg);
}
.block--pack-marketing-m::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-m.jpg);
}
.block--pack-marketing-l::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-l.jpg);
}
.block--pack-marketing-xl::before {
background-image: url(/media/equideo/image/components/block/block-pack-marketing-xl.jpg);
}
.block--pack-marketing-xxl::before {
background-image: url(/media/equideo/image/components/block/block-pack-marketing-xxl.jpg);
}
.block--pack-marketing-basic-breeder::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-basic-breeder.jpg);
}
.block--pack-marketing-basic-competitor::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-basic-competitor.jpg);
}
.block--pack-marketing-basic-collector::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-basic-collector.jpg);
}
.block--pack-marketing-basic-bundle::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-basic-bundle.jpg);
}
.block--pack-marketing-deluxe-breeder::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-deluxe-breeder.jpg);
}
.block--pack-marketing-deluxe-competitor::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-deluxe-competitor.jpg);
}
.block--pack-marketing-deluxe-collector::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-deluxe-collector.jpg);
}
.block--pack-marketing-deluxe-bundle::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-deluxe-bundle.jpg);
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
######## ### ###### ## ## ## ## ### ######## ## ## ######## ######## #### ## ## ###### ######## ####### ## ## ###### ## ## ########
## ## ## ## ## ## ## ## ### ### ## ## ## ## ## ## ## ## ## ### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## #### #### ## ## ## ## ## ## ## ## ## #### ## ## ## ## ## ## ## ## ## ## ## ## ##
######## ## ## ## ##### ## ### ## ## ## ######## ##### ###### ## ## ## ## ## ## #### ######## ## ## ## ## ## ## #### ## ## ######
## ######### ## ## ## ## ## ######### ## ## ## ## ## ## ## ## #### ## ## ## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ### ## ## ## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ###### ## ## ## ## ## ## ## ## ## ## ######## ## #### ## ## ###### ## ## ####### ### ### ###### ####### ########
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--pack-marketing-rowgue-s::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-rowgue-s.jpg);
}
.block--pack-marketing-rowgue-m::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-rowgue-m.jpg);
}
.block--pack-marketing-rowgue-l::before{
background-image: url(/media/equideo/image/components/block/block-pack-marketing-rowgue-l.jpg);
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
######## ### ###### ## ## ###### ######## ### ###### ####### ## ## ### ##
## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ### ## ## ## ##
## ## ## ## ## ## ## ## ## ## ## ## ## ## #### ## ## ## ##
######## ## ## ## ##### ###### ###### ## ## ###### ## ## ## ## ## ## ## ##
## ######### ## ## ## ## ## ######### ## ## ## ## #### ######### ##
## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ### ## ## ##
## ## ## ###### ## ## ###### ######## ## ## ###### ####### ## ## ## ## ########
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
/* PACK_MARKETING_ROWGUE_SEASONAL_S **************************************************************************************/
/*************************************************************************************************************************/
.block--pack-marketing-rowgue-seasonal-s::before {
background-image: url(/media/equideo/image/components/block/block-pack-marketing-rowgue-seasonal-s.jpg);
}
.block--pack-marketing-rowgue-seasonal-s .block__content__image::after{
background-image: url(/media/equideo/image/marketing/pass/asset-foreground-pack-marketing-rowgue-seasonal-s.png)
}
.block--pack-marketing-rowgue-seasonal-s .block__content__image::before{
background-image: url(/media/equideo/image/marketing/pass/asset-pack-marketing-rowgue-seasonal-s.png)
}
/* PACK_MARKETING_ROWGUE_SEASONAL_M **************************************************************************************/
/*************************************************************************************************************************/
.block--pack-marketing-rowgue-seasonal-m::before {
background-image: url(/media/equideo/image/components/block/block-pack-marketing-rowgue-seasonal-m.jpg);
}
.block--pack-marketing-rowgue-seasonal-m .block__content__image::after {
background-image: url(/media/equideo/image/marketing/pass/asset-foreground-pack-marketing-rowgue-seasonal-m.png)
}
.block--pack-marketing-rowgue-seasonal-m .block__content__image::before {
background-image: url(/media/equideo/image/marketing/pass/asset-pack-marketing-rowgue-seasonal-m.png)
}
/* PACK_MARKETING_ROWGUE_SEASONAL_L **************************************************************************************/
/*************************************************************************************************************************/
.block--pack-marketing-rowgue-seasonal-l::before {
background-image: url(/media/equideo/image/components/block/block-pack-marketing-rowgue-seasonal-l.jpg);
}
.block--pack-marketing-rowgue-seasonal-l .block__content__image::after {
background-image: url(/media/equideo/image/marketing/pass/asset-foreground-pack-marketing-rowgue-seasonal-l.png)
}
.block--pack-marketing-rowgue-seasonal-l .block__content__image::before {
background-image: url(/media/equideo/image/marketing/pass/asset-pack-marketing-rowgue-seasonal-l.png)
}
/* AUTOMATED FOREGROUND/BACKGROUND ***************************************************************************************/
/*************************************************************************************************************************/
.block--pack-marketing-rowgue-seasonal-s .block__content__image::after,
.block--pack-marketing-rowgue-seasonal-s .block__content__image::before,
.block--pack-marketing-rowgue-seasonal-m .block__content__image::after,
.block--pack-marketing-rowgue-seasonal-m .block__content__image::before,
.block--pack-marketing-rowgue-seasonal-l .block__content__image::after,
.block--pack-marketing-rowgue-seasonal-l .block__content__image::before{
background-repeat: no-repeat;
background-size: cover;
content: "";
display: block;
height: 168px;
pointer-events: none;
position: absolute;
width: 168px;
top: 41px;
}
.block--pack-marketing-rowgue-seasonal-s .block__content__image::before,
.block--pack-marketing-rowgue-seasonal-m .block__content__image::before,
.block--pack-marketing-rowgue-seasonal-l .block__content__image::before {
z-index: -1;
}
.block--pack-marketing-rowgue-seasonal-s .block__content__image::after,
.block--pack-marketing-rowgue-seasonal-m .block__content__image::after,
.block--pack-marketing-rowgue-seasonal-l .block__content__image::after {
z-index: 1;
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
.########.....###.....######..##....##....##.....##.########.########...#######.
.##.....##...##.##...##....##.##...##.....##.....##.##.......##.....##.##.....##
.##.....##..##...##..##.......##..##......##.....##.##.......##.....##.##.....##
.########..##.....##.##.......#####.......#########.######...########..##.....##
.##........#########.##.......##..##......##.....##.##.......##...##...##.....##
.##........##.....##.##....##.##...##.....##.....##.##.......##....##..##.....##
.##........##.....##..######..##....##....##.....##.########.##.....##..#######.
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
/* PACK_MARKETING_ROWGUE_SEASONAL_S **************************************************************************************/
/*************************************************************************************************************************/
.block--pack-marketing-rowgue-hero-s::before {
background-image: url(/media/equideo/image/components/block/block-pack-marketing-rowgue-hero-s.jpg);
}
.block--pack-marketing-rowgue-hero-s .block__content__image::after {
background-image: url(/media/equideo/image/marketing/pass/asset-foreground-pack-marketing-rowgue-hero-s.png)
}
.block--pack-marketing-rowgue-hero-s .block__content__image::before {
background-image: url(/media/equideo/image/marketing/pass/asset-pack-marketing-rowgue-hero-s.png)
}
/* AUTOMATED FOREGROUND/BACKGROUND ***************************************************************************************/
/*************************************************************************************************************************/
.block--pack-marketing-rowgue-hero-s .block__content__image::after,
.block--pack-marketing-rowgue-hero-s .block__content__image::before{
background-repeat: no-repeat;
background-size: cover;
content: "";
display: block;
height: 168px;
pointer-events: none;
position: absolute;
width: 168px;
top: 41px;
}
.block--pack-marketing-rowgue-hero-s .block__content__image::before{
z-index: -1;
}
.block--pack-marketing-rowgue-hero-s .block__content__image::after{
z-index: 1;
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
######## ######## ###### ### ###### ## ## ######
## ## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## ##
######## ###### ## #### ## ## ###### ## ## ######
## ## ## ## ######### ## ## ## ##
## ## ## ## ## ## ## ## ## ## ## ##
## ######## ###### ## ## ###### ####### ######
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--pegasus::before{
background-image: url(/media/equideo/image/components/block/block-pegasus.jpg);
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
####### ######## ## ######## ###### ######## #### ## ## ######## ######
## ## ## ## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## ## ## ## ##
## ## ######## ## ###### ## ## ## ## ## ###### ######
## ## ## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ##
####### ######## ###### ######## ###### ## #### ### ######## ######
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--objectives::before{
background: url(/media/equideo/image/components/block/block-objectives.jpg);
}
.block--objectives .block__content{
padding: 20px;
}
.block--objectives .block__gauge__svg{
fill : #7dd2fe;
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
## ## #### ########
## ## ## ## ##
## ## ## ## ##
## ## ## ########
## ## ## ##
## ## ## ##
### #### ##
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--vip::before{
background-image: url(/media/equideo/image/components/block/block-vip.jpg);
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
######## ######## ###### ######## ######## ########
## ## ## ## ## ## ## ##
## ## ## ## ## ## ##
## ###### ###### ## ###### ########
## ## ## ## ## ## ##
## ## ## ## ## ## ## ##
## ######## ###### ## ######## ## ##
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--moderator::before{
background-image: url(/media/equideo/image/components/block/block-tester.jpg);
}
.block--testervip::before{
background-image: url(/media/equideo/image/components/block/block-tester-vip.jpg);
}
.block--tester::before{
background-image: url(/media/equideo/image/components/block/block-tester.jpg);
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
## ## #### ######## ######## #######
## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ##
## ## ## ## ## ###### ## ##
## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ##
### #### ######## ######## #######
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--video::before{
background: url(/media/equideo/image/components/block/block-skies.jpg) no-repeat center center;
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
###### ######## ###### ######## ######## ######## ###### ### ## ## ######## ###
## ## ## ## ## ## ## ## ## ## ## ## ## ### ## ## ## ##
## ## ## ## ## ## ## ## ## ## #### ## ## ## ##
###### ###### ## ######## ###### ## ###### ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ######### ## #### ## #########
## ## ## ## ## ## ## ## ## ## ## ## ## ## ### ## ## ##
###### ######## ###### ## ## ######## ## ###### ## ## ## ## ## ## ##
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--secretsanta::before{
background: url(/media/equideo/image/components/block/block-event.jpg) no-repeat center center;
}
.popupview--santa::before{
background: url(/media/equideo/image/marketing/pass/bg-red-large.png) no-repeat center center;
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
###### ### ## ######## ## ## ######## ### ########
## ## ## ## ## ## ### ## ## ## ## ## ## ##
## ## ## ## ## #### ## ## ## ## ## ## ##
## ## ## ## ###### ## ## ## ## ## ## ## ########
## ######### ## ## ## #### ## ## ######### ## ##
## ## ## ## ## ## ## ### ## ## ## ## ## ##
###### ## ## ######## ######## ## ## ######## ## ## ## ##
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--calendar::before{
background: url(/media/equideo/image/components/block/block-calendar.png) no-repeat center center;
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
..######..########...#######...######...######.....########..########...#######..##.....##..#######.
.##....##.##.....##.##.....##.##....##.##....##....##.....##.##.....##.##.....##.###...###.##.....##
.##.......##.....##.##.....##.##.......##..........##.....##.##.....##.##.....##.####.####.##.....##
.##.......########..##.....##..######...######.....########..########..##.....##.##.###.##.##.....##
.##.......##...##...##.....##.......##.......##....##........##...##...##.....##.##.....##.##.....##
.##....##.##....##..##.....##.##....##.##....##....##........##....##..##.....##.##.....##.##.....##
..######..##.....##..#######...######...######.....##........##.....##..#######..##.....##..#######.
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--cross-promo.cross-promo--hungry-shark-evolution::before{
background: url(/media/equideo/image/marketing/promote/cross-promo-hungry-shark-evolution.png) no-repeat center center;
}
.block--cross-promo.cross-promo--hungry-shark-evolution h3{
text-shadow: 1px 1px 2px white;
}
/*******************************************************************************************************************************************
*******************************************************************************************************************************************
######## #### ## ## #### ## ## ######## ######
## ## ## ## ## ## ### ## ## ## ##
## ## ## ## ## ## #### ## ## ##
## ## ## ## ## ## ## ## ## ###### ######
## ## ## ## ## ## ## #### ## ##
## ## ## ## ## ## ## ### ## ## ##
######## #### ### #### ## ## ######## ######
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
.block--divine .block__content__background{
border-radius: 8px 8px 10px 10px;
}
.block--divine .block__content__title{
bottom: 8px;
height: 92px;
margin: -90px 0 0 0;
position: relative;
z-index: 1;
}
.block--divine .block__content__title::after{
-webkit-clip-path: polygon(0 20%, 101% 0, 101% 101%, 0 101%);
background-color: #fdfff0;
border-radius: 0 0 8px 8px;
bottom: 0;
clip-path: polygon(0 20%, 101% 0, 101% 101%, 0 101%);
content: "";
display: block;
height: 100px;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all .15s ease-in-out;
width: 100%;
z-index: -1;
}
.block--divine:hover .block__content__title::after{
clip-path: polygon(0 25%, 101% 0, 101% 101%, 0 101%);
}
/*
************************************************************************************************************************************
************************************************************************************************************************************
###### ### ######## ####### ## ## ###### ######## ##
## ## ## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ######## ## ## ## ## ###### ###### ##
## ######### ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## ## ## ## ## ##
###### ## ## ## ## ####### ####### ###### ######## ########
************************************************************************************************************************************
************************************************************************************************************************************
*/
.block--carousel .block__content {
height: 230px;
overflow: hidden;
border-radius: 8px;
}
/** CAROUSEL__CONTENT **************************************************************************************************************
************************************************************************************************************************************/
.block--carousel .carousel__content{
direction: ltr;
position: relative;
margin-top: 16px;
height: 150px;
text-align: center;
}
/** CAROUSEL__CONTENT__ITEM ********************************************************************************************************
************************************************************************************************************************************/
.block--carousel .cheval-icone{
display: block;
}
.block--carousel .carousel__content__item{
top: -15px;
}
.block--carousel .carousel__content__item::after{
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 80%);
content: "";
display: block;
height: 6%;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
bottom: 5px;
transition: opacity .15s ease-in-out;
}
.block--carousel .carousel__content__item:hover::after{
opacity: 1;
}
/** CAROUSEL__CONTENT__ITEM : SELECTED *********************************************************************************************
************************************************************************************************************************************/
.block--carousel .carousel__content__item.tab-selected{
top: 0;
margin: 0 20px;
}
.block--carousel .carousel__content__item.tab-selected,
.block--carousel .carousel__content__item.tab-selected a,
.block--carousel .carousel__content__item.tab-selected img,
.block--carousel .carousel__content__item.tab-selected .horsesprite{
width: 140px;
height: 140px;
}
.block--carousel .carousel__content__item.tab-selected .horsesprite{
background-size: 140px;
}
/** CAROUSEL__CONTENT__ITEM : NOT(SELECTED) ****************************************************************************************
************************************************************************************************************************************/
.block--carousel .carousel__content__item:not(.tab-selected){
margin: 0 10px;
}
.block--carousel .carousel__content__item:not(.tab-selected),
.block--carousel .carousel__content__item:not(.tab-selected) a,
.block--carousel .carousel__content__item:not(.tab-selected) img,
.block--carousel .carousel__content__item:not(.tab-selected) .cheval-icone{
width: 100px;
height: 100px;
}
.block--carousel .carousel__content__item:not(.tab-selected) .horsesprite{
background-size: 100px;
}
/** CAROUSEL__FOOTER **************************************************************************************************************
***********************************************************************************************************************************/
.block--carousel .carousel__footer{
background: #F2EFCF;
padding: 10px 0;
}
.block--carousel .carousel__footer__title a{
color: #AD5B50;
}
.block--carousel .carousel__footer__subtitle{
color: #82685b;
}
/** CAROUSEL__NAV *****************************************************************************************************************
***********************************************************************************************************************************/
.block--carousel .carousel__nav{
top: 68px;
}
.block--carousel .carousel__nav__arrow{
background: #f2efcf;
border-radius: 50%;
height: 32px;
transition: all .15s ease-in-out;
width: 32px;
}
.block--carousel .carousel__nav__arrow:hover{
box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
}
.block--carousel .carousel__nav__arrow:active{
transform: scale(.9);
box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
}
.block--carousel .carousel__nav__arrow:before{
border-radius: 26px;
color: #3d251b;
direction: ltr;
display: block;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
font-size: 27px;
font-weight: bold;
height: 26px;
line-height: 27px;
position: absolute;
text-align: center;
top: 0;
transform: scale(.5,1);
width: 100%;
-o-transform: scale(.5,1);
-ms-transform: scale(.5,1);
-moz-transform: scale(.5,1);
-webkit-transform: scale(.5,1);
}
.block--carousel .carousel__nav__arrow--left{
left: 15px;
}
.block--carousel .carousel__nav__arrow--left:before{
content: '\003c';
left: -1px;
}
.block--carousel .carousel__nav__arrow--right{
right: 15px;
}
.block--carousel .carousel__nav__arrow--right:before{
content: '\003e';
right: -1px;
}
/** CAROUSEL TITLES ***************************************************************************************************************
***********************************************************************************************************************************/
.block--carousel h3{
font-size: 16px;
}
.block--carousel h4{
font-size: 13px;
}
/** CAROUSEL__FOOTER__BTN *********************************************************************************************************
***********************************************************************************************************************************/
.block--carousel .carousel__footer__btn{
background: #fdfff0;
border-radius: 15px;
border: 2px solid #AD5B50;
bottom: 20px;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
color: #3D251B;
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 4px 15px;
right: 10px;
text-decoration: none;
text-transform: uppercase;
transition: all .15s ease-in-out;
}
.block--carousel .carousel__footer__btn:hover{
background: #AD5B50;
color: #fff;
}
.block--carousel .carousel__footer__btn:active{
transform: scale(.9);
}
/*
************************************************************************************************************************************
************************************************************************************************************************************
######## ####### ## ## ###### ## ## ########
## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## ## ##
######## ## ## ## ## ## ## #### ## ## ######
## ## ## ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## ## ## ##
## ## ####### ### ### ###### ####### ########
************************************************************************************************************************************
************************************************************************************************************************************
*/
.block--rowgue{
height: 230px;
width: 770px;
box-sizing: border-box;
padding: 20px;
}
.block--rowgue::before{
background-image: url(/media/equideo/image/marketing/promote/rowgue-homepage.jpg);
background-size: cover;
}
.block--rowgue .block__content__seasonhorse{
position: absolute;
width: 220px;
right: -50px;
top: -20px;
}
.block--rowgue .text--l{
max-width: 250px;
}