/*
Theme Name: Seed Spring
Theme URI: https://spring.jabont.com/
Author: Jabont
Author URI: https://jabont.com
Description: Starter Theme
Version: 2.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spring
Tags: featured-images, custom-menu
*/

/*
===========================================

This theme use SCSS, please check

1. css/scss/_variables.scss - for some colors & styles.
2. css/scss/mobile.scss - will be compiled to css/mobile.css and used for mobile version.
3. css/scss/desktop.scss - will be compiled to css/desktop.css and used for desktop version.
4. If you set $GLOBALS['s_style_css'] in functions.php to 'enable', you can add CSS to this file to override all CSS.
    
=========================================== 
*/
/*Jayss Edit*/
:root{
	--colophon-bg:#000;
	--footbar-bg:var(--ci3);
}
html {
	scroll-behavior: smooth;
}
@media (min-width: 992px){
	.cont,.cont-pd{
		max-width: 990px;
		padding-left: 30px; 
		padding-right: 30px;
	}
}
@media (min-width: 1170px){
	.cont,.cont-pd{
		max-width: 1170px;
		padding-left: 30px; 
		padding-right: 30px;
	}
}

@media (min-width: 992px){
	.site-header a:hover {
		color: var(--link-hover);
	}
}
.site-branding img {
	transition: max-height .2s;
}
.bg-gd-1-2{
	background-image: linear-gradient(to right,var(--ci1),var(--ci2));
}
.bg-gd-2-1{
	background-image: linear-gradient(to right,var(--ci2),var(--ci1));
}
img.emoji {
	font-size: 1em;
}
p{
	line-height: 1.7;
}
.p-mg{
	margin-bottom: 1rem;
}
div#content {
	background-color: var(--bg-color);
}
#footbar,body{
	background-color:  var(--footbar-bg);
}
#footbar{
	color: #fff;
}
.site-footer{
	background-color: var(--colophon-bg);
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content p,
.entry-content ol,
.entry-content ul{
	margin-bottom: 1rem;
}

.ffont .elementor-widget-heading .elementor-heading-title {
	font-family: var(--pmr-font);
}
.tfont{
	font-family: var(txt-font);
}



p#billing_country_field {
	display: none;
}

.woocommerce-shipping-fields {
	margin-top: 3em;
}
.woocommerce-additional-fields h3 {
	margin-bottom: 0 !important;
}

.site-member {
	display: none;
}

#main div.product .button{
	line-height: 32px;
	box-sizing: border-box;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	margin-top: 1em;
}
.home .price {
	/*display: none;*/
}
p.woocommerce-result-count {
	display: none;
}
form.woocommerce-ordering {
	display: none;
}
.site-nav-m.active .menu>li {
	width: 100%;
}
.site-nav-m .menu>li:nth-child(1) {
	margin-top: .75em;
}
/*-- Mobile Version --*/
@media (max-width: 992px) {
	.site-branding img {
		max-height: 36px;
		width: auto;
		margin: 10px 0;
	}
}

.postid-187 .price {
	display: none;
}

.postid-187 .input-text.qty.text {
	width: 8em;
	padding-right: 1em;
	padding-left: 1em;
	/*text-align: right;*/
}
.postid-187 .quantity {
	float: unset !important;
	display: inline-block;
	position: relative;
}
.postid-187 div.product .button {
	float: unset !important;
	display: block;
	margin-top: 1em;
}
.postid-187 .quantity::after {
	content: "บาท";
	position: absolute;
	right: -3em;
	top: 10px;
}

li.product.type-product.post-187 .price {
	display: none !important;
}

.woocommerce div.product form.cart::before {
	content: "จำนวน";
	margin-bottom: .5em;
}

.postid-187.woocommerce div.product form.cart::before {
	content: "จำนวนเงินบริจาค";
}

#main .related.products > h2 {
	margin-bottom: 1em;
}
#main div.product .product_title {
	/*color: var(--ci4);*/
	color: var(--ci2);
	/*background: -webkit-gradient(linear,left top,right top,from(var(--ci1)),to(red));*/
	background: linear-gradient(90deg,var(--ci1),red);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.woocommerce-loop-product__title{
	/*color: var(--ci2);*/
	/*background: linear-gradient(90deg,var(--ci1),red);*/
	/*-webkit-background-clip: text;*/
	/*-webkit-text-fill-color: transparent;*/
	/*color: black;*/
}
.price {
	font-family: var(--pmr-font);
}
.woocommerce ul.products li.product .price{
	color: var(--ci3);
}

