body {
font-family: "Ringside Regular SSm A", "Ringside Regular SSm B", arial;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size:18px;
line-height:29px;
color: var(--ksblue);
}
.background-photo {
z-index:1;
position:relative;
max-width:100%;
}
.wrapper {
position:relative;
}
figure {
margin:0;
}
footer {
line-height:23px;
text-align:center;
margin:60px 0 0 0;
}
hr {
opacity:0.25;
margin:20px 0;
}
:root{
    --white: #ffffff;
    --black: #000000;
    --ksblue: #19325a;
    --link: #707070;
    --gray: #efefef;
}
h1 {
font-size: 56px;
    color: var(--ksblue);
    font-family: "Chronicle Display A", "Chronicle Display B", georgia;
    font-weight: 800;
    line-height:59px;
    margin-bottom:16px;
}
h2 {
font-size: 46px;
    line-height:49px;
    color: var(--ksblue);
    font-family: "Chronicle Display A", "Chronicle Display B", georgia;
    font-weight: 800;
    margin-bottom:16px;
}
h3 {
font-size: 36px;
    line-height:41px;
    color: var(--ksblue);
    font-family: "Chronicle Display A", "Chronicle Display B", georgia;
    font-weight: 800;
    margin-bottom:16px;
}
h4 {
font-size: 30px;
    line-height:35px;
    color: var(--ksblue);
    font-family: "Chronicle Display A", "Chronicle Display B", georgia;
    font-weight: 800;
    margin-bottom:16px;
}
h5 {
font-size: 24px;
    line-height:27px;
    color: var(--ksblue);
    font-family: "Ringside Regular SSm A", "Ringside Regular SSm B", arial;
    font-weight: bold;
    margin-bottom:16px;
    letter-spacing:-0.7px;
}
h6 {
font-size: 20px;
    line-height:23px;
    color: var(--ksblue);
    font-family: "Ringside Regular SSm A", "Ringside Regular SSm B", arial;
    font-weight: bold;
    margin-bottom:16px;
    letter-spacing:-0.7px;
}
a {
color: var(--ksblue);
font-weight:bold;
/* transition: all 0.35s ease 0s; */
text-decoration:none;
border-bottom:1px dotted var(--ksblue);
}
a:hover {
text-decoration:none;
color: var(--ksblue);
border-bottom:1px solid var(--ksblue);
}
figure a {
    border-bottom: 0;
}
p {
    /*margin-bottom: 2rem;*/
    line-height: 2rem;
}
.accordion-body p {
line-height:1.6rem;
}
.small-text {
font-size:14px;
line-height:21px;
}
.medium-text {
font-size:16px;
line-height:25px;
}
.faded-text {
color:#98a1b1;
}
.section-margin {
margin:60px 0;
}
.text-container-full {
margin: 120px auto 0 auto;
max-width:840px;
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
}
.text-container-full-hanai {
margin: 0px auto 0 auto;
max-width:840px;
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
}
.home-background {
background-image: url('/images/background-home-lrg.jpg');
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
.home-hero-text-container-container {
  width:100%;
  margin:0 auto;
  padding:0;
  z-index:2;
	position:absolute;
    top:10%;
}
.home-hero-text-container {
max-width:1320px;
/* margin:0 auto; */
padding: 0 0 0 100px;
}
.home-hero-text-head {
font-family: "Chronicle Display A", "Chronicle Display B";
font-size:45px;
font-weight:800;
line-height:49px;
color: var(--white);
}
.home-hero-text-head-1::after {
content: "\a";
white-space: pre;
}
.home-hero-text {
font-size:26px;
margin-top:20px;
margin-bottom:20px;
color: var(--white);
}
a.home-hero-button {
font-size:20px;
color: var(--white);
padding:8px 24px 10px 24px;
border:2px solid #fff;
border-radius:10px;
text-decoration:none;
margin-top:16px;
display:inline-block;
background-color: rgba(0, 0, 0, 0.5);
transition: all 0.35s ease 0s;
}
a.home-hero-button:hover {
background-color: var(--white);
color: var(--ksblue);
}
.endowment-background {
background-image: url('/images/background-endowment-lrg.jpg');
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
.endowment-hero-text {
font-size:16px;
line-height:27px;
padding-right:22%;
color: var(--ksblue);
}
.endowment-hero-text-background {
background-color:rgba(255,255,255,0.95);
padding:1.2% 0 1.2% 1.9%;
max-width:80%;
bottom:40px;
z-index:2;
position:absolute;
right:0;
}
.endowment-keaholoa-background {
background-image: url('/images/background-endowment-keaholoa.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 600px;
display:flex;
color: var(--white);
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8) ; 
-webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8) ; 
-moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8) ;
margin:110px 0 0 0;
}
.endowment-keaholoa-textbox {
max-width:50%;
}
/*
.endowment-stats-background {
background-image: url('/images/background-endowment-stats.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 600px;
display:flex;
margin:120px 0 0 0;
}
*/
.endowment-stats-background-full {
background-image: url('/images/background-endowment-stats-lrg.jpg');
background-repeat: no-repeat;
background-size: contain;
margin:120px 0 0 0;
}
.endowment-statsbox-zindex {
z-index:2;
position:absolute;
top: 50%;
left:35%;
transform: translateY(-50%);
width:45%;
}
.endowment-statsbox tr td {
padding: 10px 0;
}
.impact-background {
background-image: url('/images/background-impact-lrg.jpg');
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
.impact-hero-text {
font-size:16px;
line-height:27px;
padding-left:22%;
color: var(--ksblue);
}
.impact-hero-text-background {
background-color:rgba(255,255,255,0.95);
padding:1.2%;
max-width:80%;
bottom:40px;
z-index:2;
position:absolute;
left:0;
}
/*
.impact-ks-stats-background {
background-image: url('/images/background-impact-ks-stats.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 600px;
display:flex;
margin:60px 0 0 0;
}
*/
.impact-ks-stats-background-full {
background-image: url('/images/background-impact-ks-stats-lrg.jpg');
background-repeat: no-repeat;
background-size: contain;
margin:120px 0 0 0;
}
.impact-ks-statsbox-zindex {
z-index:2;
position:absolute;
top: 20%;
left:47%;
width:34%;
}
.impact-ks-statsbox tr td {
padding: 20px 0;
}
.impact-ks-statsbox2 {
position:absolute;
z-index:3;
left:50%;
margin-top:0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom:10%;
}
.impact-blurb {
max-width:70%;
margin:120px auto 0 auto;
}
/*
.impact-our-aina-background {
background-image: url('/images/background-impact-our-aina.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 600px;
display:flex;
margin:120px 0 0 0;
}
*/
.impact-aina-stats-background-full {
background-image: url('/images/background-impact-aina-stats-lrg.jpg');
background-repeat: no-repeat;
background-size: contain;
margin:120px 0 0 0;
}
.impact-aina-statsbox-container {
max-width:1320px;
width:100%;
position:absolute;
z-index:2;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
--bs-gutter-x: 1.5rem;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
}
.impact-aina-statsbox-zindex {
position:relative;
width:65%;
}
.impact-ainabox {
}
.impact-aina-statsbox-graph {
max-width:50%;
margin-top:1rem;
}
.impact-aina-statsbox tr td {
padding: 20px 0;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 1) ; 
-webkit-text-shadow: 1px 1px 2px rgba(255, 255, 255, 1) ; 
-moz-text-shadow: 1px 1px 2px rgba(255, 255, 255, 1) ; 
}
.impact-aina-classification-chart {
float:right;
margin:-50px 0 0 10px;
width:220px;
}
.team-background {
background-image: url('/images/background-team-lrg.jpg');
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
.team-hero-text {
font-size:16px;
line-height:27px;
padding-left:22%;
color: var(--ksblue);
}

.team-hero-text-background {
background-color:rgba(255,255,255,0.95);
padding:1.2%;
max-width:80%;
top:20px;
z-index:2;
position:absolute;
left:0;
}
.team-portraits .col-sm-3 p {
font-size:16px;
line-height:25px;
}
.team-portraits figure {
margin: 0 0 10px;
}
.team-name {
font-size:16px;
line-height:19px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
}
.team-jobtitle {
font-size:15px;
line-height:22px;
text-align:center;
margin-bottom:30px;
color:#777;
}
.join-box {
margin-top:60px;
border:1px solid #19325a;
max-width:100%;
}
.join-text-box {
margin:100px auto;
}
.join-text-box a.join-button {
display:inline-block;
padding:5px 20px;
background-color:fff;
border-radius:10px;
border:2px solid #19325a;
color:#19325a;
text-decoration:none;
}
.join-text-box a.join-button:hover {
text-decoration:none;
background-color:#19325a;
color:#fff;
}
.history-background {
background-image: url('/images/background-history-lrg.jpg');
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
.history-hero-text-background {
background-color:rgba(255,255,255,0.95);
padding:1.2% 0 1.2% 1.9%;
max-width:80%;
top:40px;
z-index:2;
position:absolute;
right:0;
}
.history-hero-text {
font-size:16px;
line-height:27px;
padding-right:22%;
color: var(--ksblue);
}
.history-timeline-header {
background: linear-gradient(to right, #19325a 90%, #fff 10%);
padding: 0;
max-width: 100%;
margin-top:120px;
}
.history-timeline-header h3 {
color:var(--white);
padding:40px 0;
margin-bottom:0;
}
.history-timeline-photo-100 {
width:100px;
min-width:100px;
}
.history-timeline-arrow {
width:69px;
margin-top:10px;
}
.history-timeline-text {
width:auto;
margin-top:14px;
margin-left:10px;
font-size: 16px;
line-height: 25px;
text-align:left;
}
.history-timeline-container {
display:inline-block;
margin:0 auto;
}
.history-timeline0 {
max-width:800px;
display:flex;
margin-top:40px;
}
.history-timeline5 {
max-width:800px;
display:flex;
margin-top:40px;
margin-left:5%;
}
.history-timeline10 {
max-width:800px;
display:flex;
margin-top:40px;
margin-left:10%;
}
.history-timeline15 {
max-width:800px;
display:flex;
margin-top:40px;
margin-left:15%;
}
a.history-button {
display: inline-block;
padding: 5px 20px;
background-color: #19325a;
border-radius: 10px;
color: #fff;
text-decoration:none;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1px;
transition: all 0.35s ease 0s;
font-size:15px;
}
a.history-button:hover {
background-color:#4a7197;
}
.contact-background {
background-image: url('/images/background-contact-lrg.jpg');
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
.contact-hero-text-background {
    position: relative;
}
.contact-hero-text {
margin:0 0%;
}
.contact-hero-text a {
color:var(--white);
text-decoration:underline;
border-bottom:0;
}
.contact-hero-text h3, .contact-hero-text p {
color:var(--white);
}
.contact-hero-text-background-container {
max-width: 1320px;
    width: 100%;
    position: absolute;
    z-index: 2;
    transform: translate(-50%, -50%);
    top: 25%;
    left: 50%;
    --bs-gutter-x: 1.5rem;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
}
.col-5 {
max-width:18%;
margin:0 1px;
}
.values {
/* border-radius:10px; */
padding:12px;
margin-bottom:8px;
letter-spacing:1px;
}
.accordion-button.aloha {
color:#fff;
background-color:#19325a;
}
.accordion-button.imi {
color:#fff;
background-color:#008576;
}
.accordion-button.kuleana {
color:#fff;
background-color:#017792;
}
.accordion-button.laulima {
color:#19325a;
background-color:#E8EAE9;
}
.accordion-button.haahaa {
color:#19325a;
background-color:#C2E7E4;
}
.head {
max-width:1320px;
margin:0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo-container {
max-width:300px;
margin-bottom: 20px;
margin-top: 10px;
}
.logo-container figure {
margin:0;
}
.menu li.menu-adjustment {
margin-top:5px;
}
.menu li.menu-contact-adjustment {
margin-top:1.5px;
}
.menu li a.contact-button {
display:block;
padding:5px 20px;
background-color:#19325a;
border-radius:10px;
color:#fff;
transition: all 0.35s ease 0s;
}
.menu li a.contact-button:hover {
text-decoration:none;
background-color:#4a7197;
color:#fff;
}
.nav-container {
}

/* HEADER */

.top-header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background: white;
  z-index:50;
  border-bottom:1px solid #efefef;
}
.top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100px;
  /* max-width:1320px; */
  margin:0 auto;
  padding:0 100px;
}

.menu {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index:100;
}

.menu > li {
  margin-left:3rem;
  overflow: hidden;
}

.menu a {
color: var(--link);
text-decoration:none;
font-size:15px;
font-weight:normal;
border-bottom:0;
text-transform:uppercase;
letter-spacing:1px;
}
.menu a:hover {
color: var(--ksblue);
text-decoration:none;
}
.menu a.current {
color:var(--ksblue);
text-decoration:none;
padding-bottom:0px;
}
.menu a.current::before {
content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--ksblue);
}
.menu a.contact-button::before {
content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 0px;
  background-color: var(--ksblue);
}
.underline{
  position: relative;
}
.underline::before{
  content: '';
  position: absolute;
  bottom: -5px;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--ksblue);
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
#footer-menu a.current {
color:var(--ksblue);
text-decoration:none;
border-bottom:1px solid #19325a !important;
}
.menu a.contact-button.current {
text-decoration:none;
background-color:#4a7197;
}
.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #707070;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(112, 112, 112, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}
.gray-container {
background-color: var(--gray);
padding: 60px 0 60px 0;
margin:120px 0 0 0;
}
.gray-gradient {
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
}
.copyright {
font-size:14px;
color:#aaa;
}
#footer-menu {
margin-bottom:30px;
}
#footer-menu ul {
list-style:none;
padding-left:0;
display: flex;
flex-direction: row;
justify-content: center;
}
#footer-menu li {
margin-right:40px;
display:block;
}
#footer-menu li:last-child {
margin-right:0px;
display:block;
}
#footer-menu li a {
font-size:16px;
color: var(--link);
text-decoration:none;
font-weight:normal;
border-bottom:0;
}
#footer-menu li a:hover {
font-size:16px;
color: var(--ksblue);
text-decoration:none;
border-bottom:1px solid var(--ksblue);
}
a.copyright-link {
border:0;
}
a.copyright-link:hover {
color: var(--ksblue);
border-bottom:1px solid var(--ksblue);
}
.carousel-control-next, .carousel-control-prev {width:0;}
.fancybox-slide--iframe .fancybox-content {
    max-width: 1200px;
    max-height: 85%;
    margin: 0;
}
.accordion {
--bs-accordion-border-color:none;
--bs-accordion-btn-active-icon:none;
}
.accordion-button {
border-radius:10px;
text-align:center;
display:block;
}
.accordion-item:first-of-type .accordion-button {
border-radius:10px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-radius:10px;
}
.accordion-body {
padding:0;
font-size:15px;
line-height:22px;
margin-bottom:20px;
color:#19325a;
}

