/*
Theme Name: Krupra Classic
Template Origin: themepra Cream (Nitas Suwannarat) — ปรับให้ใช้กับ WordPress 7 / PHP 8 โดยกรุพระดอทคอม
Theme URI: http://www.sunsabai.com/themepra/
Author: Nitas Suwannarat
Author URI: http://www.sunsabai.com/
Description: Themeplate นี้เป็น Themeplate style พระเครื่อง มีไว้เพื่อจัดจำหน่ายเท่านั้น
Version: 1.0.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags:  

1.0.2 whats news
- ปักหมุด พระเครื่อง

1.0.1 whats news
- จัดเรียงสินค้าจากปัจจุบัน - อดีต และ อดีต - ปัจจุบัน
- ระบุจำนวนสินค้าที่จะโชว์ในหน้า homepage
*/

/* =Reset
-------------------------------------------------------------- */

#wp-calendar{
	width:100%;
}

/* =input
----------------------------------------------- */
#maincontainer{
	background-color:#FFFFFF;
	padding: 0 10px;
	-moz-box-shadow: 0px 5px 4px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 5px 4px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 4px 4px rgba(0, 0, 0, 0.1);
	z-index: 0;
	position: relative;
}
.form-allowed-tags code {
	font-size: 12px;
	line-height: 1.5;
	color:#333333;
	display:none;
}
@media (min-width: 1200px){
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 1100px;
}



select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
display: inline-block;
height: 30px;
padding: 4px 6px;
 margin-bottom: 0px; 
font-size: 14px;
line-height: 20px;
color: #555555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
}


/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(img/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #FFFFFF;
	border-color: #d3d3d3;
	width:100%;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(img/comment-arrow-bypostauthor.png);
}

.comments-area h2 ,.comments-area  h3{
  background-color:#FFFFFF;
  padding: 5px 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size:20px;
	
}

.comment-respond{
  background-color:#FFFFFF;
  padding: 10px 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.comment-form label {
	display: block;
	
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea,
.comment-form input[type="url"] {
	width: 100%;
}



/* =pagination
----------------------------------------------- */
.pagination {
	padding: 5px 0px
}
a.page-numbers {
	font-size: 11px;
	display: inline-block;
	background-color: #ECECEC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	float: left;
	margin-right: 5px;
	padding: 2px 7px;
	margin-bottom: 5px;
	color: #777;
}
a.page-numbers:hover {
	background-color: #f7f8f9;
	color: #777
}
span.page-numbers.current {
font-size: 11px;
float: left;
padding: 2px 8px;
margin-right: 5px;
background-color: #F3C500;
/* border: 1px solid #aaa; */
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
color: #000000;
font-weight:bold;
}
span.page-numbers.dots {
	float: left;
	margin-right: 5px;
	font-weight: bold;
	color: #000000;
}
.pagination a {
	line-height: 18px;
	background-color: #fff;
	border: 1px solid #DCE2E7
}
.heighti{
	height:60px;
}
.ltag{
	color: #666;
}
.ltag:hover{
	color:#333333;
	
}

.wpcf7-form input[type="text"],textarea{
	width:100%;
}

.wpcf7-form input[type="submit"] {

color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-color: #4a778e;
padding:5px 25px;
}

.divbank {
		margin-bottom: 5px;
}
.divbank [class*="span"]{
	min-height: 25px;	
}