h1, h2, h3, h4, h5, h6, p, span, a, input, label, button, textarea, select{
    font-family: 'Kanit', sans-serif;
}

textarea, select{
    border-radius:0 !important;
    border:0 !important;
}

.temp{
    background:yellow;
}

input{
    border-radius:0 !important;
    border:0 !important;
}

/* BTNS */

.btn--custom{
    color:#fff;
    padding: 8px 20px;
    border:0 !important;
}

/* COLORS */

.color--petrol{
    color:#7ED957;
}

.color--green{
    color:#2E700F !important;
}

.bg--green{
    background:#7ED957;
}

.bg--color--green{
    background-color:#2E700F !important;
    border: 1px solid #2E700F !important;
}

.bg--color--petrol{
    background-color:#7ED957 !important;
    border: 1px solid #7ED957 !important;
}


.bg--petrol{
    background:#2E700F;
}

.bg--petrol--dark{
    background:#2E700F;
}


/* BASICS */

a{
    text-decoration:none !important; 
}

span.line{
    display:inline-block;
    height: 6px;
    width:100px;
    background:#D7D7D7;
}

.img--above{
    position: relative;
    z-index:100;
}

.bg--under{
    position: relative;
    z-index:-100;
}

/* NAVBAR */

.navbar-nav li a.nav-link{
    color:#7ED957;
    text-transform: uppercase;
}

.navbar-nav li a.active{
    color:#2E700F !important;
    font-weight: bold;
}

/* FOOTER */

.footer--menu{
    list-style: none;
    text-align: right;
}

.footer--menu li{
    padding-top:5px;
    padding-bottom:5px;
}

.footer--menu li a{
    color: #7ED957;
    text-transform: uppercase;
}

.footer--menu li a.active{
    color: #2E700F;
    font-weight: bold;
}


/* CAROUSEL */

.carousel-indicators--custom [data-bs-target] {
    background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators--custom .active {
    background-color: rgb(255, 255, 255);
}

/* NEWS */

.news--custom{
    position: relative;
}

.news--custom img{
    position: relative;
    border-radius: 30px;
}

.news--custom a{
    position: absolute;
    right:0;
    bottom:0;
}

/* CATEGORY FILTER */

.category--filter{
    list-style: none;
    padding:0;
}

.category--filter li{
    display: inline-block;
    height:50px;
    margin:0;
}

.category--filter li a{
    background:#EBEBEB;
    padding: 8px 20px;
    cursor: pointer;
    color:#2E700F;
    border-radius:30px;
}

.category--filter li a.active{
    background:#2E700F;
    color: #fff;
}


/* PRIVACY */

.privacy h4{
    color: #7ED957;
}

.privacy p{
    font-weight: 300;
}

/* TOAST */

.toast-container .toast-body{
    background:#2E700F;
    color:#fff;
    border-radius:0 0 2px 2px;
}