/* fade in on scroll */
.catch{
    display:none;
  }
.fade_in{
/*    display: block;
    margin: auto;
    margin-top: 50px;
    width: 200px;
    height: 100px;
    background-color: blue; */
}
.u-fade-type-static{
    opacity: 0;
}
.u-fade-type-static.is-active{
    transition: 2s;
    opacity: 1;
}
/* fade in on scroll end */

@media screen and (min-width: 1935px) {

.home-hero-text-head {
font-size:60px;
line-height:63px;
}
}

@media screen and (max-width: 1934px) {

.home-hero-text-head {
font-size:60px;
line-height:63px;
}
.impact-ks-statsbox h2 {
font-size:40px;
line-height:43px;
}
}

@media screen and (max-width: 1779px) {

.home-hero-text-head {
font-size:45px;
line-height:50px;
}
.endowment-stats-background-full {
background-image: url('/images/background-endowment-stats-med.jpg');
}
.endowment-statsbox h2,.impact-ks-statsbox h2,.impact-aina-statsbox h2 {
font-size:40px;
line-height:43px;
}
.impact-aina-stats-background-full {
background-image: url('/images/background-impact-aina-stats-med.jpg');
}
.impact-ks-statsbox2 {
bottom:5%;
}
.text-container-full-hanai {
margin: 80px auto 0 auto;
}
}
@media screen and (max-width: 1656px) {
.impact-ks-statsbox-zindex {
top:18%;
}
.impact-ks-statsbox tr td {
    padding: 12px 0;
}
.impact-ks-statsbox h2 {
font-size:40px;
line-height:42px;
}
.impact-aina-statsbox tr td {
	padding: 12px 0;
}
.impact-aina-statsbox-graph {
max-width:45%;
}
}
@media screen and (max-width: 1563px) {
.home-hero-text-container {
padding: 0 15% 0 100px;
}
.endowment-statsbox-zindex {
width:53%;
}
.endowment-hero-text-background {
bottom:20px;
}
.impact-hero-text-background {
bottom:20px;
}
.history-hero-text-background {
top:20px;
}
.impact-ks-statsbox-zindex {

}
.impact-aina-statsbox-zindex {
width:62%;
}
}
@media screen and (max-width: 1463px) {
.home-hero-text-container {
padding: 0 16% 0 100px;
}
.team-hero-text {
font-size:16px;
line-height:25px;
padding-left:0;
color: var(--ksblue);
}
.team-hero-text-background {
background-color:rgba(255,255,255,0.95);
padding:1.2%;
max-width:100%;
margin-top:auto;
margin-bottom:0;
bottom:0;
top:auto;
}
.impact-ks-statsbox2 {
bottom:-30px;
}
.text-container-full-hanai {
margin: 120px auto 0 auto;
}
}
@media screen and (max-width: 1373px) {
.home-hero-text-container {
padding: 0 18% 0 100px;
}
}

