/*
 __         ______        ______     __         ______     ______     ______     ______    
/\ \       /\  __ \      /\  ___\   /\ \       /\  __ \   /\  ___\   /\  ___\   /\  ___\   
\ \ \____  \ \  __ \     \ \ \____  \ \ \____  \ \  __ \  \ \___  \  \ \___  \  \ \  __\   
 \ \_____\  \ \_\ \_\     \ \_____\  \ \_____\  \ \_\ \_\  \/\_____\  \/\_____\  \ \_____\ 
  \/_____/   \/_/\/_/      \/_____/   \/_____/   \/_/\/_/   \/_____/   \/_____/   \/_____/ 
                                                                                           
                   _____     ______        __  __     ______     __   __                   
                  /\  __-.  /\  ___\      /\ \/ /    /\  ___\   /\ "-.\ \                  
                  \ \ \/\ \ \ \  __\      \ \  _"-.  \ \  __\   \ \ \-.  \                 
                   \ \____-  \ \_____\     \ \_\ \_\  \ \_____\  \ \_\\"\_\                
                    \/____/   \/_____/      \/_/\/_/   \/_____/   \/_/ \/_/                
                                                                                           
LCDK Hub by La classe de Ken | Powered by KTP Studio
Edition : Main Style - Build 1
File Type : CSS
Version : 1.0.0
Developed by Kantapong Chuechan
Contact Developer :
[Website] www.ikenzz.xyz
[Email] kenichi@ktpstudioth.com
Copyright © 2025 iKenzz and KTP Studio. All rights reserved.

*/

@charset "UTF-8";

@import url('google-fonts.css');

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
	font-family: 'Kanit', sans-serif!important;
	font-weight: 300;
}

:root {
	--lcdk-purple: #5314ff;
	--lcdk-blue: #2bc3fd;
	--lcdk-yellow: #fcc303;
	--lcdk-pink: #e31e69;
}

/* Overridden Bootstrap Default*/
:root {
	/*--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	/*--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;*/
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, input, button, form, .btn {
	font-family: 'Kanit', sans-serif!important;
	line-height: 1.35;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 600;
}

button {
	font-weight: 500;
}

@media only screen and (max-width: 767px) {
	html {
		font-size: 14px;
	}
}

@media (orientation: landscape) {
	body {
		height: 100vh;
		width: calc(9 / 16 * 100vh);
		margin: 0 auto;
	}
}

.background {
	width: 110vw;
	height: 110vh;
	position: fixed;
	z-index: -9999;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/* From https://codepen.io/P1N2O/pen/pyBNzX */
.background.gradient1 {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.system-load {
	background-repeat: no-repeat no-repeat;
	background-size: cover;
	background-position: center center;
	/*background-image: url('../img/loading.jpg');*/
	text-shadow: 0px 0px 1em rgba(0,0,0,1);
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
}

.lcdk.bg-purple {
	background: var(--lcdk-purple)!important;
}
.lcdk.bg-blue {
	background: var(--lcdk-blue)!important;
}
.lcdk.bg-yellow {
	background: var(--lcdk-yellow)!important;
}
.lcdk.bg-pink {
	background: var(--lcdk-pink)!important;
}