html, body {
  font-size: 16px;
  overflow-x: clip;
  scroll-behavior: smooth;
}

#wpadminbar {
  display: none;
}

header, footer {
  font-size: 16px;
  letter-spacing: 0;
}

header .p-4 {
    padding: calc(var(--spacing)* 4) !important;
}

header .flex {
  display: flex !important;
}

@media (min-width: 64rem) {
    header .lg\:px-16 {
        padding-inline: calc(var(--spacing)* 16) !important;
    }
}

header button:not(.border-brand-secondary),
header a {
  color: #101828 !important;
  font-size: 20px !important;
  font-family: "Titillium Web", sans-serif !important;
}

header nav .ring-brand-primary a {
  color: #2299dd !important;
  text-decoration: none !important;
}

header a.border-brand-secondary {
  color: #000;
}

header nav .ring-brand-primary a:hover {
  color: #fff !important;
  background-color: #2299dd !important;
  text-decoration: none !important;
}

header .h-20 {
    height: calc(var(--spacing)* 20) !important;
}

header .py-1\.5 {
    padding-block: calc(var(--spacing)* 1.5);
}

@media (min-width: 64rem) {
   footer > div.lg\:px-16 {
        padding-inline: calc(var(--spacing)* 16) !important;
    }
}

@media (min-width: 767px) {
  footer .mx-auto {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.grid {
    display: grid !important;
}

footer {
  font-family: "Titillium Web", sans-serif !important;
}

footer .h-36 {
    height: calc(var(--spacing)* 36);
}

footer .pt-4 {
    padding-top: calc(var(--spacing)* 4) !important;
}

@media (min-width: 64rem) {
    footer .lg\:pt-0 {
        padding-top: calc(var(--spacing)* 0) !important;
    }
}

@media (min-width: 64rem) {
   footer .lg\:text-left {
        text-align: left !important;
    }
}

footer a.bg-brand-accent {
  background-color: #f2e300;
  color: #0f172b;
}

footer a.hover\:text-brand-accent:hover {
  color: #f2e300 !important;
}

footer .pb-0 {
  padding-bottom: 0 !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible,
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
[tabindex]:focus {
  outline: 3px solid #000000;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #ffffff;
}

header a:focus,
header button:focus,
header input:focus,
header textarea:focus,
header select:focus,
header [tabindex]:focus {
  outline: 3px solid #000000;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #ffffff;
}

footer a:focus,
footer button:focus,
footer input:focus,
footer textarea:focus,
footer select:focus,
footer [tabindex]:focus {
  outline: 3px solid #f2e300;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #ffffff;
}

.skip-link {
  position: absolute;
  top: -45px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  z-index: 1000;
  text-decoration: none;
}

.skip-link:focus {
  top: 0;
}

#top .hbtndiv-new a {
  background-color: #f2e300;
  border: 1px solid #f2e300;
  color: #000 !important;
}

#top .hbtndiv-new a:hover {
  text-decoration: underline !important;
}

/** New cards **/
#pillars .pgrid .pbtns {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: auto;
}

#pillars.p1active #pbtn3,
#pillars.p1active #pbtn2 {
  display: none;
}

#pillars.p2active #pbtn1,
#pillars.p2active #pbtn3 {
  display: none;
}

#pillars.p3active #pbtn1,
#pillars.p3active #pbtn2 {
  display: none;
}

#pillars .pgrid .pbtns .col-text,
#pillars .pgrid .pbtns .col-img {
  min-height: 100px;
  position: relative;
  margin: 0;
}

#pillars .pgrid .pbtns .col-text {
  background-color: #005391;    
}

#pillars.p3active .col-text,
#pillars.p2active .col-text,
#pillars.p1active .col-text {
  display: none;
}

#pillars .pgrid .pbtns .col-img {
  min-height: 200px;
}

#pillars .pgrid .pbtns .col-img > div {
  border-radius: 0;
}

@media (min-width: 768px) {  
  #pillars .pgrid .pbtns .col-text,
  #pillars .pgrid .pbtns .col-img {
    min-height: 145px;
  }

  #pillars.p3active .pgrid .pbtns .col-img,
  #pillars.p2active .pgrid .pbtns .col-img,
  #pillars.p1active .pgrid .pbtns .col-img {
    min-height: 300px;
  }

  #pillars .pgrid .pbtns .ptitle {
    margin-bottom: 10px;
  }
}

@media (min-width: 1024px) {
  #pillars .pgrid .pbtns {   
    flex-direction: row;
  } 

  #pillars .pgrid .pbtns .col-img {
    margin: 0;
  }

  #pillars .pgrid .pbtns {
    height: 315px;
  }

  #pillars.p3active .pgrid .pbtns .col-img,
  #pillars.p2active .pgrid .pbtns .col-img,
  #pillars.p1active .pgrid .pbtns .col-img {
    min-height: 315px;
  }
}

header nav button,
header nav div a {
  color: #000 !important;
}

header nav .child-item a:hover {
  background-color: #005391 !important;
  color: #fff !important;
  text-decoration: none;
}

header nav .child-item {
  min-width: 215px;
}

.dot_outer ol {
  display: inline-block;
  margin: 0 auto;
}

.dot_outer ol li {
  display: inline-block;
}

header nav .child-item a,
header nav a.btn-last {
  color: #005391 !important;
}

footer .bg-neutral-800 {
  background-color: #000;
}