@media screen and (max-width: 1339px) {
.home-background {
background-image: url('/images/background-home-med.jpg');
}
.endowment-background {
background-image: url('/images/background-endowment-med.jpg');
}
.impact-background {
background-image: url('/images/background-impact-med.jpg');
}
.history-background {
background-image: url('/images/background-history-med.jpg');
}
.team-background {
background-image: url('/images/background-team-med.jpg');
}
.contact-background {
background-image: url('/images/background-contact-med.jpg');
}
.home-hero-text-container {
padding: 0 25% 0 12px;
}
.home-hero-text-head {
font-size:40px;
line-height:45px;
}
.home-hero-text {
font-size:18px;
margin-top:5px;
margin-bottom:0px;
}
.home-hero-button {
font-size:18px;
color: var(--white);
padding:8px 18px 10px 18px;
}
.endowment-hero-text {
font-size:16px;
line-height:23px;
padding-right:10%;
}
.endowment-statsbox tr td,.impact-ks-statsbox tr td,.impact-aina-statsbox tr td {
padding: 5px 0;
}
.contact-hero-text {
max-width:100%;
}
.top-nav {
  padding:0 12px;
}
}
@media screen and (max-width: 1199px) {
.endowment-statsbox h2 {
font-size:29px;
line-height:32px;
}
.endowment-statsbox-zindex {
width:65%;
}
.col-sm-6 h2 {
font-size:36px;
line-height:40px;
}
.impact-ks-statsbox-zindex {
width:53%;
}
.impact-ks-statsbox h3, .impact-ks-statsbox2 h3 {
font-size:30px;
line-height:33px;
}
.contact-hero-text-background-container {
top: 34%;
}
.history-hero-text-background {
background-color:rgba(255,255,255,0.95);
padding:1.2%;
max-width:100%;
top:0;
}
.history-hero-text {
font-size:16px;
line-height:25px;
padding-right:0;
color: var(--ksblue);
}
.impact-aina-statsbox p {
line-height:1.7rem;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 1) ; 
-webkit-text-shadow: 1px 1px 2px rgba(255, 255, 255, 1) ; 
-moz-text-shadow: 1px 1px 2px rgba(255, 255, 255, 1) ; 
}
}
@media screen and (max-width: 1067px) {
.home-hero-text-container {
padding: 0 7% 0 12px;
}
.endowment-hero-text {
padding-right:0;
font-size:15px;
line-height:22px;
}
.endowment-hero-text-background {
background-color:rgba(255,255,255,0.95);
padding:1.2%;
max-width:100%;
margin-top:auto;
margin-bottom:0;
bottom:0;
}
.impact-hero-text {
padding-left:0;
line-height:25px;
}
.impact-hero-text-background {
background-color:rgba(255,255,255,0.95);
padding:1.2%;
max-width:100%;
margin-top:auto;
margin-bottom:0;
bottom:0;
}
.impact-ks-statsbox2 {
bottom:-50px;
}
}

