/* ==========================================================================
   Green layout: colour overrides for pages with body class "green-layout"
   ========================================================================== */

/* ==========================================================================
   4. Header: notice bar, logo, search, navigation, account & chat
   ========================================================================== */

body.green-layout .login-btn a {
	border-color: #2EB193;
}

body.green-layout .login-btn a:hover {
	background: #2EB193;
	border-color: #2EB193;
}

body.green-layout .home_banner {
	background-color: #2EB193;
}

body.green-layout .banner-blocks .banner-image:after {
	background: -moz-linear-gradient(left, rgba(46,177,147,0.65) 0%, rgba(46,177,147,0) 100%);
	background: -webkit-linear-gradient(left, rgba(46,177,147,0.65) 0%,rgba(46,177,147,0) 100%);
	background: linear-gradient(to right, rgba(46,177,147,0.65) 0%,rgba(46,177,147,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a62eb193', endColorstr='#002eb193',GradientType=1 );
}

body.green-layout .cat_mian_box .cat_title h4:after {
	background-color: #2EB193;
}

body.green-layout .Populaire-box .image .dans-text {
	background-color: #2EB193;
}

body.green-layout .home-Populaire-slider .slick-dots li.slick-active button {
	background: #2EB193;
}

body.green-layout .how-it-box .icon .cercle-bar .number {
	background-color: #2EB193;
}

body.green-layout .how-it-box .icon .cercle-bar {
	border-color: #2EB193;
}

body.green-layout .home_image_main.dark-text .image-over-text h2 {
	color: #FFFFFF;
}

body.green-layout .home_image_main.dark-text .image-over-text p {
	color: #FFFFFF;
}

body.green-layout .footer {
	border-top: solid 4px #2EB193;
}

body.green-layout .Populaire-box:not(.Populaire-box-shop) .Populaire-box-inner .box_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

body.green-layout .Populaire-box:not(.Populaire-box-shop) .Populaire-box-inner .box_row .price {
	padding: 0;
}

body.green-layout .Populaire-box:not(.Populaire-box-shop) .Populaire-box-inner .box_row .date span {
	max-width: 90px;
}