/* STYLESHEET */

/* FONTS ADDENDUM */

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,700;1,400&family=Inria+Serif:ital,wght@0,400;0,700;1,400&display=swap');

@import "css.css?v=20240705155954";

:root {
  --colorBase:          #ffffff;
  --colorInverseBase:   #000000;    
  --colorBrand:         #d4c0c0;
  --colorBrandSoft:     #fff3f3;
  --colorBackground:    #ffffff;
  --colorAlternative:   #B8C1CE;
  
  --colorFont:          #222222;
  
  --fontBase:           'Be Vietnam Pro','Open Sans', Arial, sans-serif; 
  --fontAlternative:    'Inria Serif', 'Be Vietnam Pro','Open Sans', Arial, sans-serif; 
  
  --grid-column-margin: 15px;  
  --basePadding       : 15px;
  --borderRadius      : 10px;
}

/* ================================================================================================================== */
/* BOOTSTRAP OVERWRITES */
/* ================================================================================================================== */


/*===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 4 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-primary { border-color: #d4c0c0 !important; }
.bs-primary-background { background-color: #d4c0c0; }
.bs-primary-color { color: #d4c0c0; }

.text-primary { color: #d4c0c0; }

.bg-primary, .bg-brand, .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #000;
    background-color: #d4c0c0;
}

.progress-bar-primary {
    color: #000;
    background-color: #d4c0c0;
}

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

.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #d4c0c0;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle,
.btn-primary, .btn-primary:link, .btn-primary:visited {
    color: #000;
    background-color: #d4c0c0;
    border-color: #c7b3b3;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #FFF;
    background-color: #baa6a6;
    border-color: #ae9a9a;
    box-shadow: 0 0 0 0.2rem #d4c0c0;
}

.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 {
    color: #FFF;
    background-color: #ae9a9a;
    border-color: #a18d8d;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    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 {
    background-color: #d4c0c0;
    border-color: #c7b3b3;
}

.btn-primary:not(:disabled):not(.disabled):active {
    color: #FFF;
    background-color: #b4a0a0;
    border-color: #ae9a9a;
}           

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, 
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #d4c0c0;
}

.btn-outline-primary, .btn-outline-primary:link, .btn-outline-primary:visited {
    background-color: #000;
    color: #d4c0c0;
    border-color: #c7b3b3;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active,
.open > .dropdown-toggle.btn-outline-primary {
    color: #FFF;
    background-color: #baa6a6;
    border-color: #ae9a9a;
}

.btn-outline-primary:active:hover,
.btn-outline-primary.active:hover,
.open > .dropdown-toggle.btn-utline-primary:hover,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.open > .dropdown-toggle.btn-outline-primary:focus,
.btn-outline-primary:active.focus,
.btn-outline-primary.active.focus,
.open > .dropdown-toggle.btn-outline-primary.focus {
    color: #FFF;
    background-color: #ae9a9a;
    border-color: #a18d8d;
}

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

.btn-outline-primary.disabled:hover,
.btn-outline-primary[disabled]:hover,
fieldset[disabled] .btn-outline-primary:hover,
.btn-outline-primary.disabled:focus,
.btn-outline-primary[disabled]:focus,
fieldset[disabled] .btn-utline-primary:focus,
.btn-outline-primary.disabled.focus,
.btn-outline-primary[disabled].focus,
fieldset[disabled] .btn-outline-primary.focus {
    color: #d4c0c0;
    background-color: #000;
    border-color: #c7b3b3;
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #FFF;
    background-color: #b4a0a0;
    border-color: #ae9a9a;
}


.btn-primary .badge {
    color: #d4c0c0;
    background-color: #000;
}

.badge-primary {
    background-color: #d4c0c0;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    background-color: #877373;
}

.panel-primary {
    border-color: #d4c0c0;
}

.panel-primary > .panel-heading {
    color: #000;
    background-color: #d4c0c0;
    border-color: #d4c0c0;
}

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

.panel-primary > .panel-heading .badge {
    color: #d4c0c0;
    background-color: #000;
}

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

.page-item.active .page-link, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #d4c0c0;
    border-color: #d4c0c0;
}

.pagination>li>a, .pagination>li>span {
    color: #d4c0c0;
}

.page-link:hover {
    color: #baa6a6;
}

.ctaline { font-size: 2em; line-height: 1.2em; font-weight: 400; }