// 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;
    }
} 

h1 {
	.block();
	.on-center();
	.full-width();
	.text-left();
	font-size: 24px;
	line-height: 24px;
	color: @color333;
	font-family: "OpenSans-Semibold";
	font-weight: lighter !important;
	margin-bottom: 30px;
}

// feedback-page-wrapper
.feedback-page-wrapper {
	// form
	.leave-a-feedback-wrapper {
		.block();
		.border-radius(10px);
		background:url('../images/feedback-post.png') no-repeat scroll 92% 11% #f0f0f0;
		padding:25px 0px 35px 60px;
		overflow: hidden;
		margin-bottom: 25px;

		.prefix {
			.inline-block();
			font-size: 18px;
			line-height: 18px;
			color: @color333;
			position: relative;
			left: -8px;
		}
		.phone-num {
			display: inline-block !important;
		}
	    form {
	        .headline {
	            .block();
	            .full-width();
	            font-family: "OpenSans-Semibold";
	            font-size: 24px;
	            line-height: 24px;
	            color: @color333;
	            margin-bottom: 25px;
	        }
	        .txt {
	            .block();
	            width: 320px;
	            margin-bottom: 15px;
	            &.small {
	                width: 150px;
	            }
	        }
	        textarea.txt {
	            width: 500px;
	        }
	        .btn {
	            width: 150px;
	            .float-left();
	            font-size: 13px;
	            color: #1d1d1d;
	            margin-left: 37px;
	        }
	        .captcha-wrapper {
	            .float-left();

	            .data {
	                .block();
	                width: 150px;
	                height: 42px;
	                .float-left();   
	                .text-center(); 
	                background:none @white;
	                border:0px;
	                border-top:2px solid #f5f5f5;
	                .border-radius(8px);
	                overflow: hidden;
	                font-family: "OpenSans-Light";
	                font-size: 18px;
	                line-height: 42px;
	                color: #1974a0;
	                margin-right: 13px;

	            }
	            .txt {
	                width: 150px;
	                .float-right();
	            }
	        }
	    }
	}

	// feedback-list-wrapper
	.feedback-list-wrapper {
		.feedback {
			.block();
			.full-width();
			border-bottom:1px solid #d1d1d1;
			padding:25px 0px 25px;

			.left-column {
				.block();
				.float-left();
				width: 100px;
				padding-left: 20px;

				img {
					.block();
					.on-center();
					.border-radius(70px);
					width: 70px;
					height: 70px;
					overflow: hidden;
				}
				.date {
					.block();
					.on-center();
					.full-width();
					.text-center();
					font-size: 13px;
					line-height: 13px;
					color: @color666;
					margin-top: 17px;
				}
			}
			.right-column {
				.block();
				.float-left();
				width:630px;

				.author-wrapper {
					display: table-cell;
					vertical-align: middle;
					.full-width();
					height: 70px;
					padding-bottom: 12px;
				}
				.author {
					.block();
					.full-width();
					font-size: 18px;
					line-height: 18px;
					color: @black;
					margin-bottom:10px;
				}
				.position {
					.block();
					.on-center();
					.full-width();
					font-size: 13px;
					line-height: 13px;
					color: @color666;
				}
				.text {
					.block();
					.full-width();
					font-size: 18px;
					line-height: 25px;
					color: @color333;
				}
			}
		}
	}
}

.load-more-btn {
	margin-top: 25px;
}

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