:root {
  /* https://coolors.co/3a405a-aec5eb-f9dec9-e9afa3-685044 */
  --delft-blue: #3a405aff;
  --powder-blue: #aec5ebff;
  --champaigne-pink: #f9dec9ff;
  --melon: #e9afa3ff;
  --umber: #685044ff;

  --spacex-blue: #005288;
  --spacex-gray: #a7a9ac;

  --todds-blue: #def;
}


html {
  height: 100%;  /* This is for footer at bottom on small pages */
}


body {
  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: clamp(16px, 1.5vw, 22px);
  line-height: 1.42em;

  position: relative; margin: 0; min-height: 100%; padding-bottom: 7rem; box-sizing: border-box;  /* This is for footer at bottom on small pages */

}

a { text-decoration: none; }

p { font-weight: normal;  font-family: 'Rubik', sans-serif; font-size: 16px; color: black; line-height: 24px; }

h1 { font-family: 'Patrick Hand', sans-serif; }
h2 { font-family: 'Rubik', sans-serif; }
h3 { font-family: 'Ubuntu Condensed', sans-serif; }
h4 { font-family: 'Ubuntu Condensed', sans-serif; }
h5 { font-family: 'Ubuntu Condensed', sans-serif; }
h6 { font-family: 'Ubuntu Condensed', sans-serif; }




/* TEXT GADGETS */
keep { display: inline-block; }
bulktext { display: inline-block; font-family: 'Ubuntu Condensed'; font-size: clamp(18px, 3vw, 24px); }
wow { font-weight: bold; font-style: italic; }

/******************
* SITE DIMENSIONS *
*******************/


/*#site-wrapper {*/
/*  position: relative;*/
/*  overflow-x: hidden;*/
/*  width: 100%;*/
/*}*/

/*#site-canvas {*/
/*  width: 100%;*/
/*  !* height: 100%; *!*/

/*  position: relative;*/
/*  */
/*  -webkit-transform: translateX(0);*/
/*  transform: translateX(0);*/
/*  */
/*  -webkit-transform: translate3d(0, 0, 0);*/
/*  transform: translate3d(0, 0, 0);*/
/*  */
/*  -webkit-transition: 300ms ease all;*/
/*  transition: 300ms ease all;*/
/* */
/*  -webkit-backface-visibility: hidden;*/
/*  backface-visibility: hidden;*/
/*}*/












/***************
* HEADER STUFF *
***************/

#header {
  height: 80px;
  box-sizing: border-box;
  /*background-color: #1a1a1a;*/
  /*background-color: #def;*/
  background-color: var(--delft-blue);
  padding: 0;
  color: white;
  position: fixed; /* Fixed position - sit on top of the page */
  top: 0;
  width: 100%; /* Full width */
  transition: 0.2s; /* Add a transition effect (when scrolling - and font size is decreased) */
  z-index: 990;
}



@media screen and ( max-width: 799px ) {
  #header { display: none; }
  #tinyheader { display: block; }
  #header-undergap { height: 60px; }
  #header-navbar { text-align: center; }
}

@media screen and ( min-width: 800px ) {
  #header { display: block; }
  #tinyheader { display: none; }
  #header-undergap { height: 80px; }
  #header-navbar { text-align: left; }
}



#header-branding {
  display: inline-block;
  text-align: left;
  line-height: normal;
}

#header-title {
  color: var(--melon);
  float: left;
  font-family: 'Ubuntu Condensed', sans-serif;
  font-size: 36px;
  margin-top: 0;
  transition: 0.2s;
}

#header-top { height: 80px; overflow: hidden; padding-top: 4px; }

#header-tagline {
  color: var(--powder-blue);
  float: left;
  font-family: 'Ubuntu Condensed', sans-serif;
  font-size: 20px;
  margin-top: 2px;
  transition: 0.2s;
}


#header-logo {
  height: 68px;
  transition: 0.2s;
  vertical-align: top;
  margin-right: 6px;
}

