.theme-dark {
    --color-background: #18191a;
    --color-secondary: #3a3b3c;
    --color-selector: #18191a;
    --color-button: #212529;
    --color-slider: #ffffff;
    --color-brand: #ffffff;
    --color-nav: #e9ecef;
    --color-image: #3a3b3c;
    --color-track: #18191a;
    --color-accent: #12cdea;
    --color-scroll: #3a3b3c;
    --color-body: #ffffff;
    --color-hastip: #52565d;
    --color-tooltip: #ffc107;
    --font-color: #dee2e6;
    --select-font: #18191a;
    --font-hover: #b3b3b3;
    --card-body: #999999;
    --outer-frame: #1c1d1d;
    --toggle-btn-color: #aaa;
    --accordian-color: #242526;
    --hoverh2-color: #ffffff;
    --colorswitchd: rgb(116 116 116);
    --colorswitchl: #ffffff;
    --font-dark: normal;
    --font-light: bold;
    --focus-active-color: #505050;
    --navbartoggler-color: #e9ecef;
    --hr-color: #383939;
    --color-triangle: #4c4c4cf0;
    --calc-card-bg: var(--color-background);
    --calc-card-border: var(--outer-frame);
    --calc-muted-bg: var(--color-secondary);
    --calc-muted-text: var(--font-hover);
    --calc-rule-border: var(--outer-frame);
    --calc-note-border: var(--color-hastip);
    --calc-table-head-bg: var(--color-secondary);
    --calc-warning-bg: #332701;
    --calc-warning-text: #ffda6a;
    --calc-warning-border: #d4a72c;
    --calc-positive: #75b798;
    --calc-slider-track: var(--color-secondary);

    color-scheme: dark;
}

.theme-light {
    --color-background: #ffffff;
    --color-secondary: #dadbdd;
    --color-selector: #dee2e6;
    --color-button: #f2f3f7;
    --color-slider: #000000;
    --color-brand: #000000;
    --color-nav: #000000;
    --color-image: #dee2e6;
    --color-accent: #fd6f53;
    --color-track: #ffffff;
    --color-body: #6c757d;
    --color-hastip: #969aa2;
    --color-tooltip: #ffc107;
    --color-scroll: #b3b3b3;
    --select-font: #6c757d;
    --font-color: #535353;
    --font-hover: #b3b3b3;
    --card-color: #99ff99;
    --card-body: #999999;
    --outer-frame: #cccccc;
    --toggle-btn-color: #6c757d;
    --accordian-color: #e7e6ea;
    --hoverh2-color: #000000;
    --colorswitchd: #000000;
    --colorswitchl: rgb(116 116 116 / 51%);
    --font-dark: bold;
    --font-light: normal;
    --focus-active-color: #edeeef;
    --navbartoggler-color: #000000;
    --hr-color: #dadada;
    --color-triangle: #dee2e6;
    --calc-card-bg: var(--color-background);
    --calc-card-border: var(--outer-frame);
    --calc-muted-bg: var(--color-secondary);
    --calc-muted-text: var(--toggle-btn-color);
    --calc-rule-border: var(--outer-frame);
    --calc-note-border: var(--color-hastip);
    --calc-table-head-bg: var(--color-secondary);
    --calc-warning-bg: #fff4e5;
    --calc-warning-text: var(--font-color);
    --calc-warning-border: #b36b00;
    --calc-positive: #34854b;
    --calc-slider-track: var(--color-secondary);

    color-scheme: light;
}

html.theme-light,
html.theme-dark {
    background: var(--color-background);
    color: var(--font-color);
}

html.theme-light .site-header,
html.theme-dark .site-header {
    background-color: var(--color-secondary) !important;
    color: var(--color-nav) !important;
}
html.theme-light .navbar,
html.theme-dark .navbar,
html.theme-light .navbar.bg-white,
html.theme-dark .navbar.bg-white {
    background-color:transparent!important;
    color: inherit !important;
}
/* Bootstrap dropdowns under AWA theme */
html.theme-light .dropdown-menu,
html.theme-dark .dropdown-menu {
    background-color: var(--color-secondary) !important;
    border-color: var(--outer-frame) !important;
}

html.theme-light .dropdown-item,
html.theme-dark .dropdown-item {
    color: var(--font-color) !important;
}

html.theme-light .dropdown-item:hover,
html.theme-light .dropdown-item:focus,
html.theme-dark .dropdown-item:hover,
html.theme-dark .dropdown-item:focus {
    background-color: var(--color-background) !important;
    color: var(--font-color) !important;
}

html.theme-light .dropdown-item.active,
html.theme-light .dropdown-item:active,
html.theme-dark .dropdown-item.active,
html.theme-dark .dropdown-item:active {
    background-color: var(--color-accent) !important;
    color: #fff !important;
}
body {
    background: var(--color-background);
    color: var(--font-color);
}

hr {
    border-color: var(--hr-color);
}

a {
    color: var(--font-color);
    text-decoration: none;
}

