/* @override 
	http://tdri.or.th/wp-content/themes/tdri-2017/css/etc.css?ver=4.7.3
	http://cloud.todsorb.com/wp-content/themes/cloud/css/etc.css?ver=4.8 */

/* Facebook Login */
a.css-fbl {
	background: url(../img/fb-icon.png) 10px center no-repeat #3b5998;
	background-size: 25px 25px, cover;
	text-shadow: none;
	color: #fff;
	margin: 20px 3px;
	max-width: 228px;
}
a.css-fbl:hover{
	background: none;
	background: url(../img/fb-icon.png) 10px center no-repeat #3b5998;
	background-size: 25px 25px, cover;
}



/* Widgets */

.search-form:before,
.search-form:after {
	content: " ";
	display: table;
}
.search-form:after {
	clear: both;
}
.search-form {
	width: 100%;
}
.search-form label {
	margin-bottom: 0;
	width: 100%;
}
.search-field {
	width: 100%;
	border: 1px solid #ccc;
	height: 32px;
	padding: 0 6px 0 14px;
	font-weight: normal;
}
.search-submit {
	height: 30px;
	font-weight: normal;
	background-color: #ddd;
	border: 1px solid #ccc;
	float: right;
	width: 32%;
	color: #333;
	text-align: center;
	line-height: 24px;
	padding: 2px 2px 3px 0;
	display: none;
}


/* Comments */
.comment-list { list-style:none; margin-bottom: 20px; padding:0;border:1px solid #e2e2e2; border-bottom: none;}
.comment-list .comment { border-bottom:1px solid #e2e2e2; padding:25px; background-color: #f8f8f8}
.comment-list .vcard img.avatar {float: left; margin: 5px 12px 0 0;}
.comment-list .vcard .says {display: none;}
.comment-list .comment-metadata {font-size: 0.8em; line-height: 1.4em}
.comment-list .comment-metadata:after {content: "";clear: both; display: block;margin-bottom: 15px}
.comment-list .comment-metadata a {opacity: 0.8}
.comment-list .children { list-style:none; margin:0; padding:0;}
.comment-list .children .comment {border-bottom: none;padding-bottom: 0}
.comment-respond {background-color: #eee;padding: 25px 25px 5px;margin-top: 20px;}
.comment-respond label {display: block;margin: 0}
.comment-form-comment {margin-bottom: 10px;}
.comment-form-comment textarea { padding: 10px; width: 100%;border: 1px solid #ccc;}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {width: 100%; border: 1px solid #ccc;padding: 3px 5px;}
.form-submit input {background-color: #e4e4e4; border: 1px solid #ccc;padding: 6px 12px 5px;transition: 300ms;}
.form-submit input:hover {background-color: #fff;}
.form-submit input:active {background-color: #999;border: 1px solid #999;}
@media (min-width:768px) {
	.comment-form-author {float: left;width: 32%; margin-right: 2%}
	.comment-form-email {float: left;width: 32%; margin-right: 2%}
	.comment-form-url {float: left;width: 32%}
}


@media (min-width:768px) {
	/* .container{width:750px} */
}

@media (min-width:992px){
	.search-form {
		width: 130px;
	}
}

@media (min-width:1200px){
	/*.container{width:1170px} */
	.search-form {
		width: 190px;
	}
}