/*.header-button {*/
/*  display: inline-block;*/
/*  padding: 4px 12px;*/
/*  font-size: 18px;*/
/*  font-weight: bold;*/
/*  transition: 0.2s;*/
/*  background: #666;*/
/*  border-radius: 999px;*/
/*  color: #eee;*/
/*}*/

/*.header-button:hover {*/
/*  background: #bb9;*/
/*  cursor: pointer;*/
/*  color: black;*/
/*}*/

/*#header-menu-large .header-button {*/
/*  margin: 18px 24px 0 0;*/
/*}*/

/*#header-menu-small {*/
/*  display: none;*/
/*  margin: 0;*/
/*  float: right;*/
/*}*/

/*#header-menu-icon {*/
/*  width: 60px;*/
/*  height: 60px;*/
/*  margin: 6px 12px;*/
/*  float: right;*/
/*  transition: 0.2s;*/
/*}*/

#header-navbar {
  z-index: 99999;
  position: sticky; top: 60px;
  width: 100%; padding: 4px 0;
  background-color: var(--powder-blue); font-weight: bold; font-size: 14px; font-family: 'Rubik', cursive;
}
#header-navbar-links { display: inline-block; }
.header-navlink { color: var(--delft-blue); padding: 4px 8px; text-decoration: none; }
.header-navlink.active {color: var(--delft-blue); }
.header-navlink:hover { background-color: var(--champaigne-pink); color: black; }




#tinyheader {
  height: 60px;
  box-sizing: border-box;
  /*background-color: #1a1a1a;*/
  /*background-color: #def;*/
  background-color: var(--delft-blue);
  padding: 0;
  position: fixed; /* Fixed position - sit on top of the page */
  top: 0;
  width: 100%; /* Full width */
  z-index: 9999;
}

/*#tinyheader-menu-icon { min-width: 42px; max-width: 42px; min-height: 42px; position: absolute; right: 12px; top: 9px; padding: 0; font-size: 0; }*/
/*#tinyheader-menu-icon>img { width: 100%; height: 100%; }*/

#tinyheader-logo {height: 52px; margin: 4px; float: left; }

#tinyheader-branding { display: inline-block; text-align: left; padding: 0 0 0 0; height: 60px; max-height: 60px; overflow: hidden; box-sizing: border-box; }

#tinyheader-title { font-family: 'Ubuntu Condensed', sans-serif; font-size: 28px; margin: 6px 0 0 0; color: var(--melon); }

#tinyheader-tagline { font-family: 'Ubuntu Condensed', sans-serif; font-size: 16px; margin: 4px 0 0 0; color: var(--powder-blue); }







/*#menu-popup {*/
/*  text-align: center;*/
/*  display: none;*/
/*  position: fixed;*/
/*  top: 50px;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  background: #333;*/
/*  padding: 12px 0;*/
/*}*/

/*#menu-popup .header-button {*/
/*  margin: 8px;*/
/*}*/


















/*.show-nav #site-canvas {*/
/*  -webkit-transform: translateX(-300px);*/
/*  transform: translateX(-300px);*/
/*  */
/*  -webkit-transform: translate3d(-300px, 0, 0);*/
/*  transform: translate3d(-300px, 0, 0);*/
/*}*/

/*#site-menu {*/
/*  width: 300px;*/
/*  height: 100%;*/
/*  position: absolute;*/
/*  right: -300px;*/
/*  background: darkgreen; !*#428bca;*!*/
/*  padding: 10px 15px;*/

/*}*/

/*#site-menu a { color: yellow; }*/


/*#site-title { color: var(--spacex-blue); }*/
/*#site-tagline { color: black; }*/







/***************
* FOOTER STUFF *
***************/

#footer {
  text-align: center;
  background: var(--delft-blue);
  color: var(--melon);
  padding: 24px 8px;
  line-height: 1em;

  position: absolute; right: 0; left: 0; bottom: 0;  /* This is for footer at bottom on small pages */
}
#footer-links { margin-bottom: 12px; }
#footer a { color: white; background-color: transparent; }


@media only screen and (max-width: 799px) {
  .footer-card {
    display: block;
    width: 100%;
    padding: 24px;
  }
}