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

// inner-page-content-wrapper
.inner-page-content-wrapper {
	background: none @white;
}

.leave-a-message-form-wrapper {
	.block();
	.on-center();
	width: 240px;
	.border-radius(8px);
	overflow: hidden;
	background:none #ededed;
	padding:20px;

	form {
		.block();
		.on-center();
		width: 245px;

		.headline {
			.block();
			.full-width();
			margin-bottom: 15px;
			font-size: 18px;
			line-height: 18px;
			color: @color333;
			font-family: "OpenSans-SemiBold";
		}
		.prefix {
			.inline-block();
			font-size: 18px;
			line-height: 18px;
			color: @color333;
			margin-right: 7px;
		}
		.txt {
			width: 213px;
			.on-center();
			font-size: 13px;
			margin-bottom: 15px;
			padding:0px 15px;
            @shadecolor:#f5f5f5;
            -webkit-box-shadow: inset 0px 2px 0px 0px @shadecolor;
            -moz-box-shadow: inset 0px 2px 0px 0px @shadecolor;
            box-shadow: inset 0px 2px 0px 0px @shadecolor; 
		}
		.phone-num {
			display: inline-block !important;
			width: 123px;
		}
		button {
			margin:0px;
			width: 245px;
            border-bottom:2px solid #af9a34 !important;
            font-size: 13px;
            color: #1d1d1d;

            &:hover {
                background: none #ffe04e !important;
                border-color:#84660c !important;
                .transition(~"border-color, background-color", 0.3s);
            }
            &:active {
                background: none #ffc600 !important;
                border-bottom: none !important;
                border-top:2px solid #c79b00 !important; 
                .transition(~"border-color, background-color", 0.3s);
            }            
		}
	}
}

.bussiness-card-wrapper {
	.block();
	width: 278px;
	border:1px solid #dadada;
	.border-radius(8px);
	overflow: hidden;
	margin-top: 20px;

	.headline {
		.block();
		.full-width();
		.on-center();
		.text-center();
		font-family: "OpenSans-SemiBold";
		font-size: 22px;
		line-height: 45px;
		color:@white;
		font-weight: lighter;
		background: none #3e7bb8;
	}
	.text {
		.block();
		width: 240px;
		.on-center();
		padding:20px 0px 0px;
	}
	p {
		.block();
		.full-width();
		.on-center();
		font-size: 13px;
		line-height: 20px;
		color: @color333;
		margin-bottom: 20px;
	}
}

.main-content-column {
	padding-bottom: 60px;

	.photo-preview {
		.block();
		.float-right();
		.text-right();
		width: 460px;

		img {
			.block();
			.border-radius(8px);
			width: 460px;
			overflow: hidden;
		}
		.descr {
			.block();
			.full-width();
			.text-right();
			font-size: 13px;
			line-height: 13px;
			color: @color999;
			margin-top: 12px;
		}
	}
	p {
		.block();
		font-size: 15px;
		line-height: 20px;
		color: @color333;
		margin-bottom: 20px;

		b {
			font-family: "OpenSans-Bold";
		}
	}
}

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

.map-wrapper {
	.map-frame {
		.block();
		.border-radius(10px);
		.full-width();
		height: 430px;
		overflow: hidden;		

		.gm-style {
	        @shadecolor:#bdbdbd;
	        -webkit-box-shadow: inset 0px 0px 10px 1px @shadecolor !important;
	        -moz-box-shadow: inset 0px 0px 10px 1px @shadecolor !important;
	        box-shadow: inset 0px 0px 10px 1px @shadecolor !important; 
		}
	}
}