/* hero classes */

div.hero-background {
    position: static !important;
    top: 0 !important;
    left: 0 !important;
    height: 10vw;
    width: 100vw;
    background-image: linear-gradient(to bottom, var(--si-gray-dark) 0%, var(--si-dark) 100%);
    width: 100vw;
    background-size: cover;
}

div.hero-container {
    min-height: 15rem;
    margin-top: 10vh;
    margin-bottom: 20vh;
    height: 70vh;
    align-items: middle;
}

img.hero-logo {
    width: 80%;
    max-width: 500px;
}

div.hero-subtitle {
    font-size: 1.4rem;
    font-weight: 100;
}

.hero-container hr {
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.lead {
    font-size: 1.3rem !important;
    text-align: center;
}

.lead > span,
.highlight {
    color: white;
}

body,
.navbar,
.navbar-stuck {
    transition: none !important;
}

/* /hero classes */

/* dark mode toggle */

.darktoggler {
    display: none;
}

/* .darktoggler::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

html.dark-mode .darktoggler:before {
    font:       'Font Awesome 6 Pro';
    content:    '\f185';
    color:      var(--si-warning);
    font-size:  calc(1.345rem + 1.14vw) !important;
}

html:not(.dark-mode) .darktoggler:before {
    font-family: 'Font Awesome 6 Pro Solid';
    content:    '\f186';
    color:      var(--si-black);
    font-size: calc(1.345rem + 1.14vw) !important;
} */

/* /dark mode toggle */

span.highlight,
span.content,
div.content {
    font-weight: 400;
}

html.dark-mode img.image-only-light {
    display: none !important;
}

html:not(.dark-mode) img.image-only-dark {
    display: none !important;
}

div.card-smooth {
    border: none !important;
    filter: none !important;
    box-shadow: none !important;
}

div.card-header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

img.card-image-top {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}