body {
    font-family: system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: #233422;
}

.scitopia-bg-dark {
    background-color: #233422;
    color: #F8F8F8;
}

.scitopia-bg-dark a {
    color: #FCE496;
}

.scitopia-bg-dark a:hover {
    color: #d1dbc5;
}

.scitopia-bg-light {
    background-color: #d1dbc5;
    color: #000;
}

.scitopia-bg-light a {
}

.scitopia-bg-light a:hover {

}

header img {
    height: 40px;
}

.scitopia_logo {
    font-family: "d-dindin-bold";
    line-height: 40px;
    font-size: 32px;
    margin-left: 8px;
}

.chicago_logo {
    font-family: "Lily Script One", system-ui;
    font-weight: 400;
    font-style: normal;
    line-height: 40px;
    font-size: 30px;
    padding-top: 3px;
    margin-left: 8px;
}

.scitopia_logo_large {
    font-family: "d-dindin-bold";
    line-height: 48px;
    font-size: 40px;
}

.chicago_logo_large {
    font-family: "Lily Script One", system-ui;
    font-weight: 400;
    font-style: normal;
    line-height: 42px;
    font-size: 36px;
    padding-top: 4px;
}


.scitopia-bg-light a {
    text-decoration: none;
}

.scitopia-bg-light a .scitopia_logo, .scitopia-bg-light a .chicago_logo {
    color: #000;
}

.scitopia-bg-light a {
    text-decoration: none;
    color: #233422;
}

.scitopia-bg-light button {
    background-color: #233422;
    color: #F8F8F8;
}

.scitopia-h-logo {
    display: inline-block;
}

h1 {
    font-family: "d-dindin-bold";
}

h3 {
    font-family: "d-dinregular";
}

.scitopia-bg-middle {
    background-color: #A0C985 !important;
}

.scitopia-bg-light {
    background-color: #E0EDD2 !important;
}

.scitopia-bg-white {
    background-color: #fff !important;
}

.din-bold {
    font-family: "d-dindin-bold";
}

.scitopia-image-bg-placeholder-a {
    height: 640px;
    background-image: url("/static/images/hero-render.jpg");
    background-size: cover;
    background-position: center;    
}

.scitopia-image-bg-placeholder-b {
    height: 640px;
    background-image: url("/static/images/hero-catwalk.jpg");
    background-size: cover;
    background-position: center;    
}

.scitopia-image-bg-placeholder-c {
    height: 640px;
    background-image: url("/static/images/exterior-hero.jpg");
    background-size: cover;
    background-position: center;    
}

.border-scitopia-dark {
    --bs-border-opacity: 1;
    border-color: #233422 !important;
}

.scitopia-btn-dark {
    background-color: #233422;
    color: #F8F8F8;
}

.scitopia-btn-dark:hover {
    background-color: #F8F8F8;
    color: #233422;
}

.text-outline {
  color: white; /* Fill color */
  text-shadow: 
    -1px -1px 0 #000,  
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000; /* Outline color */
}

.text-outline-shadow {
  color: white; /* Fill color */
  text-shadow: 0px 0px 4px #000 !important;
}