/* base.css */

:root {
 --base-font-size: 14px;
 --heading-h3-color: #468;
 --theme-color: #109fd8;
 --link-color: #0645ad;
 --link-text-decoration: none;

 --cover-background-color: #81a1b1;
 --cover-heading-color: #555;
 --cover-heading-font-size-max: 32;
 --cover-heading-font-size-min: 32;

 --sidebar-nav-link-background-color: ;
 --sidebar-nav-link-background-color--active: ;
 --sidebar-nav-link-background-color--hover: ;
 --sidebar-nav-link-background-image: ;
 --sidebar-nav-link-background-image--active: ;
 --sidebar-nav-link-background-image--hover: ;
 --sidebar-nav-link-background-position: ;
 --sidebar-nav-link-background-position--active: ;
 --sidebar-nav-link-background-position--hover: ;
 --sidebar-nav-link-background-repeat: ;
 --sidebar-nav-link-background-size: ;
 --sidebar-nav-link-background-size--active: ;
 --sidebar-nav-link-background-size--hover: ;
 --sidebar-nav-link-border-color: ;
 --sidebar-nav-link-border-color--active: ;
 --sidebar-nav-link-border-color--hover: ;
 --sidebar-nav-link-border-radius: ;
 --sidebar-nav-link-border-style: solid;
 --sidebar-nav-link-border-style--active: ;
 --sidebar-nav-link-border-style--hover: ;
 --sidebar-nav-link-border-width: 0;
 --sidebar-nav-link-border-width--active: ;
 --sidebar-nav-link-border-width--hover: ;
 --sidebar-nav-link-color: var(--base-color);
 --sidebar-nav-link-color--active: ;
 --sidebar-nav-link-color--hover: var(--link-color);
 --sidebar-nav-link-font-weight: ;
 --sidebar-nav-link-font-weight--active: ;
 --sidebar-nav-link-font-weight--hover: ;
 --sidebar-nav-link-margin: ;
 --sidebar-nav-link-padding: 0;
 --sidebar-nav-link-text-decoration: ;
 --sidebar-nav-link-text-decoration--active: none;
 --sidebar-nav-link-text-decoration--hover: none;
 --sidebar-nav-link-text-decoration-color: ;
 --sidebar-nav-link-transition: ;

 --sidebar-nav-pagelink-background-image: ;
 --sidebar-nav-pagelink-background-image--active: ;
 --sidebar-nav-pagelink-background-image--collapse: ;
 --sidebar-nav-pagelink-background-image--loaded: ;
 --sidebar-nav-pagelink-background-position: ;
 --sidebar-nav-pagelink-background-position--active: ;
 --sidebar-nav-pagelink-background-position--collapse: ;
 --sidebar-nav-pagelink-background-position--loaded: ;
 --sidebar-nav-pagelink-background-repeat: no-repeat;
 --sidebar-nav-pagelink-padding: 0px 15px;
 --sidebar-nav-pagelink-transition: var(--sidebar-nav-link-transition);
}

.sidebar li > p {
 font-weight: bold;
}

.sidebar-toggle-button {
 content: url("./images/hamburger.svg");
}

button {
 color: white;
 background: #109fd8;
 border: 1px solid #ccc;
 border-radius: 4px;
 height: 28px;
 padding: 5px 8px;
}

button:hover {
 border: 1px solid #444;
}