/* -----------------------------------------
   GO Color theme
----------------------------------------- */
:root {
  --color-p1: #f58a32;
  --color-p1-dark: #f47f1f;
  --color-p1-darker: #f37710;
  --color-p1-darkest: #d5660a;
  --color-p1-light: #f7a15b;
  --color-p1-lighter: #f9b984;
  --color-p1-lightest: #fbd0ad;
  --color-p2: #0050d0;
  --color-p2-dark: #0048bc;
  --color-p2-darker: #0042ac;
  --color-p2-darkest: #003589;
  --color-p2-light: #3373d9;
  --color-p2-lighter: #6696e3;
  --color-p2-lightest: #99b9ec;
  --color-p2-extra-light: #edf3fc;
  --color-p3: #363741;
  --color-p3-dark: #2d2e36;
  --color-p3-darker: #26272e;
  --color-p3-darkest: #16161a;
  --color-p3-light: #5e5f67;
  --color-p3-lighter: #86878d;
  --color-p3-lightest: #afafb3;
  --color-s1: #effcfc;
  --color-s1-darker: #e2fafa;
  --color-s1-lighter: #f7fefe;
  --color-s2: #d5f8f8;
  --color-s2-dark: #b6f3f3;
  --color-s2-darker: #98eeee;
  --color-s3: #33bcbf;
  --color-s3-dark: #2ba0a3;
  --color-s3-light: #85d7d9;
  --color-s3-lighter: #ade4e5;
  --color-sub-nav-bg: var(--color-s1-lighter);
  --mobile-drawer: var(--color-p3);
  --mobile-drawer-active: var(--color-p3-light);
  --yellow: #ffde59;
  --yellow-lighter: #ffe88d;
  --yellow-lightest: #fbeeb8;
  --yellow-dark: #fbaa02;
  --yellow-darker: #fc9b01;
}
/* -- GO Typography * -- */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Rajdhani", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
  font-weight: 600;
}

h1,
.h1,
h2,
.h2 {
  font-weight: 500;
}

/* -- Site header * -- */

.branding .header-organization-banner {
  padding-top: 1rem;
}

.branding .header-organization-banner a .logo-assets .logo-img {
  max-height: 71px;
  height: 71px;
}

/* -- Banner * -- */
.header-banner,
.header-banner-secondary {
  overflow: hidden;
  background-image: url("/images/bg-main.svg");
  background-color: var(--color-p2, #0050d0);
  background-position: center !important;
  background-size: cover !important;
  display: block;
  position: relative;
}

.header-banner-secondary {
  background-image: url("/images/bg-secondary.svg");
  background-color: var(--color-s1, #effcfc);
}
.header-banner-secondary p {
  color: var(--gray-900);
}

.header-banner p span,
.header-banner-secondary p span {
  font-weight: 600;
}

@media (max-width: 991px) {
  .header-banner .row,
  .header-banner-secondary .row {
    flex-direction: column;
  }
}

.banner-main {
  aspect-ratio: 10 / 7;
  width: 100%;
  max-height: 470px;
  position: relative;
}

@media (min-width: 992px) {
  .banner-main {
    position: absolute;
    width: auto;
    left: -130px;
  }
}

.banner-landing {
  aspect-ratio: 342 / 227;
  width: auto;
  height: auto;
  max-height: 227px;
  position: relative;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .banner-landing {
    position: absolute;
    width: auto;
    left: 50px;
    margin-bottom: 0;
  }
}

/* -- Global * -- */
body {
  font-weight: 300;
}

.card-arrow a::after {
  position: absolute;
  font-family: "CaGov" !important;
  content: "\e669";
  font-size: 1rem;
  top: -0.5rem;
  left: 0;
  border-bottom: 2px solid;
  width: 26px;
  text-align: end;
  line-height: 50px;
  letter-spacing: -6px;
  height: 26px;
  transition: all 0.3s ease-out;
}

.card-arrow a:hover:after {
  left: 0;
  width: 30px;
}

.bg-p2-dark {
  background-color: var(--color-p2-dark);
}
.bg-p2-darker {
  background-color: var(--color-p2-darker);
}
.bg-p2-darkest {
  background-color: var(--color-p2-darkest);
}
.bg-s2 {
  background-color: var(--color-s2);
}
.bg-s2-dark {
  background-color: var(--color-s2-dark);
}
.bg-s2-darker {
  background-color: var(--color-s2-darker);
}
.bg-yellow {
  background-color: var(--yellow);
}
.bg-yellow-lighter {
  background-color: var(--yellow-lighter);
}
.bg-yellow-lightest {
  background-color: var(--yellow-lightest);
}
.bg-yellow-dark {
  background-color: var(--yellow-dark);
}
.bg-yellow-darker {
  background-color: var(--yellow-darker);
}
.bg-p2-extra-light {
  background-color: var(--color-p2-extra-light);
}
.section-impact {
  background-color: var(--color-p3-darker);
}

.btn-highlight {
  background-color: var(--yellow-dark, #fbaa02);
  border-color: var(--yellow-darker, #fbaa02);
}

.btn-highlight:hover,
.btn-highlight:focus {
  background-color: var(--yellow-darker, #fc9b01);
  border-color: var(--yellow-darker, #fc9b01);
}

ol > li::marker {
  font-weight: bold;
}

img.img-fluid {
  min-width: -webkit-fill-available;
}

.minus-50 {
  margin-top: -50px;
}


.table {
  table-layout: fixed;
}

/*Updates added on 7-15-2025 for overflow updates*/
/*Roadmaps landing page*/
.accordion__panel[aria-hidden=false] {
    max-height: 1000px;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1.5rem;
    overflow: hidden;
    visibility: visible;
}



/*For accordion Outcome 2.1: Cyber Hygiene on roadmaps page*/
/*Roadmaps landing page*/
div#acc_1-1_panel_1[aria-hidden=false] {
max-height: 1500px;
    overflow: hidden !important;

}


/*For accordion Outcome 2.2: Cyber Resilience on roadmaps page*/
/*Roadmaps landing page*/
div#acc_1-1_panel_2[aria-hidden=false] {
max-height: 1200px;
    overflow: hidden !important;

}

/*For accordion Outcome 2.3: Cyber Maturity on roadmaps page*/
/*Roadmaps landing page*/
div#acc_1-1_panel_3[aria-hidden=false] {
max-height: 1200px;
    overflow: hidden !important;

}


/*For accordion Outcome 4.3: Performance Excellence on roadmaps page*/
/*Roadmaps landing page*/
div#acc_1-3_panel_3[aria-hidden=false] {
    max-height: 2200px;
    overflow: hidden;
}



/*For accordion Outcome 5.1: Public Trust on roadmaps page*/
/*Roadmaps landing page*/
div#acc_1-4_panel_1[aria-hidden=false] {
    max-height: 2200px;
    overflow: hidden;
  }

  
/*For accordion Outcome 5.2: Modularity on roadmaps page*/
/*Roadmaps landing page*/
div#acc_1-4_panel_2[aria-hidden=false] {
    max-height: 2500px;
    overflow: hidden !important;
}