:root {
    --tblr-font-sans-serif: 'Source Sans 3' !important;
}

.hero-video video {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    /* transform: translate(-50%, -50%); */
    z-index: 0;
}

.home-video-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(256, 256, 256, 0.50);
}

/* .header { */
/*     padding-top: 35vh; */
/*     padding-bottom: 35vh; */
/* } */

  /* --bs-breakpoint-xs: 0; */
  /* --bs-breakpoint-sm: 576px; */
  /* --bs-breakpoint-md: 768px; */
  /* --bs-breakpoint-lg: 992px; */
  /* --bs-breakpoint-xl: 1200px; */
  /* --bs-breakpoint-xxl: 1400px; */

/* @media (min-width: 0px) and (max-width: 576px) { */
/*     .header h1 { */
/* 	font-family: 'Source Sans 3' !important; */
/* 	font-weight: 600 !important; */
/* 	font-size: 1.5rem !important; */
/* 	line-height: 1.6rem !important; */
/*     } */
/*     .header h2 { */
/* 	font-family: 'Source Sans 3' !important; */
/* 	font-weight: 600 !important; */
/* 	font-size: 1.2rem !important; */
/* 	line-height: 1.4rem !important; */
/*     } */
/*     .fs-1 { */
/* 	font-family: 'Source Sans 3' !important; */
/* 	font-size: 1.0rem !important; */
/* 	font-weight: 600 !important; */
/* 	line-height: 1.1rem !important; */
/*     } */
/*     .btn { */
/* 	--tblr-btn-icon-size: 1.0rem !important; */
/* 	--tblr-btn-padding-x: 1.0rem !important; */
/* 	--tblr-btn-padding-y: 0.25rem !important; */
/* 	--tblr-btn-font-size: 1.0rem !important; */
/*     } */
/*     .co-vh-100 { */
/* 	min-height: 50vh !important; */
/*     } */
/*     --tblr-body-font-size: 1.0rem !important; */
/* } */

@media (min-width: 0px) and (max-width: 768px) {
    .page-title {
	font-family: 'Source Sans 3' !important;
	font-weight: 500 !important;
	font-size: 1.6rem !important;
	line-height: 1.8rem !important;
    }
    .header h1 {
	font-family: 'Source Sans 3' !important;
	font-weight: 600 !important;
	font-size: 1.6rem !important;
	line-height: 1.8rem !important;
    }
    .header h2 {
	font-family: 'Source Sans 3' !important;
	font-weight: 600 !important;
	font-size: 1.4rem !important;
	line-height: 1.6rem !important;
    }
    .markdown {
	font-family: 'Source Sans 3' !important;
	font-size: 0.9rem !important;
	font-weight: 400 !important;
	line-height: 1rem !important;
    }
    .fs-1 {
	font-family: 'Source Sans 3' !important;
	font-size: 1.2rem !important;
	font-weight: 400 !important;
	line-height: 1.4rem !important;
    }
    .btn {
	--tblr-btn-icon-size: 1.2rem !important;
	--tblr-btn-padding-x: 1rem !important;
	--tblr-btn-padding-y: 0.25rem !important;
	--tblr-btn-font-size: 1.2rem !important;
    }
    .co-vh-100 {
	min-height: 50vh !important;
    }
    --tblr-body-font-size: 1.2rem !important;
}

@media (min-width: 768px) and (max-width: 992px) {
    .page-title {
	font-family: 'Source Sans 3' !important;
	font-weight: 500 !important;
	font-size: 1.8rem !important;
	line-height: 2.1rem !important;
    }
    .header h1 {
	font-family: 'Source Sans 3' !important;
	font-weight: 600 !important;
	font-size: 1.8rem !important;
	line-height: 2.1rem !important;
    }
    .header h2 {
	font-family: 'Source Sans 3' !important;
	font-weight: 600 !important;
	font-size: 1.6rem !important;
	line-height: 1.8rem !important;
    }
    .markdown {
	font-family: 'Source Sans 3' !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.08rem !important;
    }
    .fs-1 {
	font-family: 'Source Sans 3' !important;
	font-size: 1.3rem !important;
	font-weight: 400 !important;
	line-height: 1.5rem !important;
    }
    .btn {
	--tblr-btn-icon-size: 1.3rem !important;
	--tblr-btn-padding-x: 1rem !important;
	--tblr-btn-padding-y: 0.25rem !important;
	--tblr-btn-font-size: 1.3rem !important;
    }
    .co-vh-100 {
	min-height: 100vh !important;
    }
    --tblr-body-font-size: 1.3rem !important;
}

