main {
  width:100%;
}

.hero-img{
  max-height: 70vh;
  min-width:60%;
  width:100%;
  margin:auto;
  object-fit: cover;
  object-position: 50% 4%;
}

.real-blue-link:hover{
  color:#b0bdda;
}

.real-yellow-link:hover{
  color:#b0bdda;
}

.real-yellow-link{
  color:#fff59d;
  text-decoration: underline;
}

.real-blue-link{
  color:#b6fff0;
  text-decoration: underline;
}

h1.plain-header{
  line-height:inherit;
}

.site-map {
  font-size: 28px !important;
  text-align: left !important; 
  margin:0rem !important;
  padding:0rem !important; 
  margin-top:1rem !important;  
  margin-bottom:1rem !important; 
  padding-left:2rem !important; 
}

.copyright {
  margin:1rem; 
  margin-bottom:0rem; 
  display: flex; 
  flex-direction:row; 
  justify-content: space-evenly; 
  flex-wrap: wrap;
}

.logo {
  color:inherit; 
  background-color:inherit;
  font-family: 'Ubuntu',Roboto,Helvetica,Arial, sans-serif;
  /*font-weight: bold;*/
}

@import url('https://fonts.googleapis.com/css2?family=Faster+One&display=swap');
        @font-face {
            font-family: "Fast";
            /*src: url('/fonts/abberancy.ttf') format("truetype");*/ 
            
            /*src: url('/fonts/StormExtrabold-R9le.ttf') format("truetype");*/
            /*src: url('/fonts/Speedway-1080.ttf') format("truetype");*/
            src: url('/fonts/Roadstar-RuggedCursive.ttf') format("truetype");

            font-display: swap;
        }

        @font-face {
            font-family: "Fast2";
            /*src: url('/fonts/abberancy.ttf') format("truetype");*/ 
            
            /*src: url('/fonts/StormExtrabold-R9le.ttf') format("truetype");*/
            /*src: url('/fonts/Speedway-1080.ttf') format("truetype");*/
            src: url('/fonts/Roadstar-Regular.ttf') format("truetype");

            font-display: swap;
        }

        .jldashfont {
          /*font-family: 'Faster One', cursive;*/
          font-family: "Fast", Verdana, Tahoma;
          color:/*#f24741;*/#1f242e; /*#e0dbd1;*/
        }

        .jldashfont2 {
          
          font-family: "Fast", Verdana, Tahoma; /*was Fast2 */
          color:/*#f24741;*/#000004; /*#ecf241;*/
        }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "Schalk";
    src: url('/fonts/Schalk.ttf') format("truetype");
}

.jlfont { 
    font-family: "Schalk", Verdana, Tahoma;
}

.jlchalk { 
    font-family: "Schalk", Verdana, Tahoma;
}

.jlbrand {
  font-family: 'Ubuntu',Roboto,Helvetica,Arial, sans-serif;
  font-style: italic;
}

.ui {
  font-family: 'Ubuntu',Roboto,Helvetica,Arial, sans-serif;
}

html, body {
    background-color:#eeeeee;
    color:#1f242e;
    font-family: 'Nunito Sans', 'Nunito', sans-serif;
    font-weight: 200;
    min-height: 100vh;
    margin: 0;
    font-size:1rem;
}

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

.flex-center {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}
/*
nav.top-nav {
  flex:1; 
  display:flex; 
  justify-content: 
  flex-end; 
  flex-wrap: wrap;
}

.top-nav div {
}

.top-nav a {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .1rem;
  text-decoration: none;
  text-transform: uppercase;
}

.top-nav button {
  border-radius: 1rem;
}
*/
.position-ref {
    position: relative;
}

.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}

.content {
    text-align: center;
}

.title {
    font-size: 84px;
    color:inherit;
    background-color: transparent;
    letter-spacing: 0.5rem;
    padding:1rem;
    padding-bottom: 0;
    text-align: center;
    margin:0;
}

@media (max-width: 575.98px) {
  .title {
    font-size: 42px;
  }
}

footer {
  min-width:100%;
  max-width:100%;
  background-color: #000004;
  margin-bottom:5px;
  color:#84ffff;
}

footer .title {
    font-size: 32px;
    color:inherit;
    background-color: transparent;
    letter-spacing: 0.5rem;
    padding:1rem;
    margin:2rem;
    text-align: center;
}

.flex-row-wrap {
  justify-content: space-evenly;
  flex-direction: row;
  flex-wrap: wrap;
}

.chalk {
}

.title a {
    text-decoration: none;
    color:inherit;
}


.capture-link {
  color:#84ffff;

}

.capture-dot {
  color:#84ffff;
}

.capture-dot:hover {
  color:white;
}

a.capture-link {
  color:white;
  text-decoration: underline;
  -moz-text-decoration-color: #84ffff; /* Code for Firefox */
  text-decoration-color: #84ffff;
}

.capture-link:hover {
  color:white;
  -moz-text-decoration-color:white; /* Code for Firefox */
  text-decoration-color:white;
}

.title a:hover {
    color:#b0bdda; 
}

.color-chalk-hover {
  color:#b0bdda; 
}

.jlfont a {
    text-decoration: none;
    color:inherit;
    background-color:transparent;
}

