/*****************************************************************************************************************************************/
/* MAIN STYLES */
/*****************************************************************************************************************************************/


/*****************************************************************************************************************************************/
/* CSS VARIABLES */
/*****************************************************************************************************************************************/

:root {
    --kb-brand-color-1-main: #3266FF; /* Blue */
    --kb-brand-color-2-main: #000000; /* Black */
    --kb-border-main-color: #EAEAEA; /* Light Gray */
    --kb-text-main-color: #000000; /* Black */
    --kb-text-font-size: 12px;
    --bs-body-font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}


/*****************************************************************************************************************************************/
/* FULL PAGE STYLES */
/*****************************************************************************************************************************************/

html, body {
    height: 100%;
}


/*****************************************************************************************************************************************/
/* GENERAL ELEMENT STYLES */
/*****************************************************************************************************************************************/

* {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: var(--kb-text-font-size);
}

html {
}

body {
    background: #F6F6F6;
}

h1, h2, h3, h4, p, a, ul, li {
    line-height: 1.75;
}

h1, h2, h3, h4, logo {
    margin-top: 0px;
    margin-bottom: 12px;
    font-family: "Times New Roman", Times, "Liberation Serif", serif;
    font-weight: 600;
}

    h1, h1 logo {
        font-size: 20px;
    }

h2, h2 logo {
    font-size: 18px;
}

h3, h3 logo {
    font-size: 16px;
}

h3 {
    color: #000000;
}

h4, h4 logo {
    font-size: 14px;
}

h4 {
    font-weight: bold;
}

p, span, label, a, ul, li, input, button {
    font-size: var(--kb-text-font-size);
}

p {
    margin-bottom: 16px;
}

a, a:link, a:active, a:visited, a:focus, a:after, a:hover {
    color: var(--kb-brand-color-1-main);
    text-decoration: none;
}

    a:hover {
        color: #000000;
        text-decoration: underline;
    }

logo {
    color: var(--kb-brand-color-1-main);
    font-weight: bold;
}


blockquote {
    border-left: none;
    margin: 0;
    margin-bottom: 20px;
}


/*****************************************************************************************************************************************/
/* PLACEHOLDER STYLES */
/*****************************************************************************************************************************************/

::-webkit-input-placeholder {
    font-size: var(--kb-text-font-size);
    color: #A3B1BF !important;
}

::-moz-placeholder {
    font-size: var(--kb-text-font-size);
    color: #A3B1BF !important;
}

:-ms-input-placeholder {
    font-size: var(--kb-text-font-size);
    color: #A3B1BF !important;
}

::placeholder {
    font-size: var(--kb-text-font-size);
    color: #A3B1BF !important;
}


/*****************************************************************************************************************************************/
/* TEST AREA */
/*****************************************************************************************************************************************/

/*
.kb-header,
.kb-body,
.kb-footer {
    border: 10px solid red;
}

    .kb-header > .col,
    .kb-body > .col,
    .kb-footer > .col {
        border: 10px solid gray;
    }

        .kb-header > .col > .row.kb-header-section,
        .kb-body > .col > .row.kb-body-section,
        .kb-footer > .col > .row.kb-footer-section {
            border: 10px solid blue;
        }
        .kb-header > .col > .row.kb-header-section:nth-child(even),
        .kb-body > .col > .row.kb-body-section:nth-child(even),
        .kb-footer > .col > .row.kb-footer-section:nth-child(even) {
            border: 10px solid dodgerblue;
        }

            .kb-header > .col > .row.kb-header-section > .col,
            .kb-body > .col > .row.kb-body-section > .col,
            .kb-footer > .col > .row.kb-footer-section > .col {
                border: 10px solid gray;
            }

                .kb-header > .col > .row.kb-header-section > .col > .container,
                .kb-body > .col > .row.kb-body-section > .col > .container,
                .kb-footer > .col > .row.kb-footer-section > .col > .container {
                    border: 10px solid green;
                }


.kb-body {
    border: 10px solid darkred;
}
*/