.btn,a.btn{
	position: relative;
	border-radius: 0;
	background-image:linear-gradient(to right,var(--ci1),var(--ci2),var(--ci1)); 
	background-size: 200%;
	background-position-x:0%; 
	transition: all .2s;
}
.btn:hover,a.btn:hover{
	/*background:linear-gradient(to right,var(--ci2),var(--ci1)); */
	background-position-x:100%;
}

.cl-gd-1 {
	color: var(--ci2);
	background: -webkit-gradient(linear,left top,right top,from(yellow),to(red));
	background: linear-gradient(90deg,yellow,red);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.cl-gd-2 {
	color: var(--ci2);
	background: -webkit-gradient(linear,left top,right top,from(#054dff),to(#0b1a3f));
	background: linear-gradient(90deg,#054dff,#0b1a3f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.bg-gd-2 {
	background: linear-gradient(to bottom right,#3a6ac7,#0b1a3f);
}
#quote_section{
	position: relative;
	background:linear-gradient(to right bottom,#f39c31,#ff4409); 
	text-shadow: 0px 2px 2px #0003;
}
#quote_section::before{
	position: absolute;
	content: " ";
	background-image: url('https://www.kmchf-pp.org/wp-content/uploads/2020/11/hospital02.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply;
	opacity: .4
}


#quote_section p,
#quote_section h3{
	line-height: 1.6;
}
#quote_section p{
	margin-bottom: .5em;
}
.pv-q-p{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 2em;
}

.woocommerce ul.products li.product .button {
	border-radius: 0;
	background-image:linear-gradient(to right,var(--ci1),var(--ci2),var(--ci1)); 
	background-size: 200%;
	background-position-x:0%; 
	color: white;
	font-size: 1em;
	box-shadow: var(--box-shadow);
	padding: .85em 1.5em;
	letter-spacing: 0.8px;
	/*transition: background-position-x .2s;*/
}

.woocommerce ul.products li.product .button:hover{
	background-position-x:100%; 
}

.woocommerce ul.products li.product a img {
	/*box-shadow: var(--box-shadow);*/
}

.input, .input-text {
	background: #fff;
	padding: .5em .8em;
}
.button{
	cursor: pointer;
	transition: all .2s;
}
.button:hover {
	color: #fff;
	background-color: var(--ci1) !important;
}
.acf-fields>.acf-field {
	border: none !important;
}
.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select {
	border-color: #666;
	border-radius: 0;
}
input[type="file"] {
	border: none;
	padding: 0;
	cursor: pointer;
}
input[type=radio], input[type=checkbox] {
	width: auto;
	display: inline-block;
	margin-right: .5em;
}
.acf-input label {
	cursor: pointer;
}
form.acfe-form.acf-form {
	width: 100%;
	max-width: 480px;
	margin: auto;
}
.acf-form-submit {
	margin-top: .5em;
	font-size: 1.25em;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	border-radius: 0 !important;
}
.site-nav-m.active {
	background-color: var(--ci3);
}

.slider {
	padding: 0 !important;
}

.acf-field-5fcdfa1af2dd0 ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
	list-style: none;
}

/*ซ่อนจำนวนนาฬิกา*/
body.postid-478 .qty {
	display: none;
}

body.postid-478 div.product p.stock {
	display: none;
}

#home-seiko{
	background-image: linear-gradient(0deg, hsl(32 80% 15% / 1), #ea5921,#ec8e21);
	background-attachment: fixed; 
	position: relative;
}

#home-seiko theboxes {
	z-index: 10;
}


.btn.-outline{
	background: transparent;
	border:3px solid white;
}

.btn.-outline:hover{
	background: white;
	color: black !important;
}

@keyframes seiko{
	from{}
	to{}
}
/*-- Mobile Version --*/
@media (max-width: 768px) {
	#home-seiko::before {
		display: none;
	}
}

.content-item .entry-summary p {
	line-height: 1.5;
	margin-bottom: 1em;
}
.content-item .author .name h2 {
	font-size: 1em;
}



#badge_section::before {
	position: absolute;
	content: " ";
	background-image: url(https://www.kmchf-pp.org/wp-content/uploads/2020/11/hospital02.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply;
	opacity: .2;
}
#badge_section {
	position: relative;
	background: linear-gradient(to right bottom,#fff,#f0f0f0);
	/*text-shadow: 0px 2px 2px #0003;*/
}
.content-item .entry-summary p {
	line-height: 1.5;
	margin-bottom: 1em;
	display: none;
}


.woocommerce-product-details__short-description li,
.wc-tabs-wrapper li {
	list-style: inherit;
	margin-left: 2em;
}

.postid-478 .variations_form::before {
    opacity: 0;
}