.fake-purple-link{
  color:#f0b5ff;
  border-bottom:2px solid;
  border-radius: 0.2rem
}

.purple-chalk{
  color:#f0b5ff;
}

.fake-purple-link:hover{
  color:#b0bdda;
  border-bottom:2px solid;
  border-radius: 0.2rem
}

.fake-yellow-link{
  color:#fff59d;
  border-bottom:2px solid;
  border-radius: 0.2rem
}

.yellow-chalk{
  color:#fff59d;
}

.fake-yellow-link:hover{
  color:#b0bdda;
  border-bottom:2px solid;
  border-radius: 0.2rem
}

.blue-chalk{
  color:#b6fff0;
}

.fake-blue-link{
  color:#b6fff0;
  border-bottom:2px solid;
  border-radius: 0.2rem
}

.fake-blue-link:hover{
  color:#b0bdda;
  border-bottom:2px solid;
  border-radius: 0.2rem
}

.green-chalk{
  color:#c8f5bc;
}

.fake-green-link{
  color:#c8f5bc;
  text-decoration: underline;
}

.fake-green-link:hover{
  color:#b0bdda;
  text-decoration: underline;
}

.clear {
  font-weight:700;
  margin-bottom: 1rem;
  letter-spacing: 0.1rem;
}

@media (max-width: 575.98px) {
  .clear {
    font-weight:200;
    text-align: center;
    
  }
}

.jlfont a:hover {
    color:#b0bdda;
    background-color:transparent;
    font-style: italic;
}

.red-chalk{
  color:#ff9dbb;
}

.fake-red-link{
  color:#ff9dbb;
  text-decoration: underline;

}

.fake-red-link:hover{
  color:#b0bdda;
  text-decoration: underline;
}

.subtitle {
    font-size: 42px;
    color:#1f242e;
    letter-spacing: 0.5rem;
    padding:1rem;
    text-align: center;
    margin:0;
    font-weight: normal;
}

.links a {
    padding: 0 25px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
}


header.chalkboard{
    color:#e0dbd1;
    letter-spacing: 0.25rem;
    text-align: center;
}


.mini-chalk-board {
  font-family: 'Ubuntu',Roboto,Helvetica,Arial, sans-serif;
  background-color:#1f242e;
  margin:0.25rem;
  color:#C8F5BC;
  padding:1rem;
  border-radius: 0.5rem;
  flex:1;'
}

.mini-chalk-board-light {
  font-family: 'Ubuntu',Roboto,Helvetica,Arial, sans-serif;
  background-color:white;
  margin:0.25rem;
  color:#C8F5BC;
  padding:1rem;
  border-radius: 0.5rem;
  flex:1;'
}

.mini-chalk-board a {
  color:#e0dbd1;
}

.mini-chalk-board-light a {
  color:#474c57;
}

.mini-chalk-board a:hover {
  color:#b0bdda;
}

.background-color-off-white{
  background-color:#f9f9f9;
}

.color-chalk{
  color:#e0dbd1;
}

.background-color-chalk{
  background-color:#e0dbd1;
}

.bg-color-primary{
  background-color:#1f242e; 
}

.bg-color-primary-dark{
  background-color:#000004; 
}

.bg-color-primary-light{
  background-color:#474c57; 
}

.color-primary{
  color:#1f242e; 
}

.color-primary-dark{
  color:#000004; 
}

.color-primary-light{
  color:#474c57; 
}

.bg-color-secondary{
  background-color:#e0dbd1; /*#42ecf2;*/ 
}

.bg-color-secondary-light{
  /*background-color:#84ffff;*/ 
  background-color:#f4f0ec;
}

.bg-color-secondary-dark{
  background-color:#00b9bf; 
}

.color-secondary{
  color:#42ecf2; 
}

.color-secondary-light{
  color:#84ffff; 
}

.color-secondary-dark{
  color:#00b9bf; 
}

.chalk-link{
  color:#474c57;
}

.chalk-link:hover{
  color:#000004;
}

.bg-color-alert{
  background-color:#e26b26;
}

.color-alert{
  color:#e26b26;
}

.bg-color-pink-chalk{
  background-color:#FF9DBB;
}

.dropdown-item:hover{
  background-color:rgba(255,255,255,0.3);
}

h2.capture-headline {
  font-weight:bold; 
}

.final-capture-headline {
  font-weight:bold;
}


@media (max-width: 575.98px) {
  .final-capture-headline {
    font-size:28px;
  }
  footer .title {
    font-size:28px;
    padding:0.0rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    margin:0rem;
    margin-top:1rem;
    margin-bottom:1rem; 
  }

  .hide-when-small {
    display:none;
  }
}

@media (max-width: 767.98px) {  
  .hide-when-medium {
    display:none;
  }
}

@media (max-width: 991.98px) {
  .hide-when-large {
    display:none;
  }
}

@media (min-width: 1300px) {
  .frame-when-extra-large {
    border-right-color: rgb(31, 36, 46);
    border-left-color: rgb(31, 36, 46);
    border-top-color: rgb(31, 36, 46);
    border-bottom-color: rgb(31, 36, 46);
    max-width: 1300px;
    margin:auto;
    box-shadow:rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px
  }
}

span[lang] { font-style: italic; }