/* ADMIN */

br {
    /* margin-top: 1em; */
}

.bg-site-primary {
    background-color: var(--site-1-bg);
    color:#FFFFFF;
}
.bg-site-secondary {
    background-color: var(--site-2-bg);
    color:#FFFFFF;
}

.main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.full-bg {
    min-height: 74vh;
}

footer p {
    font-size:0.8em;
}

.warnbar {
    background-color: #FC1054;
    font-size:0.8em;
    color:#ffffff;
    padding:2px 0 2px 0;
}

.warnbar p {
    font-size:0.8em;
}

summary.new {
    background-color: var(--secondary-bg);
}

details {
    background-color: var(--bg-3);
}


span.icon {
    display: inline-flex; align-items: center; gap: 0.4em;
}

/* SITE */
.arrow {
    font-family: Arial, Helvetica, 'Segoe UI Symbol', sans-serif;
}

.hero {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    color:#FFFFFF;
}


.hero-title {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.hero-text {
    font-size: 1.25rem;
    color:#FFFFFF;
}

.bct {
    padding: 12px 0 8px 0;
    font-size: 0.8em;
    color:#707070;
    text-transform: uppercase;
}


div.section-inner {
    display: flow-root;
}

.topbar {
    font-size:0.9em;
}


.site-padding {
    padding:1em;
}

.site-margin {
    margin-top:2em;
    margin-bottom:2em;
}

.site-gap {
    gap:1em;
}

.site-b1-1 {
    background-color: var(--site-2-bg);
}
.site-b1-1:hover {
    background-color: var(--site-1-bg);
}

.wrap {
    flex-wrap: wrap;
}


div.intro p {
    font-size:1.3em;
    margin-top:1.0em;
}

.icon-text {
  display: inline-flex;
  align-items: center;
  gap: 0.4em; /* space between icon and text */
}