@font-face {
    font-family: 'tahoma-regular';
    src: url('../fonts/founm-regular-webfont.woff2') format('woff2'), url('../fonts/founm-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tahoma-med';
    src: url('../fonts/founm-medium-webfont.woff2') format('woff2'), url('../fonts/founm-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tahoma-bd';
    src: url('../fonts/founm-bold-webfont.woff2') format('woff2'), url('../fonts/founm-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tahoma-regular';
    src: url('../fonts/Tahoma.woff2') format('woff2'), url('../fonts/Tahoma.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bai-jamjuree-bold';
    src: url('../fonts/BaiJamjuree-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'bai-jamjuree-bold-italic';
    src: url('../fonts/BaiJamjuree-BoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'bai-jamjuree-extra-light';
    src: url('../fonts/BaiJamjuree-ExtraLight.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'bai-jamjuree-extra-light-italic';
    src: url('../fonts/BaiJamjuree-ExtraLightItalic.ttf') format('truetype');
    font-weight: lighter;
    font-style: italic;
}

@font-face {
    font-family: 'bai-jamjuree-extra-light-italic';
    src: url('../fonts/BaiJamjuree-ExtraLightItalic.ttf') format('truetype');
    font-weight: lighter;
    font-style: italic;
}

@font-face {
    font-family: 'bai-jamjuree-italic';
    src: url('../fonts/BaiJamjuree-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'bai-jamjuree-light';
    src: url('../fonts/BaiJamjuree-Light.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'bai-jamjuree-light-italic';
    src: url('../fonts/BaiJamjuree-LightItalic.ttf') format('truetype');
    font-weight: lighter;
    font-style: italic;
}

@font-face {
    font-family: 'bai-jamjuree-medium';
    src: url('../fonts/BaiJamjuree-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bai-jamjuree-medium-italic';
    src: url('../fonts/BaiJamjuree-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'bai-jamjuree-regular';
    src: url('../fonts/BaiJamjuree-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bai-jamjuree-semibold';
    src: url('../fonts/BaiJamjuree-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'bai-jamjuree-semibold-italic';
    src: url('../fonts/BaiJamjuree-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

:root {
    /* Colors */
    --first-color-orange: #FF6C00;
    --first-color-orange-opacity: #FFB47F;
    --first-color-brown: #4b352a;
    --first-color-green-opacity: #00B18933;
    --first-color-dark: #161A1D;
    --first-color-light: #968B83;
    --first-color-lighten: #E4DEDC;
    --second-color-lighten: #f6f6f6;
    --second-color-orange: #DB6015;
    --second-color-orange-opacity: #DB601533;
    --second-color-green-opacity: #66C9BA33;
    --second-color-yellow: #F4B223;
    --second-color-green: #66C9BA;
    --first-color-gray: #746660;
    --second-color-gray: #E4DEDC;
    --second-color-dark: #ccc;
    --white-color: #FBFBFB;
    --dark-color: #000;
    --dark-color-secondary: #351c06;
    /* Typography */
    --h1-font-size: 2rem;
    --normal-font-size: 0.938rem;
    --small-font-size: 0.813rem;
    /*--font-color: #7b5c4e;*/
    --font-color: #151515;
    /* Shadows */
    --shadow-color: #188A6A;
}

html {
    font-size: 18px;
    position: relative;
    min-height: 100%;
}

body {
    color: var(--font-color) !important;
    font-family: 'bai-jamjuree-semibold', 'bai-jamjuree-regular', 'bai-jamjuree-bold', 'bai-jamjuree-medium' !important;
}

p {
    font-family: 'bai-jamjuree-regular'
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--font-color);
}

.text-justify {
    text-align: justify;
}

.top-75{
    top: 75% !important;
}

form input::placeholder {
    color: var(--first-color-lighten) !important;
}

/* Override bootstrap classes */
.input-group-text {
    color: var(--white-color);
    background-color: var(--font-color);
    font-weight: 700;
}

.form-control:focus,
.was-validated .form-check-input:valid,
.form-check-input:focus {
    box-shadow: 0 0 0 .1rem var(--first-color-orange-opacity);
}

.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 0;
}

.form-check-input:checked {
    background-color: var(--first-color-brown);
    border-color: var(--dark-color-secondary);
}

.was-validated .form-check-input:valid,
.was-validated .form-check-input:valid:checked {
    border-color: var(--font-color);
}

.was-validated .form-check-input:valid:checked {
    background-color: var(--font-color);
}

.card-body {
    color: var(--font-color);
}

.btn-primary {
    background-color: var(--first-color-orange);
    border-color: var(--first-color-orange);
    transition: 0.1s;
}

.btn-primary:hover {
    background-color: var(--first-color-orange-opacity);
    border-color: var(--first-color-orange-opacity);
    transition: 0.1s;
}

.btn-primary:first-child:active {
    background-color: var(--first-color-orange);
    border-color: var(--first-color-orange-opacity);
}


/* Media properties */
@media (max-width: 768px) {
    html {
        font-size: 16px;
    }

    .top-75 {
        top: 50% !important;
    }
}