@media screen and (max-width: 992px) {
  .menu-button-container {
    display: flex;
  }
  .menu {
    position: absolute;
    top: 0;
    margin-top: 100px;
    left: 0;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  #menu-toggle:checked ~ .menu li {
    border-top: 1px solid #efefef;
    height: 3.0em;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  #menu-toggle:checked ~ .menu li a {
    padding: 0.7em 1.2em;
  }
  .menu > li {
    display: flex;
    justify-content: end;
    margin: 0;
    padding: 0.5em 0;
    width: 100%;
    background-color: #fff;
  }
    .menu > li > a {
    }
  .menu > li:not(:last-child) {
    border-bottom: 1px solid #efefef;
  }
.menu li a.contact-button {
display:block;
padding:0px;
background-color:transparent;
border-radius:0px;
color:var(--link);
}
.menu li a.contact-button:hover {
text-decoration:none;
background-color:transparent;
color:var(--ksblue);
}
.menu a.contact-button.current {
text-decoration:none;
color:var(--ksblue);
background-color:var(--white);
}
#footer-menu ul {
list-style:none;
padding-left:0;
display: block;
}
#footer-menu li {
margin-right:0px;
line-height:30px;
}
.home-hero-text-container {
padding: 0 11% 0 12px;
}
.home-hero-text-head {
font-size:35px;
line-height:38px;
}
.home-hero-text {
font-size:18px;
margin-top:0px;
}
.home-hero-button {
font-size:18px;
color: var(--white);
padding:7px 16px 9px 16px;
}
a.home-hero-button {
margin-top:8px;
}
.endowment-keaholoa-textbox {
max-width:100%;
}
.endowment-stats-background-full {
background-image: url('/images/background-endowment-stats-top.jpg');
background-size:contain;
max-height:none;
min-height:none;
}
.endowment-statsbox-zindex {
z-index:2;
position:relative;
left:0;
max-width:100%;
top: 0;
transform:none;
width:100%;
}
.endowment-statsbox {
max-width:100%;
margin-bottom: 100px;
}
.endowment-statsbox tr td,.impact-aina-statsbox tr td {
padding:10px 0;
}

