:root{
	--primary-color: #0a57a4;
	--secondary-color: #7d7d7d; 
	--bg-color: #eae5de;
}
body,p,
#mainMenu nav > ul > li > a,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
#footer,
#footer p{
	font-family: "Noto Sans Thai", "Roboto", serif;
}
.font-custom{ font-family: "Jost", "Noto Sans Thai", serif !important;	}
button.btn.btn-primary, .btn:not(.close):not(.mfp-close).btn-primary, a.btn:not([href]):not([tabindex]).btn-primary,
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]),
button.btn.btn-outline:hover, button.btn.btn-outline:focus, button.btn.btn-outline:active, button.btn.btn-outline.active, .btn:not(.close):not(.mfp-close).btn-outline:hover, .btn:not(.close):not(.mfp-close).btn-outline:focus, .btn:not(.close):not(.mfp-close).btn-outline:active, .btn:not(.close):not(.mfp-close).btn-outline.active, a.btn:not([href]):not([tabindex]).btn-outline:hover, a.btn:not([href]):not([tabindex]).btn-outline:focus, a.btn:not([href]):not([tabindex]).btn-outline:active, a.btn:not([href]):not([tabindex]).btn-outline.active{
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
button.btn.btn-outline, .btn:not(.close):not(.mfp-close).btn-outline, a.btn:not([href]):not([tabindex]).btn-outline{
	border-color: var(--primary-color);
	color: var(--primary-color);
}
a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active,
#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span{
	color: var(--primary-color);
}
.w100{ width:100%; }
.flickity-button:hover{ background:var(--primary-color); }


@media(max-width:1024px){
	button.btn:not(.btn-creative):not(.btn-slide), .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide), a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide){
		height: auto;
		line-height: 40px;
	}
}