:root {--font-size:1rem}
::marker {color:var(--contrast)}
h1,h2,h3,h4,h5 {margin-bottom:0.5rem}
@media(max-width:1200px) {
.hide-mobile {display:none !important}}
@media(min-width:1200px) {
.hide-desktop {display:none !important}}
/*header */
.header {background:var(--muted-border-color);padding:1rem 0;border-bottom:solid 1px var(--muted-border-color);box-shadow:1px 1px 5px rgba(0,0,0,0.2)}
.header-mobile-btn {width:50px;height:50px;padding:0.4rem;margin:0}
.header-mobile-btn img {width:100%;height:100%;filter:invert(100%)}
.header-logo {margin:0;padding:0;font-size:1.5rem;font-style:italic}
.header-grid {align-items:center}
.header-nav a {color:var(--contrast)}
.header-nav .current a {color:#fff}
/*added dropdown */
.header-nav li {padding:10px}
.header-nav .subMenu {position:absolute;background:var(--primary-hover);max-width:200px;animation:fadeIn 250ms linear;border-radius:var(--border-radius);display:none;flex-direction:column;text-align:left;padding:0 !important;margin-top:10px;margin-left:0 !important;color:#fff}
.header-nav .subMenu li {width:100%;margin:0}
.header-nav .subMenu li a {width:100%;text-align:left;margin:0;padding:10px;color:#fff}
.subMenu a:hover {background:rgba(0,0,0,0.2)}
.subMenu li {margin:0;padding:0}
.subMenu a {margin:0}
@media(max-width:1200px) {
.header-nav .subMenu {position:relative;max-width:unset;width:100% !important}}
@media(min-width:1200px) {
.header-nav li:hover .subMenu {display:flex}}
@keyframesfadeIn {
from {opacity:0}
to {opacity:1}}
/*end edit */
@media(min-width:1200px) {
.header {padding:3rem 0}}
@media(max-width:1200px) {
.header-grid {flex-wrap:wrap}
.header-nav {display:flex;flex-direction:column;width:100%;padding:0;margin-right:0 !important;margin-left:0 !important;margin-top:20px}
.header-nav li {width:100%;padding:8px 0;margin:0;display:flex;align-items:center;flex-wrap:wrap}
.header-nav a {width:100%;text-align:left;padding:15px;margin:0}
.header-nav .wSub {display:flex;padding:0}
.header-nav .wSub a {width: calc(90% - 12px)}
.header-nav .wSub .showDropdown {width:10%;display:flex;align-self:center;justify-content:center;align-items:stretch;padding:14px;margin-left:12px}
.header-nav a {padding:8px}
.header-nav .wSub a[role="button"] {padding:8px}
.header-nav a[role="button"] {margin-left:0;margin-right:0;padding:inherit;padding:8px}}
/*content and aside */
.content {padding:2rem 0;padding-bottom:0}
.content-grid {display:grid;grid-column:1fr;margin:2rem 0;gap:1.3rem}
@media(min-width:1200px) {
.content-grid {grid-template-columns: 9fr 3fr}}
.content-sidebar ul::marker {color:#000}
.content-sidebar h2 {margin-bottom:10px}
.content-title {padding-bottom:1rem;border-bottom:solid 1px var(--muted-border-color)}
.content-sidebar h2 {padding-bottom:10px;border-bottom:solid 1px var(--muted-border-color);margin-bottom:20px;display:block}
.content-sidebar ul {list-style-type:square !important;background:var(--primary);color:#fff;line-height:1;border-radius:5px;list-style-type:square}
@media(min-width:1200px) {
.content-sidebar {margin-top:2.7rem}}
.content-main img {margin-bottom:1.3rem;border-radius:0.2rem}
.content-main nav[aria-label="breadcrumb"] li {padding:0 0.5rem}
.content-main nav[aria-label="breadcrumb"] a {color:var(--muted-color)}
/*footer */
.footer-grid {display:flex;flex-direction:row;justify-content:space-between;align-items:center}
@media(max-width:1200px) {
.footer-grid {flex-direction:column}}
/*grid variant */
@media(min-width:1200px) {
.content-grid-left {grid-template-columns:3fr 9fr}
.content-grid-left .content-sidebar {order:1}
.content-grid-left .content-main {order:2}
.content-grid-nosidebar {grid-template-columns:1fr}}
.content-grid-nosidebar .content-sidebar {display:none}