.navbar,
.awa-navbar {
    background: var(--color-secondary);
    color: var(--color-nav);
}

.navbar a,
.awa-navbar a {
    color: var(--color-nav);
}

footer,
.awa-footer {
    background: var(--color-secondary);
    color: var(--font-color);
}


html.theme-light,
html.theme-dark {
    background: var(--color-background);
    color: var(--font-color);
}

body {
    background: var(--color-background) !important;
    color: var(--font-color);
}

#awa_outside,
.awa-outside,
.awa-page {
    background: var(--color-background);
    color: var(--font-color);
}

#awa_main,
.awa-main {
   /* background: var(--color-secondary);*/
    color: var(--font-color);
}

#awa_head,
.awa-head,
.navbar {
    background: var(--color-secondary);
    color: var(--color-nav);
}

#awa_foot,
.awa-footer,
footer {
    background: var(--color-secondary);
    color: var(--font-color);
}


.awa-theme-switch {
    display: flex;
    align-items: center;
    gap: 0.45em;
    white-space: nowrap;
}

.awa-theme-switch .theme-mode-label {
    appearance: none;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0.15em 0.3em;
    font: inherit;
    line-height: 1;
}

#light-mode-text {
    color: var(--colorswitchl);
    font-weight: var(--font-light);
}

#dark-mode-text {
    color: var(--colorswitchd);
    font-weight: var(--font-dark);
}

.theme-switch {
    display: inline-block;
    position: relative;
    width: 2.45em;
    height: 1.25em;
    cursor: pointer;
}

.theme-switch input {
    display: none;
}

.theme-switch .slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    background: var(--color-background);
    border: 1px solid var(--border-color, var(--outer-frame));
    transition: 0.25s;
}

.theme-switch .slider:before {
    position: absolute;
    content: "";
    height: 0.9em;
    width: 0.9em;
    left: 0.14em;
    bottom: 0.12em;
    background: var(--color-slider);
    transition: 0.25s;
}

.theme-switch input:checked + .slider:before {
    transform: translateX(1.15em);
}

.theme-switch .slider.round {
    border-radius: 999em;
}

.theme-switch .slider.round:before {
    border-radius: 999em;
}




/*---------------------------*/

/* AWA light/dark control */
.awa-theme-switch {
    display: inline-flex !important;
    align-items: center;
    gap: 0.45em;
    white-space: nowrap;
}

.awa-theme-switch button.theme-mode-label {
    appearance: none;
    -webkit-appearance: none;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer;
    padding: 0.15em 0.3em;
    margin: 0;
    font: inherit;
    line-height: 1;
}

.awa-theme-switch #light-mode-text {
    color: var(--colorswitchl);
    font-weight: var(--font-light);
}

.awa-theme-switch #dark-mode-text {
    color: var(--colorswitchd);
    font-weight: var(--font-dark);
}

.awa-theme-switch .theme-switch {
    display: inline-block;
    position: relative;
    width: 2.45em;
    height: 1.25em;
    cursor: pointer;
    margin: 0;
}

.awa-theme-switch .theme-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.awa-theme-switch .theme-switch .slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    background: var(--color-background);
    border: 1px solid var(--border-color, var(--outer-frame));
    transition: 0.25s;
}

.awa-theme-switch .theme-switch .slider:before {
    position: absolute;
    content: "";
    height: 0.9em;
    width: 0.9em;
    left: 0.14em;
    bottom: 0.12em;
    background: var(--color-slider);
    transition: 0.25s;
}

.awa-theme-switch .theme-switch input:checked + .slider:before {
    transform: translateX(1.15em);
}

.awa-theme-switch .theme-switch .slider.round {
    border-radius: 999em;
}

.awa-theme-switch .theme-switch .slider.round:before {
    border-radius: 999em;
}



.bc-block {
  margin: 0 0 1.5em;
  font-size: 0.95em;
}

.bc-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4em;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bc-item {
  display: flex;
  align-items: center;
}

.bc-item + .bc-item::before {
  content: "/";
  margin-right: 0.4em;
  opacity: 0.55;
}

.bc-link {
  text-decoration: none;
}

.bc-link:hover {
  text-decoration: underline;
}

.bc-current {
  opacity: 0.75;
}


.adaptive-image.full-width-image {
	width: 100%;
}

.page-block.no-border {
	border: 0;
}

.awa-input-text, .awa-input-textarea {
	width: 100%;
	border: solid 1px lightgray;
	border-radius: 0.5em;
	margin-bottom: 0.5em;
}
.awa-button {
	border: 0;
	border-radius: 1.5em;
	padding: 0.3em 1.5em 0.3em 1.5em;
	background-color: #333;
	color: #ddd;
	text-transform: uppercase;
	margin-bottom: 1.5em;
}

.awa-field select{
	word-wrap: normal;
	width: 100%;
	margin-bottom: 0.5em;
	height: 2em;
	border-radius: 0.5em;
	border: solid 1px lightgray;
}