@charset "UTF-8";
details,
main {
  display: block;
}

progress {
 vertical-align: baseline;
}

summary {
 display: list-item;
}

header::after,
footer::after,
nav ul::after,
nav ol::after,
.container::after {
content: "";
 display: table;
 clear: both;
}

.skip-link {
 position: absolute;
 z-index: 2;
 top: 1px;
 left: 1px;
 padding: 0.25em 0.5em;
 transform: translateY(-5em);
 transition: transform 0.25s ease-in-out;
 background-color: white;
 color: #333333;
 font-family: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.skip-link:focus, .skip-link:active {
 transform: translateY(0);
}

body {
 margin: 0px 0px 20px 0px;
 background-color: #dbdad6;
 font-family: Verdana, Arial, sans-serif;
}

a,
a:link,
a:visited,
a:active {
 color: #cc6600;
 text-decoration: underline;
}
a:hover {
 color: #ffcc33;
}

h1,h2,h3,h4,h5,h6 {
 color: #cc6600;
 padding-top: 0;
}

.site-header,
.site-navigation,
.wrapper,
.site-footer {
 width: 85%;
 min-width: 600px;
 margin: auto;
 background-color: #FFFFFF;
}
.site-header {
 color: #ffffff;
 background-color: #e7aa5c;
 text-align: left;
}
.site-header a,
.site-header a:hover,
.site-header a:link,
.site-header a:visited,
.site-header h2 {
 color: #ffffff;
 font-size: 1.5em;
 font-weight: bold;
 padding: 0.5em;
 margin: 0;
 text-decoration: none;
height: 2.5em;
}

.site-navigation > div {
 position: relative;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.site-navigation ul {
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;
 border: 0;
}
.site-navigation li {
 background-color: #ffffff;
}
.site-navigation li:hover {
 background-color: #eeeeee;
}
.site-navigation li.active {
 background-color: #bbbbbb;
 box-shadow: none;
 text-decoration: none;
}
.site-navigation a {
 display: block;
 color: #333333;
 padding: 0.5em 1em;
 text-decoration: none;
}
.site-navigation a:hover,
.site-navigation a:visited {
 color: #333333;
 text-decoration: none;
}
.search {
 margin-top: 0.2em;
 padding: 0;
 background: transparent;
}
.search input[type=search] {
 width: 2.125em;
 height: 2.125em;
 padding-right: 0;
 padding-left: 2em;
 margin-right: 0.5em;
 transition: width 0.2s ease-in-out, border-color 0.2s ease-in-out;
 background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cg fill=%27%23333%27%3E%3Cpath d=%27M4,13c0-5,4-9,9-9c5,0,9,4,9,9c0,5-4,9-9,9C8,22,4,18,4,13z M13,19c3.3,0,6-2.7,6-6s-2.7-6-6-6s-6,2.7-6,6S9.7,19,13,19z%27/%3E%3Cpath d=%27M17.5,19l1.5-1.5l4.5,3L28,25c0,0,0,1.5-0.75,2.25S25,28,25,28l-4.5-4.5L17.5,19z%27/%3E%3C/g%3E%3C/svg%3E") no-repeat left center;
 background-size: 2em 2em;
 background-color: #eeeeee;
 border-radius: 0.5em;
 cursor: pointer;
}
.search input[type=search]:hover {
 background-color: #f8f8f8;
}
.search input[type=search]:focus {
 width: 16em;
 padding-right: 0.1875em;
 background-color: white;
 cursor: auto;
}

.container {
 display: flex;
 padding: 0.5em 2em;
}

.complementary-content {
 display: block;
 gap: 1em;
 padding: 1em;
 font-size: 0.7em;
 width: 80em;
 max-width: 80em;
}

.calendar td,
.calendar th,
.calendar h4 {
 color: #333333;
 font-weight: normal;
 margin: 0;
}
.calendar thead tr.smb_cal_daynames {
 text-decoration: underline;
}
.calendar select {
 appearance: none;
 border: 0;
 text-decoration: underline;
 color: #cc6600;
 cursor: pointer;
}
.calendar .smd_cal_navprev,
.calendar .smd_cal_navnext {
 text-decoration: none;
}

.article-list {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 align-items: flex-start;
 align-content: flex-start;
 justify-content: center;
 list-style: none;
 font-size: 0.8em;
 padding: 0 1em;
 gap: 2em;
}
.article {
 display: block;
 max-width: 37em;
 min-width: 37em;
}
article.article {
 font-size: 0.8em;
 margin: auto;
 min-width: 550px;
 max-width: 80%;
}

.footnote {
 font-size: 0.8em;
 font-style: italic;
 color: #333333;
 text-align: right;
}

.paginator {
 text-align: right;
 padding: 1em;
}

@media (max-width: 900px) {
 .container {
  padding: 0.5em 0.75em;
 }
 .site-header,
 .site-navigation,
 .wrapper,
 .site-footer {
  width: 95%;
 }
}

@media (max-width: 800px) {
 aside.complementary-content {
  display: none;
 }
 .site-header,
 .site-navigation,
 .wrapper,
 .site-footer {
  width: 100%;
 }
}