.impact-ks-stats-background-full {
background-image: url('/images/background-impact-ks-stats-top.jpg');
background-size:contain;
max-height:none;
min-height:none;
}
.impact-ks-statsbox-zindex {
z-index:2;
position:relative;
left:0;
max-width:100%;
top: 0;
transform:none;
width:100%;
}
.impact-ks-statsbox {
max-width:100%;
margin-bottom: 60px;
}
.impact-ks-statsbox h2 {
font-size:36px;
line-height:41px;
text-align:center;
}
.impact-ks-statsbox-figure {
font-size:36px;
line-height:41px;
margin-bottom:0 !important;
font-weight: 800;
color:#19325a;
font-family: "Chronicle Display A", "Chronicle Display B";
}

.impact-ks-statsbox table {
margin:0 auto;
}
.impact-ks-statsbox tr td {
padding:10px 0;
border-style:none;
}
.impact-ks-statsbox2 {
position:relative;
bottom:0;
}
.impact-aina-stats-background-full {
background-image: url('/images/background-impact-aina-stats-top.jpg');
background-size:contain;
max-height:none;
min-height:none;
}
.impact-aina-statsbox-container {
position:relative;
left:0;
max-width:100%;
top: 0;
transform:none;
width:100%;
}
.impact-aina-statsbox h2 {
font-size:36px;
line-height:41px;
text-align:center;
}
.impact-aina-statsbox-graph {
margin:1rem auto;
max-width:45%;
}
.impact-aina-statsbox-zindex {
    width: 100%;
    margin-top:4%;
}
.team-hero-text {
padding-left:0;
font-size:15px;
line-height:23px;
}
.team-hero-text-background {
background-color:rgba(255,255,255,0.95);
padding:3%;
position:relative;
}

