@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Krub:wght@300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Trirong:wght@500;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital@1&display=swap');
body {
	font-family: var(--bs-font-primary);
}

.font-pri {
	font-family: var(--bs-font-primary);
}

.font-sec {
	font-family: var(--bs-font-secondary);
}

.font-tri {
	font-family: var(--bs-font-tertiary);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: var(--bs-font-primary);
}

.cursor-pointer {
	cursor: pointer;
}

/*
 * Text & Background Colours
 */

.btn-primary {
	background-color: var(--bs-primary) !important;
	color: #fff !important;
	border: 1px solid var(--bs-primary)!important;
}

.btn-outline-primary {
	background-color: #fff !important;
	color: var(--bs-primary) !important;
	border: 1px solid var(--bs-primary)!important;
}

.btn-secondary {
	background-color: var(--bs-secondary) !important;
	color: #333 !important;
	border: 1px solid var(--bs-secondary)!important;
}

.btn-outline-secondary {
	background-color: #fff !important;
	color: var(--bs-secondary) !important;
	border: 1px solid var(--bs-secondary)!important;
}

.text-primary, a:focus {
	color: var(--bs-primary) !important;
}

.bg-primary, input[type=checkbox]:checked {
	background-color: var(--bs-primary)!important;
}

.bg-secondary {
	background-color: var(--bs-secondary)!important;
}

.text-secondary {
	color: var(--bs-secondary) !important;
}

.bg-tertiary {
	background-color: var(--bs-tertiary)!important;
}

textarea:focus, .btn:focus, .btn:focus-visible, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="checkbox"]:focus, .uneditable-input:focus {
	box-shadow: 0 1px 1px var(--bs-primary) inset, 0 0 8px var(--bs-primary);
	outline: 0 none;
}

/* 
 * Font Sizes
 */

.fs-smaller {
	font-size: 0.9rem;
}

.fs-normal {
	font-size: 1rem;
}

.fs-bigger {
	font-size: 1.2rem;
}