// load global styles
@import "global.less";

// groups-preview
.groups-preview {
    .wide-page-headline {
        margin-top: 13px !important;
    }
    .groups-preview-fotorama {
        width: 1198px !important;
        margin-top: 28px !important;
    }
} 

// headline
.page-content-headline {
	margin-top: 0px !important;
	margin-bottom: 30px !important;
}

// sales list
.sales-in-list-wrapper {
	.block();
	.full-width();

	.sale {
		.block();
		.full-width();
		.border-radius(10px);
		height: 216px;
		overflow: hidden;
		margin-bottom: 15px;
		border:1px solid @colorCCC;
		text-decoration: none;
		background:none #ededed;
		.transition(~"border-color, background-color", 0.3s);

		.date {
			.inline-block();
			.text-center();
			position: absolute;
			padding: 0px 12px;
			font-size: 12px;
			line-height: 25px;
			color: @white;
			background-color: #3e7bb8;
			.border-radius(6px);
			overflow: hidden;
			margin-left: 15px;
			margin-top: 15px;
		}
		.preview-wrapper {
			.block();
			.float-left();
			border-right:1px solid @colorCCC;
			width: 216px;
			height: 216px;
			.transition(border-color, 0.3s);

			img {
				width: 100%;
				opacity: 1.0;
				.transition(opacity, 0.3s);
			}
		}
		.description-wrapper {
			.block();
			.float-left();
			width: 570px;
			height: 216px;

			.headline {
				.block();
				padding:20px 0px 0px 40px;
				font-family: "OpenSans-Semibold";
				font-size: 18px;
				line-height: 28px;
				color: #11549f;
				.transition(color, 0.3s);
			}
			.description {
				.block();
				margin-top: 15px;
				padding-left: 40px;
				font-size: 13px;
				line-height: 20px;
				color: @color333;
				.transition(color, 0.3s);
			}
		}
		.arrow-wrapper {
			.block();
			.float-right();
			width: 50px;
			height: 216px;
			background: none @white;
			border-left:1px solid @colorCCC;
			overflow: hidden;
			.transition(border-color, 0.3s);

			.arrow {
				.block();
				.icons-sprite();
				width: 23px;
				height: 17px;
				background-position: -85px -368px;
				position: relative;
				left: 14px;
				top: 100px;
			}
		}
		&:hover ,
		&:active {
			@hovercolor:#3878bc;
			border:1px solid @hovercolor;
			background:none @hovercolor;
			.transition(~"border-color, background-color", 0.3s);

			.preview-wrapper {
				border-right:1px solid @hovercolor;
				.transition(border-color, 0.3s);

				img {
					opacity: 0.25;
					.transition(opacity, 0.3s);
				}
			}
			.description-wrapper {
				.headline {
					color: @white;
					.transition(color, 0.3s);
				}
				.description {
					color: @white;
					.transition(color, 0.3s);
				}
			}	
			.arrow-wrapper {
				border-left:1px solid @colorCCC;
				.transition(border-color, 0.3s);

				.arrow {
					background-position: -85px -385px;
				}
			}					
		}
	}
}

.sale-details-wrapper {
	.block();
	width: 680px;
	.border-radius-top(8px);
	border:1px solid @colorCCC;
	padding:25px 100px 25px 60px;
	font-size: 15px;
	line-height: 24px;
	color: @color333;

	.date {
		.inline-block();
		.text-center();
		padding: 0px 12px;
		font-size: 12px;
		line-height: 25px;
		color: @white;
		background-color: #3e7bb8;
		.border-radius(6px);
		overflow: hidden;
		margin-left: -20px;
	}
	h1 {
		.block();
		width: 98%;
		font-family: "OpenSans-Semibold";
		font-size: 24px;
		line-height: 26px;
		color: @color333;
		font-weight: lighter;
		margin:15px 0px 25px;
	}
	h2, h3, h4, h5, h6 {
		font-family:"OpenSans-Bold";
		font-weight: bold !important;
	}
	.preview {
		.block();
		.float-left();
		width: 300px;
		.border-radius(8px);
		overflow: hidden;
		margin:6px 50px 30px 0px;
	}
	p {
		.block();
		margin-bottom: 35px;
	}
	a {
		.inline-block();
		text-decoration: none;
		border-bottom:1px solid #caddff;
		color: #11549f;
           .transition(~"border-color, color", 0.3s);

		&:hover ,
		&:active {
            border-bottom: 1px solid #0066ff;
            color: #0066ff;
            .transition(~"border-color, color", 0.3s);
		}
		&:visited {
			color: @colorVisited;
			border-color:@colorVisitedBorder;
            .transition(~"border-color, color", 0.3s);
            
			&:hover ,
			&:active {
	            border-bottom: 1px solid #0066ff;
	            color: #0066ff;
	            .transition(~"border-color, color", 0.3s);
			}		
		}
	}
	b {
		font-family:"OpenSans-Bold";
	}
}
.sale-details-bottom-controls {
	.block();
	width: 760px;
	padding:20px 40px 20px 40px;	
	border: 1px solid @colorCCC;
	border-top: 0px;
	margin-top: -1px;
	.border-radius-bottom(8px);

	.social-share-wrapper {
		.inline-block();
		.float-right();
		.text-right();
		width: 490px;
		height: 24px;
		position: relative;
		top: 13px;

		.ssw-item {
			.inline-block();
			.float-right();
			text-align: right !important;
			width: 140px;

			&.ssw-vk-item {
				margin-left: 40px;
			}
		}
	}
}

// footer form arrow
#animate-footer-arrow {
    left: 745px !important;
}