.history-timeline-arrow {
display:none;
}
.history-timeline0,.history-timeline5,.history-timeline10,.history-timeline15 {
margin-left:0;
}
.history-timeline-text {
margin-top:0;
margin-left:20px;
}
.contact-hero-text h3 {
font-size:32px;
line-height:35px;
}
.contact-hero-text p {
font-size:16px;
line-height:25px;
}
.col-sm-6 h1 {
font-size: 46px;
    color: var(--ksblue);
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-weight: 800;
    line-height:49px;
    margin-bottom:16px;
}
/* .col-sm-6 h2, .endowment-statsbox h2, .impact-ks-statsbox h2, .impact-ainabox h2 {
font-size: 36px;
    line-height:39px;
    color: var(--ksblue);
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-weight: 800;
    margin-bottom:16px;
} */
.col-sm-6 p {
font-size:16px;
line-height:25px;
}
.team-portraits .col-sm-3 p {
font-size:18px;
line-height:29px;
}
.team-portraits .row .col-sm-3, .team-portraits .row .col-sm-9 {
width:100%;
}
.fancybox-slide--iframe .fancybox-content {
    max-width: 100%;
    max-height: 95%;
    margin: 0;
}
.container {
max-width:100%;
}
}

@media screen and (max-width: 870px) {
.home-hero-text-head {
font-size:30px;
line-height:33px;
}
.home-hero-text-container {
padding: 0 13% 0 12px;
}

.contact-hero-text h3 {
font-size:28px;
line-height:31px;
}
.contact-hero-text p {
font-size:15px;
line-height:22px;
}
.endowment-hero-text, .history-hero-text {
padding-right:0;
font-size:15px;
line-height:22px;
}
.endowment-hero-text-background {
background-color:rgba(255,255,255,0.95);
padding:3%;
position:relative;
}
.history-hero-text-background {
background-color:rgba(255,255,255,0.95);
padding:3%;
position:relative;
}
.contact-hero-text-background-container {
    position: relative;
    top:0;
    left:0;
    transform:none;
        margin-top: 40px;
}
.contact-hero-text h3, .contact-hero-text p {
color:var(--ksblue);
}
.contact-hero-text h3 {
font-size:32px;
line-height:35px;
}
.contact-hero-text p {
font-size:18px;
line-height: 29px;
}
.contact-hero-text a {
color:var(--ksblue);
text-decoration:none;
border-bottom:1px dotted var(--ksblue);
}
.impact-aina-statsbox-graph {
margin:1rem auto;
max-width:65%;
}
}