@media (min-width: 992px) and (max-width: 1200px){
    .page-title {
	font-family: 'Source Sans 3' !important;
	font-weight: 500 !important;
	font-size: 2.25rem !important;
	line-height: 2.6rem !important;
    }
    .header h1 {
	font-family: 'Source Sans 3' !important;
	font-weight: 600 !important;
	font-size: 2.25rem !important;
	line-height: 2.6rem !important;
    }
    .header h2 {
	font-family: 'Source Sans 3' !important;
	font-weight: 600 !important;
	font-size: 1.8rem !important;
	line-height: 2.1rem !important;
    }
    .markdown {
	font-family: 'Source Sans 3' !important;
	font-size: 1.08rem !important;
	font-weight: 400 !important;
	line-height: 1.2rem !important;
    }
    .fs-1 {
	font-family: 'Source Sans 3' !important;
	font-size: 1.5rem !important;
	font-weight: 400 !important;
	line-height: 1.8rem !important;
    }
    .btn {
	--tblr-btn-icon-size: 1.5rem !important;
	--tblr-btn-padding-x: 1rem !important;
	--tblr-btn-padding-y: 0.25rem !important;
	--tblr-btn-font-size: 1.5rem !important;
    }
    .co-vh-100 {
	min-height: 100vh !important;
    }
    --tblr-body-font-size: 1.5rem !important;
}

@media (min-width: 1200px) {
    .page-title {
	font-family: 'Source Sans 3' !important;
	font-weight: 500 !important;
	font-size: 2.25rem !important;
	line-height: 2.4rem !important;
    }
    .header h1 {
	font-family: 'Source Sans 3' !important;
	font-weight: 600 !important;
	font-size: 2.7rem !important;
	line-height: 3.2rem !important;
    }
    .header h2 {
	font-family: 'Source Sans 3' !important;
	font-weight: 600 !important;
	font-size: 2.25rem !important;
	line-height: 2.4rem !important;
    }
    .markdown {
	font-family: 'Source Sans 3' !important;
	font-size: 1.08rem !important;
	font-weight: 400 !important;
	line-height: 1.44rem !important;
    }
    .fs-1 {
	font-family: 'Source Sans 3' !important;
	font-size: 1.8rem !important;
	font-weight: 400 !important;
	line-height: 2.25rem !important;
    }
    .btn {
	--tblr-btn-icon-size: 1.8rem !important;
	--tblr-btn-padding-x: 1rem !important;
	--tblr-btn-padding-y: 0.25rem !important;
	--tblr-btn-font-size: 1.8rem !important;
    }
    .co-vh-100 {
	min-height: 100vh !important;
    }
    --tblr-body-font-size: 1.8rem !important;
}

.navbar-toggler-icon {
    height: 3.2px !important;
    border: unset !important;
}

.nav-link {
    font-weight: 540;
    font-size: 22.5px !important;
    font-family: "Source Sans 3"
}

.dropdown-item {
    font-weight: 600 !important;
    font-size: 18px !important;
    font-family: "Source Sans 3"
}

.navbar-toggler {
    font-weight: 700 !important;
    font-size: 18px !important;
}

.bg-co-darkblue {
    background-color: #214263 !important;
}

.bg-co-black {
    background-color: #000000 !important;
}

.bg-co-darkgreen {
    background-color: #215142 !important;
}

.bg-co-dark {
    background-color: #121212 !important;
}

.bg-co-light {
    background-color: #eeeeee !important;
}

.full-page {
    min-height: 100vh;
}

.theme-light .navbar .navbar-brand {
    background-image: url(/static/logo-light.svg);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
}

.theme-dark .navbar .navbar-brand {
    background-image: url(/static/logo-dark.svg);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
}

.navbar .navbar-brand {
    background-image: url(/static/logo-light.svg);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
}

.navbar {
    min-height: 28px !important;
    padding: 0px 0px !important;
  /* padding: var(--tblr-navbar-padding-y) var(--tblr-navbar-padding-x); */
}

.navbar .container .d-flex {
    align-items: center !important;
}

.display-55 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-54 {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.2;
}

.fs-08 {
  font-size: 1.8rem !important;
}

.fs-06 {
  font-size: 1.6rem !important;
}

img#logo {
    max-width: none;
}

div#hero-card {
    --tblr-card-border-width: 0px;
}

.btn-outline-primary {
    --tblr-btn-color: black !important;
    --tblr-btn-bg: orange !important;
    --tblr-btn-border-color: transparent !important;
}

.delayed-twitter-style {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers items horizontally in a column layout */
    justify-content: center;
}