/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 08, 2024, 02:03:57 PM
    Author     : yot_o
*/
@font-face {
    font-family: NotoSansThai;
    src: url("../fonts/Noto_Sans_Thai/NotoSansThai-VariableFont_wdth_wght.ttf");
}
*{
    text-decoration: none;
}
:root {
    /*Static*/
    --background-color: #ffffff;
    --text-color: #000000;
    --header-background-color: #ffffff;
    --button-background-color: #ffffff;
}

:root {
    /*Dinamic*/
    --font-size: 16px;
    --styled-font-size: 18px;
    --header-font-size: 50px;
    /* Template */
    --tempate_top_menu_txt: 14px; 
}

body {
    /* CSS Modify */
    font-family: NotoSansThai !important;
    letter-spacing: 0.36px;
    font-size: var(--font-size);

    background-color: var(--background-color);
    color: var(--text-color);
    transition: background-color 0.3s, color 0.3s;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, span, p, button, ul, li, div, a{
    font-family: NotoSansThai !important;
}

.layout-main .layout-content{
    padding: 20px 20px;
    /*padding-top: 4.5em;*/
}

.card{
    margin-bottom: 0px !important;
}

.pi{
    font-family: 'primeicons' !important;
}

.web_news_img{
    width: 100% !important;
}