@media screen and (max-width: 790px) {
.home-hero-text-container {
padding: 0 10% 0 12px;
}
.home-hero-text-head {
font-size:28px;
line-height:31px;
}

}

@media screen and (max-width: 740px) {
.contact-hero-text {
margin:0;
}
.contact-hero-text-background-container {
top:37%;
}
}

@media (max-width: 700px) {
.home-background {
background-image: url('/images/background-home-sm.jpg');
}
.home-hero-text-container-container {
  width:100%;
  margin:0 auto;
  padding:0 12px;
  z-index:2;
	position:relative;
    margin-top:30px;
    text-align:center;
}
.home-hero-text-container {
padding:0;
}
.home-hero-text-head {
font-size:30px;
line-height:34px;
color: var(--ksblue);
}
.home-hero-text-head-1::after {
content: none;
white-space: normal;
}
.home-hero-text {
font-size:16px;
margin-top:5px;
color: var(--ksblue);
}
a.home-hero-button {
color: var(--white);
padding:8px 24px 10px 24px;
border:0;
border-radius:10px;
text-decoration:none;
margin-top:8px;
display:inline-block;
background-color: var(--ksblue);
transition: all 0.35s ease 0s;
}
a.home-hero-button:hover {
background-color:#4a7197;
color: var(--white);
}

.endowment-background {
background-image: url('/images/background-endowment-sm.jpg');
}
.endowment-statsbox {
max-width:100%;
}
.endowment-statsbox tr td,.impact-ks-statsbox tr td,.impact-aina-statsbox tr td {
padding:10px 0;
}
.impact-background {
background-image: url('/images/background-impact-sm.jpg');
}
.impact-hero-text-background {
position:relative;
}
.impact-hero-text {
font-size:15px;
line-height:22px;
}
.impact-ks-statsbox {
max-width:100%;
}
.impact-ainabox {
max-width:100%;
}
.team-background {
background-image: url('/images/background-team-sm.jpg');
}

.history-background {
background-image: url('/images/background-history-sm.jpg');
}

.contact-background {
background-image: url('/images/background-contact-sm.jpg');
}
.join-box {
margin-top:60px;
border:1px solid #19325a;
max-width:100%;
}
.join-text-box {
margin:50px 20px;
}
.fancybox-slide--iframe .fancybox-content {
    max-width: 100%;
    max-height:95%;
    margin: 0;
}
}



