@charset "UTF-8";
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
html body {
  font-family: "Roboto", sans-serif;
  color: #505050;
  background: #f3f7ee;
  margin: 0;
  padding: 0;
  font-size: 1.1em;
}
html body form input[type=text], html body form input[type=email], html body form input[type=date], html body form input[type=password], html body form textarea {
  padding: 1em;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  border: 2px solid #422D63;
  background: #F1EFF5;
  border-radius: 0;
}
html body .blog-masthead {
  background: #422D63;
  color: #f3f7ee;
  margin-top: -1px;
}
html body .blog-masthead .container {
  padding: 0 1em;
}
html body .blog-masthead #burger, html body .blog-masthead #burger-label {
  display: none;
}
html body .blog-masthead nav.blog-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html body .blog-masthead nav.blog-nav ul li.social-link {
  display: none;
}
html body .blog-masthead nav.blog-nav ul li {
  display: inline-block;
}
html body .blog-masthead nav.blog-nav ul li a {
  display: block;
  color: #f3f7ee;
  text-decoration: none;
  padding: 15px 20px;
  font-size: 1em;
  letter-spacing: 0.5px;
}
html body .blog-masthead nav.blog-nav ul li a:hover {
  background: #54397E;
}
html body .site-header-social ul {
  list-style: none;
}
html body .site-header-social ul li {
  display: inline-block;
  margin-right: 0.5em;
}
html body .site-header-social ul li a {
  display: block;
  width: 48px;
  height: 48px;
  text-align: center;
}
html body .site-header-social ul li a svg {
  fill: #bababa;
  width: 35px;
  height: 35px;
}
html body .site-header-social ul li a:hover svg {
  fill: #f3f7ee;
}
html body footer {
  background: #54397E;
  color: #f3f7ee;
  margin-top: 2em;
}
html body footer .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 2em;
}
html body footer .row .col-sm-4 {
  flex: 1 1 0;
  flex-grow: 1;
  line-height: 1.5em;
  padding: 1em 0;
}
html body footer .row .col-sm-4 .header {
  margin: 1.5em 0;
  font-size: 1.3em;
  letter-spacing: 1px;
  font-family: "Raleway", sans-serif;
}
html body footer .row .col-sm-4 a, html body footer .row .col-sm-4 a:visited {
  color: #f3f7ee;
  text-decoration: underline;
}
html body footer .row .col-sm-4 a:hover, html body footer .row .col-sm-4 a:active, html body footer .row .col-sm-4 a:focus {
  text-decoration: none;
}
html body footer .row .col-sm-4 ul {
  list-style: none;
  padding: 0;
}
html body footer .row .col-sm-4 ul li a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  border-bottom: 1px solid #422D63;
}
html body footer .row .col-sm-4 ul li a:hover, html body footer .row .col-sm-4 ul li a:focus {
  background: #422D63;
}
html body footer .row .col-sm-4 ul li.social-link {
  display: none;
}
html body #comments form {
  display: flex;
  gap: 0 2em;
  flex-wrap: wrap;
}
html body #comments form p {
  flex-basis: 100%;
  margin: 0;
}
html body #comments form p.comment-form-author, html body #comments form p.comment-form-email {
  flex-basis: 40%;
  flex: 1 1 0;
  flex-grow: 1;
}
html body #comments form label {
  display: block;
  font-size: 1.1em;
  letter-spacing: 1px;
  margin: 1em 0;
  cursor: pointer;
}
html body #comments form label:has(input[type=checkbox]) {
  padding-left: 2em;
  position: relative;
}
html body #comments form label:has(input[type=checkbox]) input[type=checkbox] {
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  left: 0;
}
html body #comments form textarea {
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
  font-size: 0.9em;
  font-family: "Roboto", sans-serif;
  resize: vertical;
  background: #F1EFF5;
  border: 2px solid #422D63;
}
html body #comments form input[type=text], html body #comments form input[type=email] {
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
  font-size: 0.9em;
  font-family: "Roboto", sans-serif;
  background: #F1EFF5;
  border: 2px solid #422D63;
}
html body #comments form input[type=submit] {
  background: #54397E;
  color: #F1EFF5;
  padding: 0.75em;
  font-size: 1em;
  border: none;
  cursor: pointer;
  display: block;
  width: 100%;
}
html body #comments form input[type=submit]:hover {
  background: #422D63;
}
html body .comment-lits {
  list-style: none;
  padding: 0;
  /*
    hierarchy
  */
  /*
      End hierarchy
  */
}
html body .comment-lits ul {
  padding: 0 0 0 2em;
  list-style: none;
  position: relative;
  /*
    hirarchy
  */
  /*
    End hirarchy
  */
}
html body .comment-lits ul ul {
  padding: 0;
}
html body .comment-lits ul ul:before {
  display: none;
}
html body .comment-lits ul .comment-body {
  position: relative;
}
html body .comment-lits ul .comment-body p {
  max-width: 100%;
  word-wrap: break-word;
}
html body .comment-lits ul .comment-body div.reply {
  display: none;
}
html body .comment-lits ul .comment-body:before {
  content: "";
  height: 1.5px;
  width: 2em;
  background: #422D63;
  position: absolute;
  left: -2em;
  bottom: 1.9em;
}
html body .comment-lits ul:before {
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  background: #422D63;
  width: 1.5px;
  top: -2em;
}
html body .comment-lits li .comment-body {
  border: 2px solid #422D63;
  padding: 1em;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  background: #fff;
  margin: 0 0 2em 0;
}
html body .comment-lits li .comment-body .vcard, html body .comment-lits li .comment-body .commentmetadata {
  flex-basis: 40%;
  flex-grow: 1;
  flex: 1 1 0;
}
html body .comment-lits li .comment-body .commentmetadata {
  text-align: right;
}
html body .comment-lits li .comment-body p {
  flex-basis: 100%;
}
html body .comment-lits li .comment-body .reply {
  flex-basis: 100%;
  text-align: right;
}
html body .comment-lits li .comment-body .reply a {
  padding: 12px 20px;
  background: #54397E;
  color: #f3f7ee;
  text-decoration: none;
  display: inline-block;
}
html body .comment-lits li .comment-body .reply a:hover {
  background: #422D63;
}
html body .f13-form textarea {
  font-family: "Roboto";
  padding: 10px;
  border: 2px solid #422D63;
}
html body .f13-form input[type=submit] {
  padding: 0.75em;
  color: #f3f7ee;
  background: #54397E;
  border: 2px solid #422D63;
  font-size: 1em;
}
html body .f13-form input[type=submit]:hover {
  background: #422D63;
}
html body .f13-form input, html body .f13-form textarea {
  font-size: 0.9em;
}
html body .f13-div-table, html body #the-content .f13-div-table {
  border: 2px solid #422D63;
  border-bottom: 0;
}
html body .f13-div-table div.row, html body #the-content .f13-div-table div.row {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  background-color: #f3f7ee;
  border-bottom: 2px solid #422D63;
}
html body .f13-div-table div.row .col, html body #the-content .f13-div-table div.row .col {
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
}
html body .f13-div-table div.row .col details summary, html body #the-content .f13-div-table div.row .col details summary {
  list-style: none;
  cursor: pointer;
  padding: 10px;
  margin: -10px;
  position: relative;
  padding-right: 3.2em;
  box-sizing: border-box;
}
html body .f13-div-table div.row .col details summary::-webkit-details-marker, html body #the-content .f13-div-table div.row .col details summary::-webkit-details-marker {
  display: none;
}
html body .f13-div-table div.row .col details summary:after, html body #the-content .f13-div-table div.row .col details summary:after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%2296%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3Cpolyline%20points%3D%22160%2088%20128%20120%2096%2088%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3Cpolyline%20points%3D%22160%20144%20128%20176%2096%20144%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
}
html body .f13-div-table div.row .col details summary:focus, html body #the-content .f13-div-table div.row .col details summary:focus {
  background: #fff;
}
html body .f13-div-table div.row .col details[open] summary, html body #the-content .f13-div-table div.row .col details[open] summary {
  margin: -10px -10px 0;
}
html body .f13-div-table div.row .col details[open] summary:after, html body #the-content .f13-div-table div.row .col details[open] summary:after {
  transform: translateY(-50%) rotate(180deg);
}
html body .f13-div-table div.row .col-sm-1, html body #the-content .f13-div-table div.row .col-sm-1 {
  flex-basis: 8.3333333333%;
  width: 8.3333333333%;
}
html body .f13-div-table div.row .col-sm-2, html body #the-content .f13-div-table div.row .col-sm-2 {
  flex-basis: 16.6666666667%;
  width: 16.6666666667%;
}
html body .f13-div-table div.row .col-sm-3, html body #the-content .f13-div-table div.row .col-sm-3 {
  flex-basis: 25%;
  width: 25%;
}
html body .f13-div-table div.row .col-sm-4, html body #the-content .f13-div-table div.row .col-sm-4 {
  flex-basis: 33.3333333333%;
  width: 33.3333333333%;
}
html body .f13-div-table div.row .col-sm-5, html body #the-content .f13-div-table div.row .col-sm-5 {
  flex-basis: 41.6666666667%;
  width: 41.6666666667%;
}
html body .f13-div-table div.row .col-sm-6, html body #the-content .f13-div-table div.row .col-sm-6 {
  flex-basis: 50%;
  width: 50%;
}
html body .f13-div-table div.row .col-sm-7, html body #the-content .f13-div-table div.row .col-sm-7 {
  flex-basis: 58.3333333333%;
  width: 58.3333333333%;
}
html body .f13-div-table div.row .col-sm-8, html body #the-content .f13-div-table div.row .col-sm-8 {
  flex-basis: 66.6666666667;
  width: 66.6666666667;
}
html body .f13-div-table div.row .col-sm-9, html body #the-content .f13-div-table div.row .col-sm-9 {
  flex-basis: 75%;
  width: 75%;
}
html body .f13-div-table div.row .col-sm-10, html body #the-content .f13-div-table div.row .col-sm-10 {
  flex-basis: 83.3333333333%;
  width: 83.3333333333%;
}
html body .f13-div-table div.row .col-sm-11, html body #the-content .f13-div-table div.row .col-sm-11 {
  flex-basis: 91.6666666667%;
  width: 91.6666666667%;
}
html body .f13-div-table div.row .col-sm-12, html body #the-content .f13-div-table div.row .col-sm-12 {
  flex-basis: 100%;
  width: 100%;
}
html body .f13-div-table div.row:not(.f13-div-table-header):nth-of-type(even), html body #the-content .f13-div-table div.row:not(.f13-div-table-header):nth-of-type(even) {
  background: #F1EFF5;
}
html body .f13-div-table div.row.f13-div-table-header, html body #the-content .f13-div-table div.row.f13-div-table-header {
  background: #422D63;
  color: #f3f7ee;
}
html body .f13-div-table div.row.f13-div-table-header p, html body #the-content .f13-div-table div.row.f13-div-table-header p {
  margin: 0;
}
html body .f13-div-table div.row.f13-div-table-header h4, html body #the-content .f13-div-table div.row.f13-div-table-header h4 {
  margin: 0;
  color: #f3f7ee;
}
html body .f13-div-table div.row:not(.f13-div-table-header):hover, html body #the-content .f13-div-table div.row:not(.f13-div-table-header):hover {
  background: #F1EFF5;
  background: #fff;
}
html body .table-of-contents {
  position: sticky;
  top: 0;
  background: #f3f7ee;
  z-index: 1;
}
html body .table-of-contents details summary {
  list-style: none;
  position: relative;
  cursor: pointer;
}
html body .table-of-contents details summary h3 {
  display: inline-block;
}
html body .table-of-contents details summary:after {
  content: "▼";
  color: #4a7416;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
html body .table-of-contents details[open] summary {
  border-bottom: 2px solid #4a7416;
}
html body .table-of-contents details[open] summary:after {
  content: "▲";
}
html body .table-of-contents ul {
  list-style: none;
  padding: 0;
  gap: 1em;
  margin: 0;
  background: #f3f7ee;
  color: #422D63;
  justify-content: center;
}
html body .table-of-contents ul li a {
  padding: 1em 2em;
  color: #422D63;
  display: block;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body .table-of-contents ul li a:hover {
  background: #d5efb6;
}
html body .table-of-contents ul li a.current {
  background: #d5efb6;
  font-weight: bold;
}
html body .table-of-contents:after {
  content: "";
  width: 100%;
  height: 1em;
  background: #f3f7ee;
  background: linear-gradient(180deg, #f3f7ee, transparent);
  display: block;
  position: relative;
  bottom: -1em;
}
html body a, html body a:visited {
  color: #422D63;
}
html body a:hover, html body a:active, html body a:focus {
  text-decoration: underline;
}
html body p a {
  text-decoration: underline;
}
html body p a:hover, html body p a:focus {
  text-decoration: none;
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .h1, html body .h2, html body .h3, html body .h4, html body .h5, html body .h6 {
  margin: 15px auto 0;
  font-family: "Raleway", sans-serif;
  font-weight: normal;
  color: #422D63;
  letter-spacing: 1px;
  margin: 1em auto;
  line-height: 2em;
}
html body pre.prettyprint {
  overflow-x: auto;
  color: #ffffff;
  padding: 2em 1em;
  background: #000000;
  white-space: pre !important;
}
html body pre.prettyprint ol li {
  background: #000 !important;
}
html body pre.prettyprint ol li span:last-of-type {
  margin-right: 40px;
}
html body .bgg {
  background: url(../images/bgg.svg);
  background-repeat: no-repeat;
  background-position: top;
  position: relative;
  background-size: cover;
  color: #F1EFF5;
  padding: 2em;
  margin: 2em auto;
}
html body .bgg h2, html body .bgg h3, html body .bgg h4, html body .bgg h5, html body .bgg h6 {
  color: #F1EFF5;
}
html body .bgg h2:first-of-type {
  margin: 0;
}
html body .bgg a, html body .bgg a:visited {
  color: #f3f7ee;
}
html body h2.blog-post-title {
  font-size: 1.8em;
  line-height: 1.5em;
}
html body a.wp-block-button__link {
  background: #422D63;
  color: #f3f7ee;
  border-radius: 0;
}
html body a.wp-block-button__link:hover {
  background: #54397E;
}
html body .skip {
  position: fixed;
  display: block;
  width: 200px;
  left: calc(50% - 100px);
  text-align: center;
  padding: 20px 0;
  border: 2px solid #54397E;
  top: -1000px;
}
html body .skip:focus {
  top: 10px;
  background: #f3f7ee;
  text-decoration: none;
}
html body header {
  background-color: #422D63;
  background: url(../images/bg.svg);
  background-size: cover;
  height: 400px;
  background-position: bottom;
  color: #f3f7ee;
  position: relative;
}
html body header h1 {
  color: #f3f7ee;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 1.5em;
}
html body .site-header {
  padding: 15px 0;
}
html body .site-header .title {
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  color: #f3f7ee;
  display: block;
  font-size: 2.5em;
  margin-top: -12px;
}
html body .site-header .subtitle {
  font-size: 1em;
  margin-top: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  color: #f3f7ee;
  display: block;
}
html body .site-header div {
  display: inline-block;
}
html body .site-header .site-title-container {
  vertical-align: middle;
  padding: 10px 0 0 10px;
  margin-left: 100px;
  margin-top: 10px;
}
html body .site-header #site-logo {
  width: 100px;
  height: 100px;
  border-radius: 0;
  position: absolute;
  top: 10px;
  background: url(../images/logo.svg?v=1);
  background-size: contain;
}
html body .site-header h1 {
  text-align: center;
  margin: 20px 0 0;
  font-size: 2.5em;
  width: calc(100% - 2em);
  margin-top: 1.25em;
  letter-spacing: 5px;
}
html body .site-header-social {
  float: right;
}
html body .container {
  max-width: 1500px;
  margin: auto;
  padding: 0 2em;
}
html body #the-content .row {
  display: flex;
  flex-wrap: nowrap;
  gap: 3em;
}
html body #the-content .row main, html body #the-content .row .col-sm-8 {
  width: 66%;
}
html body #the-content .row main {
  margin-top: 33px;
}
html body #the-content .row aside {
  width: 33%;
}
html body #the-content .row aside #toggle-sidebar, html body #the-content .row aside #toggle-sidebar-label {
  display: none;
}
html body #the-content .row aside .sidebar-module {
  margin-bottom: 2em;
}
html body #the-content .row aside .sidebar-module h3 {
  line-height: 1em;
  margin: 1em 0;
}
html body #the-content .row aside .sidebar-module #searchform, html body #the-content .row aside .sidebar-module .wp-block-search {
  position: relative;
}
html body #the-content .row aside .sidebar-module #searchform input, html body #the-content .row aside .sidebar-module #searchform button, html body #the-content .row aside .sidebar-module .wp-block-search input, html body #the-content .row aside .sidebar-module .wp-block-search button {
  box-sizing: border-box;
  border: 2px solid #422D63;
}
html body #the-content .row aside .sidebar-module #searchform input[type=text], html body #the-content .row aside .sidebar-module #searchform input[type=search], html body #the-content .row aside .sidebar-module .wp-block-search input[type=text], html body #the-content .row aside .sidebar-module .wp-block-search input[type=search] {
  padding: 1em;
  width: calc(100% - 4em);
  border-radius: 0.4em 0 0 0.4em;
  border-radius: 0;
  background: #F1EFF5;
  max-width: calc(100% - 6em);
}
html body #the-content .row aside .sidebar-module #searchform button, html body #the-content .row aside .sidebar-module #searchform input[type=submit], html body #the-content .row aside .sidebar-module .wp-block-search button, html body #the-content .row aside .sidebar-module .wp-block-search input[type=submit] {
  margin-left: -0.35em;
  height: 3.44em;
  border-radius: 0 0.4em 0.4em 0;
  border-radius: 0;
  border-left: 0;
  background: #54397E;
  color: #f3f7ee;
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 6em;
}
html body #the-content .row aside .sidebar-module #searchform button svg, html body #the-content .row aside .sidebar-module #searchform input[type=submit] svg, html body #the-content .row aside .sidebar-module .wp-block-search button svg, html body #the-content .row aside .sidebar-module .wp-block-search input[type=submit] svg {
  fill: #f3f7ee;
}
html body #the-content .row aside .sidebar-module #searchform label, html body #the-content .row aside .sidebar-module .wp-block-search label {
  margin-top: 15px;
  font-family: Raleway, sans-serif;
  font-weight: 400;
  color: #422D63;
  letter-spacing: 1px;
  margin: 1em 0;
  line-height: 2em;
  display: block;
  font-size: 1.17em;
  font-weight: 400;
}
html body #the-content .row aside .sidebar-module #searchform input[type=submit]:hover, html body #the-content .row aside .sidebar-module .wp-block-search input[type=submit]:hover {
  background: #422D63;
}
html body #the-content .blog-featured-image img {
  border: 4px solid #54397E;
  box-sizing: border-box;
}
html body ul.pager {
  list-style: none;
  padding: 0;
}
html body ul.pager li a {
  padding: 12px 20px;
  background: #54397E;
  color: #f3f7ee;
  text-decoration: none;
}
html body ul.pager li a:hover {
  background: #422D63;
}
html body #side-nav {
  position: fixed;
  right: -0.1em;
  bottom: 5em;
  padding: 0;
  list-style: none;
  margin: 0;
  margin-bottom: 1em;
  z-index: 1;
}
html body #side-nav li {
  display: block;
  margin-bottom: 0.5em;
}
html body #side-nav li a {
  background: #54397E;
  width: 2em;
  height: 2em;
  color: #f3f7ee;
  text-decoration: none;
  border: 2px solid #422D63;
  display: block;
  border-right: 0;
}
html body #side-nav li a svg {
  width: 2em;
  height: 2em;
}
html body #side-nav li a:hover {
  background: #422D63;
}
html body #primary-sidebar {
  height: 100%;
}
html body .blog-featured-image img {
  width: 100%;
  height: auto;
}
html body .f13-gist-container pre {
  box-sizing: border-box;
}
html body figure {
  margin: 1em 0;
}
html body figure img {
  max-width: 100%;
  height: auto;
}
html body .f13-tags-container ul.f13-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  list-style: none;
  padding: 0;
  margin: 0;
}
html body .f13-tags-container ul.f13-tags li {
  display: inline-block;
}
html body .f13-tags-container ul.f13-tags li a {
  background: #4a7416;
  color: #F1EFF5;
  padding: 0.7em 1em;
  text-decoration: none;
  margin: 20px 0 1em;
  position: relative;
  border-radius: 0 8px 8px 0;
  margin: 0 0 0 20px;
  line-height: 48px;
  text-transform: capitalize;
}
html body .f13-tags-container ul.f13-tags li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 0;
  height: 0;
  border-color: transparent #4a7416 transparent transparent;
  border-style: solid;
  border-width: 23px 20px 24px 0;
}
html body .f13-tags-container ul.f13-tags li a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  float: left;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
  transform: translate(0, -50%);
}
html body figcaption {
  background: #422D63;
  color: #f3f7ee;
  padding: 1em;
  font-style: italic;
  font-size: 0.8em;
}
html body p.blog-post-meta {
  line-height: 1.2em;
  font-size: 0.9em;
  font-style: italic;
  margin-top: 45px;
}
html body span.read-more {
  padding: 10px 50px 10px 20px;
  background: #4a7416;
  text-decoration: none;
  color: #F1EFF5;
  position: relative;
  float: right;
  margin-top: 15px;
}
html body span.read-more svg {
  height: 30px;
  position: absolute;
  right: 10px;
  top: 50%;
  translate: 0 -50%;
}
html body span.read-more:hover {
  background: #422D63;
  color: #f3f7ee;
}
html body a.post-link {
  text-decoration: none;
}
html body hr {
  border: 2px solid #54397E;
  margin: 50px 0;
}
html body div.breadcrumbs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html body div.breadcrumbs ul li {
  display: inline-block;
  margin-right: 1em;
}
html body div.breadcrumbs ul li:before {
  content: "/";
  margin-right: 1em;
}
html body .wp-block-image img {
  border: 2px solid #54397E;
  box-sizing: border-box;
}
html body .wp-block-image figcaption {
  margin-top: 0;
}
html body .spf_caption {
  font-family: "Roboto", sans-serif;
  font-size: 0.8em;
}
html body .job-experience {
  list-style: none;
  padding: 20px;
  border: 2px solid #422D63;
  background: #F1EFF5;
  color: #2D5900;
}
html body .job-experience li {
  display: inline-block;
  margin: 5px 10px;
  position: relative;
  cursor: help;
}
html body .job-experience li span.tooltip {
  display: none;
}
html body .job-experience li:hover span.tooltip {
  display: block;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  background: #422D63;
  color: #f3f7ee;
  font-size: 14px;
  white-space: nowrap;
  z-index: 99;
  padding: 10px;
  border-radius: 8px;
  position: absolute;
}
html body .job-experience li:hover span.tooltip:before {
  content: "\a";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #422D63;
  position: absolute;
  top: -9px;
}
html body #f13-sudoku-solver-container {
  width: 342px;
}
html body #f13-sudoku-solver-container form table.f13-sudoku-solver-table tbody tr td {
  border: 1px solid #ddd;
}
html body #f13-sudoku-solver-container form table.f13-sudoku-solver-table tbody tr td input[type=text] {
  text-align: center;
  padding: 0;
  margin: 0;
  background: transparent;
  width: 36px;
  height: 36px;
  border: unset;
}
html body #f13-sudoku-solver-container form table.f13-sudoku-solver-table tbody tr td.border-right {
  border-right: 1px solid #422D63;
}
html body #f13-sudoku-solver-container form table.f13-sudoku-solver-table tbody tr td.border-bottom {
  border-bottom: 1px solid #422D63;
}
html body #f13-sudoku-solver-container form input[type=submit].f13-sudoku-solver-submit {
  padding: 10px 20px;
  background: #54397E;
  color: #f3f7ee;
  border: 0;
}
html body #f13-sudoku-solver-container form input[type=submit].f13-sudoku-solver-submit:hover {
  background: #422D63;
}

