/*
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);
	--pmr-font: "AnakotmaiWeb",-apple-system, BlinkMacSystemFont,"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--plyr-color-main: #f17c30;
}
@font-face{
	font-family:"AnakotmaiWeb";
	src:url(fonts/anakotmai/anakotmai-light.woff) format("woff"),
	url(fonts/anakotmai/anakotmai-light.woff2) format("woff2"),
	url(fonts/anakotmai/anakotmai-light.eot) format("eot");
	font-weight:300;
	font-style:normal;
}
@font-face{
	font-family:"AnakotmaiWeb";
	src:url(fonts/anakotmai/anakotmai-medium.woff) format("woff"),
	url(fonts/anakotmai/anakotmai-medium.woff2) format("woff2"),
	url(fonts/anakotmai/anakotmai-medium.eot) format("eot");
	font-weight:500;
	font-style:normal;
}
@font-face{
	font-family:"AnakotmaiWeb";
	src:url(fonts/anakotmai/anakotmai-medium.woff) format("woff"),
	url(fonts/anakotmai/anakotmai-medium.woff2) format("woff2"),
	url(fonts/anakotmai/anakotmai-medium.eot) format("eot");
	font-weight:700;
	font-style:normal;
}

@font-face {
	font-family: "Sarabun";
	src: url('fonts/sarabun/sarabun.woff2') format('woff2');
	font-weight: 500;
}
@font-face {
	font-family: "Sarabun";
	src: url('fonts/sarabun/sarabun-medium.woff2') format('woff2');
	font-weight: 700;
}
@font-face {
	font-family: "Sarabun";
	src: url('fonts/sarabun/sarabun-bold.woff2') format('woff2');
	font-weight: 900;
}



@font-face {
	font-family: 'IBM';
	src: url('fonts/ibm-plex/IBMPlexSansThaiLooped-Regular.woff2') format('woff2'),
	url('fonts/ibm-plex/IBMPlexSansThaiLooped-Regular.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'IBM';
	src: url('fonts/ibm-plex/IBMPlexSansThaiLooped-SemiBold.woff2') format('woff2'),
	url('fonts/ibm-plex/IBMPlexSansThaiLooped-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@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;
}
img.emoji {
	font-size: 1em;
}
p{
	line-height: 1.7;
}
.entry-content{
	font-size: 1.1rem;
}
.p-mg{
	margin-bottom: 1rem;
}
div#content {
	background-color: var(--bg-color);
}
#footbar{
	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);
}

.site-nav-m.active .menu>li {
	width: 100%;
}
.site-nav-m .menu>li:nth-child(1) {
	margin-top: .75em;
}

.card-kk .content-item.-card .pic img,
.card-kk .content-item.-card .pic{
	border-radius: 0 !important;
}

.on-dark  .content-item .author .name{
	color:white;
}



.--hide-dot ol.flickity-page-dots {
	display: none;
}


.breaking-news-wrap {
	max-height: 240px;
	overflow-y: auto;
}

.btn, a.btn{
	border-radius: 0;
}

.darker-filter {
	background: #000b;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

.btn {
	color: #fff !important;
	background: #ff6a00;
	background: rgba(255, 138, 75, 1);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff5500), color-stop(100%, #ff7f00));
	background: -webkit-linear-gradient(-45deg, #ff5500 0%, #ff7f00 100%);
	transition: opacity .3s important;
	position: relative;
	opacity: 1;
}
.btn:hover{
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff5500), color-stop(50%, #ff7f00), color-stop(100%, #ffaa00));
	background: -webkit-linear-gradient(-45deg, #ff5500 0%, #ff7f00 50%, #ffaa00 100%);
	/*opacity: .8;*/
}

.woocommerce div.product form.cart{
	display: none;
}

#main ul.products li.product .button {
	display: none;
}

p.woocommerce-result-count {
	display: none;
}

.woocommerce ul.products li.product a img {
	margin-bottom: 1rem;
}

#main .price{
	font-family: var(--pmr-font);
	font-weight: bold;
}

.site-member .m-user {
	display: none;
}

#main div.product p.price {
	color: var(--ci1) !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.content-item .author img{
	border-radius: 0;
}

.bg-stamp{
	background-color: #f0f0f0;
	background-size: 30%;
	background-position: center;
	background-repeat: no-repeat;
}
.main-header{
	margin-bottom: 0;
	padding-top: 3rem;
}
.entry-author .pic img{
	border-radius: 0;
}

.archive .-xbanner .blank{
	display: none;
}
.archive .-xbanner h1{
	margin-bottom: 1rem;
}
.home-pin-title{

	color: black;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: black;
	font-size: 8em;
	position: relative;
	left: .1em;
	text-align: left;
	display: block;
	width: 100%;
	opacity: .1;
	height: .7em;
	top: -.4em;
}
/*-- Mobile Version --*/
@media (max-width: 768px) {
	.home-pin-title{
		font-size: 6em;
		-webkit-text-stroke-width: 2px;
	}
}



.-xhidden {
	display: none;
}
.btn.-light {
	background: -webkit-linear-gradient( 
		-45deg, #fff 0%, #eee 100%);
	color: var(--ci1) !important;
}
ul.seed-social {
	text-align: center;
}

.seed-social>li {
	margin: 0 .3em;
}
.seed-social .text, .seed-social .count {
	display: none;
}
.entry-meta {
	margin-top: 1rem;
}

#breadcrumbs{
	display: none;
}

.wp-block-file {
	font-family: var(--pmr-font);
	font-weight: bold;
}
.wp-block-file .wp-block-file__button{
	background: var(--ci1);
}

.entry-meta {
	font-family: var(--pmr-font);
	font-weight: bold;
	background: #f6f6f6;
	padding: 1em;
	border-radius: 10px;
}
.seed-social a {
	padding: 0;
	min-width: 40px;
	border-radius: 80px;
}
.seed-social>li {
	margin: 0 .5em;
}

.site-title{
	white-space: nowrap;
}
a#dpdpa--popup-accept-all,
a.dpdpa--popup-button {
    background-color: #ff7f00;
    color: #fff;
}
.dpdpa--popup-action.text{
	color: #ff7f00;
}

figcaption {
    font-size: 1rem;
    text-align: center;
    font-style: italic;
}
.wp-block-buttons {
    margin-bottom: 1em;
}

.wp-block-button__link {
    font-family: var(--pmr-font);
    background: var(--ci1);
    font-size: 1rem;
}
.wp-block-button__link:hover {
    background: var(--ci2);
}

div#menu-hack {
    display: flex;
    justify-content: center;
    align-items: center;
}
.hack-link {
    width: 7em;
    height: 7em;
    background: var(--ci1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    font-size: 1.5em;
    color: white;
    font-family: var(--pmr-font);    
    flex-flow: column;

}

.woocommerce div.product .out-of-stock {
    font-size: 1.2rem !important;
    font-family: 'AnakotmaiWeb';
}

.woocommerce div.product .out-of-stock::after{
/*	content: " (ไม่ผลิตเพิ่ม)";*/
}

span.wcsob_soldout::after {
    content: "สินค้าหมดแล้ว";
    font-size: 1rem;
}

span.wcsob_soldout {
    font-size: 0;
}

p.wcsob_soldout_text {
    color: red;
    font-weight: bold;
}

body.logged-in :where(.dpdpa--popup-bg,.dpdpa--popup-sidebar){
	display: none;
}
.site-branding img{
	width: 100%;
}