/* STYLESHEET */

/* FONTS ADDENDUM */

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

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&display=swap');
@import "css.css?v=20251208132757";


/*===A===A===A===A===A===A===A===A===A===A===A===A===A===A===A===A===A===A===A===A
            /*  PRIMARY COLOR OVERWRITES { overwrites bootstrap 3 primary color settings } 
            /*===A===A===A===A===A===A===A===A===A===A===A===A===A===A===A===A===A===A===A===A*/

            .bs-primary-border { border-color: #2fa2ff; }
            .bs-primary-background { background-color: #2fa2ff; }
            .bs-primary-color { color: #2fa2ff; }

            .text-primary { color: #2fa2ff; }

            .bg-primary, .bg-brand  {
                color: #FFF;
                background-color: #2fa2ff;
            }

            .progress-bar-primary {
                color: #FFF;
                background-color: #2fa2ff;
            }

            a.bg-primary:hover,
            a.bg-primary:focus {
                background-color: #0062bf;
            }

            .btn-primary, .btn-primary:link, .btn-primary:visited,
            .btn-brand, .btn-brand:link, .btn-brand:visited{
                color: #FFF;
                background-color: #2fa2ff;
                border-color: #2295f2;
            }

            .btn-primary:focus,
            .btn-primary.focus,
            .btn-brand:focus,
            .btn-brand.focus,
            .btn-primary:hover,
            .btn-primary:active,
            .btn-primary.active,
            .btn-brand:hover,
            .btn-brand:active,
            .btn-brand.active,
            .open > .dropdown-toggle.btn-primary,
            .open > .dropdown-toggle.btn-brand {
                color: #FFF;
                background-color: #1588e5;
                border-color: #097cd9;
            }

            .btn-primary:active:hover,
            .btn-primary.active:hover,
            .open > .dropdown-toggle.btn-primary:hover,
            .btn-primary:active:focus,
            .btn-primary.active:focus,
            .open > .dropdown-toggle.btn-primary:focus,
            .btn-primary:active.focus,
            .btn-primary.active.focus,
            .open > .dropdown-toggle.btn-primary.focus,
            .btn-brand:active:hover,
            .btn-brand.active:hover,
            .open > .dropdown-toggle.btn-brand:hover,
            .btn-brand:active:focus,
            .btn-brand.active:focus,
            .open > .dropdown-toggle.btn-brand:focus,
            .btn-brand:active.focus,
            .btn-brand.active.focus,
            .open > .dropdown-toggle.btn-brand.focus {
                color: #FFF;
                background-color: #097cd9;
                border-color: #006fcc;
            }

            .btn-primary:active,
            .btn-primary.active,
            .open > .dropdown-toggle.btn-primary,
            .btn-brand:active,
            .btn-brand.active,
            .open > .dropdown-toggle.btn-brand {
                background-image: none;
            }

            .btn-primary.disabled:hover,
            .btn-primary[disabled]:hover,
            fieldset[disabled] .btn-primary:hover,
            .btn-primary.disabled:focus,
            .btn-primary[disabled]:focus,
            fieldset[disabled] .btn-primary:focus,
            .btn-primary.disabled.focus,
            .btn-primary[disabled].focus,
            fieldset[disabled] .btn-primary.focus,            
            .btn-brand.disabled:hover,
            .btn-brand[disabled]:hover,
            fieldset[disabled] .btn-brand:hover,
            .btn-brand.disabled:focus,
            .btn-brand[disabled]:focus,
            fieldset[disabled] .btn-brand:focus,
            .btn-brand.disabled.focus,
            .btn-brand[disabled].focus,
            fieldset[disabled] .btn-brand.focus{
                background-color: #2fa2ff;
                border-color: #2295f2;
            }

            .btn-primary:not(:disabled):not(.disabled):active,
            .btn-brand:not(:disabled):not(.disabled):active {
                color: #FFF;
                background-color: #0f82df;
                border-color: #097cd9;
            }
            
            .btn-primary .badge,            
            .btn-brand .badge {
                color: #2fa2ff;
                background-color: #FFF;
            }

            .label-primary {
                background-color: #2fa2ff;
            }

            .label-primary[href]:hover,
            .label-primary[href]:focus {
                background-color: #0055b2;
            }

            .panel-primary {
                border-color: #2fa2ff;
            }

            .panel-primary > .panel-heading {
                color: #FFF;
                background-color: #2fa2ff;
                border-color: #2fa2ff;
            }

            .panel-primary > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: #2fa2ff;
            }

            .panel-primary > .panel-heading .badge {
                color: #2fa2ff;
                background-color: #FFF;
            }

            .panel-primary > .panel-footer + .panel-collapse > .panel-body {
                border-bottom-color: #2fa2ff;
            }

            .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
                background-color: #2fa2ff;
                border-color: #2fa2ff;
            }

            .pagination>li>a, .pagination>li>span {
                color: #2fa2ff;
            }
            
            .page-link:hover {
                color: #1588e5;
            }
            
        .pagination .page-item.active > .page-link, 
        .pagination .page-item a.page-link.active {
            color: #FFF;
            background-color: #2fa2ff;
            border-color: #1588e5;
        }
            

 
:root {
    --clr-brand:            #2fa2ff;
    --clr-orange:           #f2be1a;
    --clr-grey:             #9996a1;
    --clr-lightgrey:        #efefef; // #dbd8e3;
    --clr-white:            #FFFFFF;
    --clr-lightblue:        #D0E6F3;
        
    --clr-light:            #EFEFEF;
    --clr-dark:             #000000;
    
    --font-brand:           'Rubik', 'Open Sans', Arial, sans-serif;  
    --font-brand-alt:       'Rubik', 'Open Sans', Arial, sans-serif;     
    
    --border-radius:        1.5rem; 
    
    --box-shadow-off:       none; 
    --box-shadow-on:        rgba(50, 50, 93, 0.25) 0px 15px 15px -5px, rgba(0, 0, 0, 0.3) 0px 10px 10px -8px;
    --box-shadow-hover:     rgba(50, 50, 93, 0.35) 0px 12px 21px -5px, rgba(0, 0, 0, 0.4) 0px 15px 16px -8px;
}