@media screen and (max-width: 1000px) {
  html body {
    overflow-x: hidden;
  }
  html body footer .row {
    flex-wrap: wrap;
  }
  html body footer .row .col-sm-4:last-of-type {
    flex-basis: 100%;
    margin-top: -50px;
  }
  html body #the-content .row {
    flex-wrap: wrap;
    gap: 0;
    /*
     * Experimental code to have a drawer style sidebar
     */
  }
  html body #the-content .row main, html body #the-content .row .col-sm-8, html body #the-content .row aside {
    width: 100%;
    flex-basis: 100%;
  }
  html body #the-content .row aside {
    background: #fff;
    top: 0.5em;
    box-sizing: border-box;
    left: 2.5em;
    right: 0em;
    width: unset;
    bottom: 0;
    background: #f3f7ee;
    /*box-shadow: 5px -5px 50px #000;*/
    position: fixed;
    translate: 100%;
    transition: translate 0.3s;
    border: 2px solid #4a7416;
    border-right: 0;
    border-bottom: 0;
    box-sizing: border-box;
    z-index: 9;
  }
  html body #the-content .row aside #toggle-sidebar-label {
    display: block;
    position: absolute;
    margin-left: -2.1em;
    width: 2em;
    height: 2em;
    background-color: #f3f7ee;
    border: 2px solid #4a7416;
    border-right: 0;
    top: 5em;
    cursor: pointer;
    -webkit-clip-path: unset;
    clip-path: unset;
    clip: unset;
  }
  html body #the-content .row aside #toggle-sidebar-label svg {
    width: 2em;
    margin: auto;
    display: block;
    transition: transform 0.3s;
  }
  html body #the-content .row aside #primary-sidebar {
    overflow: auto;
    padding: 1em 2em;
  }
  html body #the-content .row aside:has(#toggle-sidebar:checked) {
    translate: 0;
  }
  html body #the-content .row aside:has(#toggle-sidebar:checked) #toggle-sidebar-label svg {
    transform: rotate(180deg);
  }
  html body .bgg {
    width: 100vw;
    left: 50%;
    transform: translate(-50%);
    padding: 2em 2.5em;
    box-sizing: border-box;
  }
  html body pre.prettyprint {
    width: calc(100vw + 1px);
    left: 50%;
    position: relative;
    transform: translate(-50%);
    padding: 2em;
  }
  html body #the-content .blog-featured-image img {
    width: calc(100vw + 1px);
    left: 50%;
    translate: -50%;
    position: relative;
    border-left: 0;
    border-right: 0;
  }
  html body hr {
    width: 100vw;
    left: 50%;
    translate: -50%;
    position: relative;
  }
}
@media screen and (max-width: 900px) {
  html body header .site-header .site-header-social {
    display: none;
  }
  html body .blog-masthead #burger-label {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 1.75em;
    right: 1.5em;
    width: 45px;
    height: 45px;
  }
  html body .blog-masthead #burger-label svg {
    width: 45px;
    height: 45px;
    fill: #f3f7ee;
    color: #f3f7ee;
    opacity: 1;
  }
  html body .blog-masthead #burger-label svg.close {
    display: none;
  }
  html body .blog-masthead nav.blog-nav {
    z-index: 1;
    position: relative;
    left: -1em;
  }
  html body .blog-masthead nav.blog-nav ul {
    position: absolute;
    width: 100vw;
    left: 0;
    background: #422D63;
    margin-left: -100vw;
    transition: margin-left 0.5s;
  }
  html body .blog-masthead nav.blog-nav ul li, html body .blog-masthead nav.blog-nav ul li.social-link {
    display: block;
  }
  html body .blog-masthead nav.blog-nav ul li a span.user, html body .blog-masthead nav.blog-nav ul li.social-link a span.user {
    font-size: 0.9em;
    font-style: italic;
    float: right;
    margin-right: 15px;
  }
  html body .blog-masthead nav.blog-nav ul li.separator {
    border-top: 2px solid #f3f7ee;
  }
  html body .blog-masthead #burger:checked + #burger-label svg.open {
    display: none;
  }
  html body .blog-masthead #burger:checked + #burger-label svg.close {
    display: block;
  }
  html body .blog-masthead #burger:checked + #burger-label + nav.blog-nav > div > ul {
    margin-left: 0;
  }
  html body .f13-div-table div.row, html body #the-content .f13-div-table div.row {
    flex-wrap: wrap;
    border-bottom: 1px solid #422D63;
  }
  html body .f13-div-table div.row .col, html body .f13-div-table div.row .col-sm-1, html body .f13-div-table div.row .col-sm-2, html body .f13-div-table div.row .col-sm-3, html body .f13-div-table div.row .col-sm-4, html body .f13-div-table div.row .col-sm-5, html body .f13-div-table div.row .col-sm-6, html body .f13-div-table div.row .col-sm-7, html body .f13-div-table div.row .col-sm-8, html body .f13-div-table div.row .col-sm-9, html body .f13-div-table div.row .col-sm-10, html body .f13-div-table div.row .col-sm-11, html body .f13-div-table div.row .col-sm-12, html body #the-content .f13-div-table div.row .col, html body #the-content .f13-div-table div.row .col-sm-1, html body #the-content .f13-div-table div.row .col-sm-2, html body #the-content .f13-div-table div.row .col-sm-3, html body #the-content .f13-div-table div.row .col-sm-4, html body #the-content .f13-div-table div.row .col-sm-5, html body #the-content .f13-div-table div.row .col-sm-6, html body #the-content .f13-div-table div.row .col-sm-7, html body #the-content .f13-div-table div.row .col-sm-8, html body #the-content .f13-div-table div.row .col-sm-9, html body #the-content .f13-div-table div.row .col-sm-10, html body #the-content .f13-div-table div.row .col-sm-11, html body #the-content .f13-div-table div.row .col-sm-12 {
    flex-basis: 100%;
    width: 100%;
  }
  html body .f13-div-table div.row .col, html body #the-content .f13-div-table div.row .col {
    border-bottom: 1px solid #422D63;
  }
  html body .f13-div-table div.row.f13-div-table-header .col, html body #the-content .f13-div-table div.row.f13-div-table-header .col {
    border-bottom: 0;
  }
  html body #comments form p.comment-form-author, html body #comments form p.comment-form-email {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 750px) {
  html body header .site-header h1 {
    font-size: 2em;
  }
  html body footer .row .col-sm-4 {
    flex-basis: 100%;
  }
  html body footer .row .col-sm-4:not(:first-of-type) {
    margin-top: -50px;
  }
  html body .job-experience li {
    display: block;
  }
  html body .job-experience li:hover span.tooltip {
    left: -2em;
    right: -2em;
    min-width: 75vw;
  }
  html body .job-experience li:hover span.tooltip:before {
    left: 3em;
  }
}
@media screen and (max-width: 450px) {
  html body header .site-header #site-logo {
    width: 75px;
    height: 75px;
  }
  html body header .site-header .site-title-container {
    margin-left: 75px;
  }
  html body header .site-header .site-title-container .subtitle {
    display: none;
  }
  html body .container {
    padding: 0 1em;
  }
  html body .bgg {
    padding: 2em;
  }
  html body a.read-more {
    width: 100%;
    box-sizing: border-box;
    margin: 0.5em 0 1em;
  }
}

/*# sourceMappingURL=style.css.map */