@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/**
* font-family: 'Raleway', sans-serif;
*/

:root {
    --color-primary: #01346b;
    --color-secondary: #f57e01;

    --color-primary-hover: #01346b;
    --color-secondary-hover: #f57e01;
    
    --color-font-dark: #01346b;
    --color-font-light: #ffffff;
}

* { font-family: "Libre Franklin", sans-serif; font-optical-sizing: auto !important; }
html, body { overflow: auto!important; scroll-behavior: smooth; color: var(--color-font-dark); }
a:hover, a:focus, a:active { text-decoration: none; }


.grecaptcha-badge { display: none!important; }

input:focus, input:active,
select:focus, select:active,
textarea:focus, textarea:active {
    border-color: var(--color-primary)!important;
    box-shadow: 0 0 0 0.2rem rgba(23, 120, 165, 0.25)!important;
}

/* Msg alert flashdata */
.msg_status { position: fixed; z-index: 9999; width: 100%; top: 0; right: 0; }
.msg_status .alert { border-radius: 0; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.2rem; }
.msg_status .alert button span { font-size: 2.3rem; }


    /* Style button */
.btn_theme__primary {
    border: 1px solid var(--color-font-dark);
    border-radius: 10px;
    color: var(--color-font-dark);
    padding: 5px 25px;
    font-size: 1rem;
}
.btn_theme__primary:hover { 
    transition: .5s; 
    background-color: var(--color-primary-hover); 
    color: var(--color-font-light); 
}