@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

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

:root {
    --color-primary: #000;
    --color-secondary: #000;
    --color-tertiary: #000;
    --color-tertiary2: #343434;
    --color-quaternary: #FFF;
    --color-black:#000;
    
    --color-primary-hover: #000;
    --color-secondary-hover: #000;
    --color-tertiary-hover: #000;
    
    --color-font-primary: #ffffff;
    --color-font-secondary: #000;
    --color-font-tertiary: #000;
    --color-font-quaternary: #000;
    
    
}

* { font-family: 'Roboto', sans-serif; }
html, body { overflow: auto!important; scroll-behavior: smooth; background-color: #f5f5f5;}
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-secondary)!important;
    box-shadow: 0 0 0 0.2rem rgba(207,41,44,.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_style__primary {
    border-radius: 7px;
    color: var(--color-font-primary);
    background-color: var(--color-primary);
    padding: 8px 20px;
}

.btn_style__secondary {
    border-radius: 7px;
    color: var(--color-font-primary);
    background-color: var(--color-black);
    padding: 8px 20px;
	border: 2px solid #fff;
}

.btn_style__secondary_laranja {
    border-radius: 7px;
    color: var(--color-font-primary);
    background-color: var(--color-tertiary);
    padding: 8px 20px;
    margin-left: 40px;
}

.btn_style__secondary2 {
    border-radius: 7px;
    color: var(--color-font-primary);
    background-color: var(--color-tertiary);
    padding: 8px 20px;
}

.btn_style__secondary2:hover {
    color: #fff;
    background-color: var(--color-tertiary2);
    padding: 8px 20px;
}

.btn_style__secondary5 {
        border-radius: 7px;
    color: #000!important;
    background-color: #ffffff;
    padding: 8px 20px;
    border: 2px solid #000;
}

.btn_style__secondary5:hover {
    color: #fff!important;
    background-color: #000;
}

.btn_style__primary:hover { transition: .6s; background-color: var(--color-primary-hover); color: var(--color-font-primary); }
.btn_style__secondary:hover { transition: .6s; background-color: #343434; color: var(--color-font-primary); }
