@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');



/* http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 

10px	0.625rem
11px	0.6875rem
12px	0.75rem
13px	0.8125rem
14px	0.875rem
15px	0.9375rem
16px	1rem
17px	1.0625rem
18px	1.125rem
19px	1.1875rem
20px	1.25rem
21px	1.3125rem
22px	1.375rem
23px	1.4375rem
24px	1.5rem
25px	1.5625rem
26px	1.625rem
27px	1.6875rem
28px	1.75rem
29px	1.8125rem
30px	1.875rem

*/


div, body {
    font-family: 'Sarabun', sans-serif;
    font-size: 1.125rem !important;
}

.btn-1rem {
    font-size: 1.0625rem !important;
}



.v-btn--stacked.v-btn--size-x-small {
    height: 46px !important;
}

.v-list-item:hover {
    background-color: gold !important;
    color: black !important;
}

.v-list-item--nav .v-list-item-title {
    line-height: unset !important;
}

.btn-bottom-col:hover {
    /* #263238*/
    background-color: gold !important;
}

.btn-bottom:hover {
    color: black !important;
}

.font-size24 {
    font-size: 1.5rem !important;
}

.font-size20 {
    font-size: 1.25rem !important;
}

.font-color-gold {
    color: goldenrod !important;
}

.pt-40 {
    padding: 40px;
}

.pt-20 {
    padding: 20px;
}