@media screen and (max-width: 600px) {
.container {
margin:0;
}
.head {
display: block;
margin:0;
}
.impact-blurb {
max-width:90%;
margin:120px auto 0 auto;
}
.impact-aina-classification-chart {
float:none;
margin:0 0 10px 0;
width:100%;
}
.impact-aina-statsbox h2 {
font-size:36px;
line-height:41px;
text-align:center;
}
.impact-aina-statsbox-graph {
max-width:100%;
}
}
@media screen and (max-width: 575px) {
.impact-educational-spending-chart {
margin:0 0 20px 0;
}
}
@media screen and (max-width: 400px) {
body {
font-size:15px;
line-height:22px;
}
.medium-text {
font-size:14px;
line-height:21px;
}
p,.team-portraits .col-sm-3 p {
font-size:15px;
line-height:22px;
}
h2 {
    font-size: 40px;
    line-height: 43px;
    }
h3 {
font-size: 24px;
line-height: 30px;
}
.fancybox-slide {
padding: 30px 10px 10px 10px;
}
.impact-ks-stats-background-full,.text-container-full-hanai,.gray-container,.text-container-full,.impact-aina-stats-background-full {
margin: 80px 0 0 0;
}
.gray-container {
    padding: 30px 0 30px 0;
}
.impact-aina-statsbox p {
line-height: 1.5rem;
}
}

@media screen and (max-width: 360px) {
.top-nav {
height:80px;
}
.logo-container {
    max-width: 210px;
    }
.menu {
margin-top: 80px;
}
h5 {
font-size: 20px;
    line-height: 23px;
}
.medium-text {
font-size:14px;
line-height:19px;
}
hr {
    opacity: 0.25;
    margin: 12px 0;
}
.small-text {
    font-size: 12px;
    line-height: 15px;
}

}

@media (hover: hover) and (pointer: fine) {
  .underline:hover::before{
    left: 0;
    right: auto;
    width: 100%;
  }
}