/* @override http://sebastian-hartz.de/web/css/form.css */

@charset "utf-8";

/* CSS Document */



/**

	Gridz Site Template

 	Copyright (c) 2013, Pophonic 



	Author: Pophonic

	Profile: themeforest.net/user/pophonic

	

**/



/* ===== Subscribe Field Box ===== */



.subscribe-box {

	width: 100%;

	height: auto;

	margin-top: 25px;

}



.subscribe-box input {

	font-size: 12px;

	font-weight: normal;

	width: 145px;

	height: 33px;

	padding: 0px 15px;

	color: #6e6e6e;

	background-color: #1e1e1e;

	border: #404040 solid 1px;

	border-radius: 5px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.subscribe-box .first-name {

	float: left;

	margin-right: 12px;

}



.subscribe-box .email {

	width: 100%;

	margin-top: 12px;

}



.subscribe-box .subscribe-button {

	width: 145px;

	height: auto;

	font-family: 'Open Sans', sans-serif;

	font-size: 12px;

	font-weight: 600;

	color: #ffffff;

	text-align: center;

	float: right;

	background-color: #00aaaa;

	margin-top: 20px;

	padding: 9px;

	border: none;

	border-radius: 5px;

	cursor: pointer;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

	

	-webkit-transition: background-color 0.2s ease-in-out;

	-moz-transition: background-color 0.2s ease-in-out;

	-ms-transition: background-color 0.2s ease-in-out;

	-o-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

}



.subscribe-box .subscribe-button:hover {

	background-color: #009797;

}



/* ===== End ===== */





/* ===== Subscribe placeholder color ===== */



.subscribe-box .placeholder { /* Internet Explorer */

	color: #6e6e6e;

}



.subscribe-box input::-webkit-input-placeholder { /* WebKit browsers */

    color: #6e6e6e;

}



.subscribe-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #9e9e9e;

}

.subscribe-box input::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #9e9e9e;

}



/* ===== End ===== */





/* ===== Leave a Comment ===== */



.leave-comment {

	margin-top: 20px;

	padding: 35px 40px;

	background-color: #666666;

}



.leave-comment input {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	width: 302px;

	height: 35px;

	padding: 0px 20px;

	color: #aaaaaa;

	background-color: #4e4e4e;

	border: #4e4e4e solid 1px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.leave-comment .input-name {

	float: left;

	margin-right: 20px;

}



.leave-comment textarea {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	width: 100%;

	height: 200px;

	margin-top: 20px;

	padding: 10px 20px;

	color: #aaaaaa;

	background-color: #4e4e4e;

	border: #4e4e4e solid 1px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.comment-active {

	margin-top: 10px;

	overflow: hidden;

}



.comment-active span {

	float: left;

	color: #aaaaaa;

	line-height: 14px;

}



.comment-active .submit-button {

	width: 165px;

	height: auto;

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	font-weight: 400;

	color: #ffffff;

	text-align: center;

	float: right;

	background-color: #00aaaa;

	margin-top: 5px;

	padding: 9px;

	border: none;

	border-radius: 5px;

	cursor: pointer;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

	

	-webkit-transition: background-color 0.2s ease-in-out;

	-moz-transition: background-color 0.2s ease-in-out;

	-ms-transition: background-color 0.2s ease-in-out;

	-o-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

}



.comment-active .submit-button:hover {

	background-color: #009797;

}



/* ===== End ===== */





/* ===== Leave a comment placeholder color ===== */



.leave-comment .placeholder { /* Internet Explorer */

	color: #aaaaaa;

}



.leave-comment input::-webkit-input-placeholder,

.leave-comment textarea::-webkit-input-placeholder { /* WebKit browsers */

    color: #aaaaaa;

}



.leave-comment input:-moz-placeholder,

.leave-comment textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #eeeeee;

}

.leave-comment input::-moz-placeholder,

.leave-comment textarea::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #eeeeee;

}



/* ===== End ===== */