/************************************************************^ General Color Settings *************************************************/
/* Light/Dark Mode Body Div Toggling */
body{
    /*General Text */
    --primary-text-color: #FFFFFF;
    --secondary-text-color: #071D49;
    --tertiary-text-color:#FFFFFF;
    /*General Background Colors */
    --primary-background-color: #071D49;
    --secondary-background-color: #ECE6D9;
    --tertiary-background-color: #F2EEE7;
    --content-background-color: #FFFFFF;
    /*Misc General Colors */
    --accent-color: #3A4F70;
    --border-color: #D3D3D3;
    /* Accordion Vars */
    --accordion-button-color:#071D49;
    --accordion-border-focus-color:#6CC24A;
    --accordion-arrow:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    /*Banner Colors */
    --banner-background-color:#F2EEE7;
    --banner-text-color:#071D49;
    /*Dropdown colors */
    --dropdown-menu: #FFFFFF;
    --dropdown-border: #071D49;
    --dropdown-selectors: #D6CAB8;
    /* Offcanvas colors */
    --offcanvas-button-color:rgba(58,79,112,0.50);
    --offcanvas-background-color:#FFFFFF;
    --offcanvas-button-icon-color:#016029;
    --offcanvas-button-outline-color:#6cc24a;
    /*Color Mode Button */
    --modebar-icon-color:black;
    /*Finance Page */
    --sankey-node-text-color: black;
    --sankey-outline-color:white;
    --sankey-outline-color-2:none;
    /* Impacts Pages */
    --map-border: rgba(0,0,0,0);
    /*Progress Page */
    --program-link-color: #071D49;
    --program-link-hover-color:#4979D1;
    --domains-plot-grid-color:lightgray;
    --domains-tabs-text-color:black;
    --domains-plot-default-color:rgba(0,0,0,0);
    --domains-plot-hover-color:black;
    --domains-tabs-border-color: #071D49;
    --quarter-slider-rail-color:lightgray;
     /*Card*/
    --card-other-color:#071d49;
    --card-background-color:#f2eee7;
    --button-hover-color:#c1daff;
    
  }
  
  body.dark-mode{
    /*General Text */
    --primary-text-color: #FFFFFF;
    --secondary-text-color: #FFFFFF;
    --tertiary-text-color:#071D49;
    /*General Background Colors */
    --primary-background-color: #2E2E2E;
    --secondary-background-color: #707070;
    --tertiary-background-color: #5A5A5A;
    --content-background-color: #4D4D4D;
    /*Misc General Colors */
    --accent-color: #cfe2ff;
    --border-color: #D3D3D3;
    /* Accordion Vars */
    --accordion-button-color:#cfe2ff;
    --accordion-border-focus-color:#6CC24A;
    --accordion-arrow:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23071D49'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    /*Banner Colors */
    --banner-background-color:#cfe2ff;
    --banner-text-color:#071D49;
    /*Dropdown colors */
    --dropdown-menu: #3D3D3D;
    --dropdown-border:#FFFFFF;
    --dropdown-selectors: #D6CAB8;
    /* Offcanvas colors */
    --offcanvas-button-color:#FFFFFF;
    --offcanvas-background-color:#FFFFFF;
    --offcanvas-button-icon-color:#071D49;
    --offcanvas-button-outline-color:#cfe2ff;
    /*Color Mode Button */
    --modebar-icon-color:white;
    /*Finance Page */
    --sankey-node-text-color:#F2F2F2;
    --sankey-outline-color:black;
    --sankey-outline-color-2:#4F5D75;
    /* Impacts Pages */
    --map-border:#707070;
    /*Progress Page */
    --program-link-color:#cfe2ff;
    --program-link-hover-color:#9DB9F2;
    --domains-plot-grid-color:rgba(211,211,211,0.4);
    --domains-plot-default-color:white;
    --domains-plot-hover-color:white;
    --domains-tabs-text-color:white;
    --domains-tabs-border-color:white;
    --quarter-slider-rail-color:#707070;
    /*Card*/
    --card-background-color:#cfe2ff;
    --card-other-color:#071D49;
    --button-hover-color:rgba(211,211,211,0.6);
    
  }

  /*Domain Hover Colors */
  .domain-color-1:hover{background-color: #C6015D; color:white !important;}
  .domain-color-2:hover{background-color: #3C1C59; color:white !important;}
  .domain-color-3:hover{background-color: #0E518B; color:white !important;}
  .domain-color-4:hover{background-color:#173706; color:white !important;}
  .domain-color-5:hover{background-color: #BCA438;color:black !important;}
  .domain-color-6:hover{background-color: #9D5B0B;color:white !important;}
  .domain-color-7:hover{background-color: #821246;color:white !important;}
  .domain-color-8:hover{background-color: #652FB6;color:white !important;}
  .domain-color-9:hover{background-color: #033154;color:white !important;}
  .domain-color-10:hover{background-color: #147629;color:white !important;}
  .domain-color-11:hover{background-color: #E48007;color:black !important;}
  .domain-color-12:hover{background-color: #907114;color:white !important;}


   :root{
    --topbar-height:78px;
    --sidebar-width:250px;
  }
 

  @font-face{
    font-family:'GlacialIndifference';
    src:url('Fonts/GlacialIndifference-Regular.otf') format('opentype');
  }
  .glacial-font{
    font-family: 'GlacialIndifference';
  }