@charset "UTF-8";
/* ==========================================================================
   Dark skin
   ========================================================================== */
/* Colors */
.author__urls.social-icons i,
.author__urls.social-icons .svg-inline--fa,
.page__footer-follow .social-icons i,
.page__footer-follow .social-icons .svg-inline--fa {
  color: inherit;
}

.ais-search-box .ais-search-box--input {
  background-color: rgb(31.45, 35.7, 44.2);
}

/* ==========================================================================
   Variables
   ========================================================================== */
/*
   Typography
   ========================================================================== */
/* paragraph indention */
/* Modern font stack */
/* https://github.com/system-fonts/modern-font-stacks */
/* Sans serif - modern font stack */
/* sans serif typefaces - defined in Minimal Mistakes */
/* Serif - modern font stack */
/* serif typefaces - defined in Minimal Mistakes */
/* Monospace - modern font stack */
/* Handwritten - modern font stack */
/* Defaults used in Minimal mistakes */
/* Emoji native from modern font stack - add to the end of the font-face for native emojis */
/* system typefaces */
/* type scale */
/* headline scale */
/*
   Colors
   ========================================================================== */
/* YIQ color contrast */
/* brands */
/* links */
/* notices */
/* syntax highlighting (base16) */
/*
   Breakpoints
   ========================================================================== */
/*
   Grid
   ========================================================================== */
/*
   Other
   ========================================================================== */
/*
* Make the menu stick at screen top
*/
.masthead {
  position: sticky;
  top: 0;
}
.masthead__inner-wrap {
  padding: 0em 1em;
}

/*
* The Language choice dropdown
*/
/* Reset a little */
details {
  display: inline-block;
}

summary {
  list-style: none; /* hide the default triangle */
  cursor: pointer;
  /*    border: 1px solid $border-color; */
  border-radius: 0.4rem;
  background: #252a34;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #eaeaea;
}

summary::-webkit-details-marker {
  display: none;
} /* hide the default marker in WebKit */
/* The dropdown panel */
details[open] ul {
  position: absolute;
  margin-top: 0.25rem;
  min-width: 180px;
  background: #252a34;
  border: 1px solid rgb(80.6, 84.6, 92.6);
  border-radius: 0.4rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0;
  list-style: none;
}

/* Items */
details ul a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 1rem;
  color: rgb(169.05, 220.95, 223.35);
  text-decoration: none;
}

details ul a:hover,
details ul a:focus {
  background: #252a34;
}

/* Currently selected header */
.masthead__menu-current {
  text-decoration-line: underline;
  a-color: rgb(187.2, 187.2, 187.2);
}

/* Temporary for main index.hml */
.grid {
  display: grid;
  gap: 0.5em;
  grid-template-columns: repeat(auto-fit, minmax(calc(33.333% - 0.5em), 1fr));
}

.fill {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.float-left {
  float: left; /* pushes the image to the right side */
  margin-right: 1rem; /* space between image and text */
  margin-bottom: 0.5rem; /* optional vertical gap */
}

.float-right {
  float: right; /* pushes the image to the right side */
  margin-left: 1rem; /* space between image and text */
  margin-bottom: 0.5rem; /* optional vertical gap */
}

.undecided {
  border: 4px solid #aaf;
}

.under-construction-tall {
  position: fixed; /* keep it visible while scrolling */
  bottom: 0; /* align to the bottom */
  right: 0; /* align to the right */
  margin: 1rem; /* optional spacing from the edges */
  z-index: 19;
}

@media (max-width: 767px) {
  .under-construction-tall {
    position: static; /* removes the fixed positioning */
    margin: 0; /* optional – reset any extra margins */
  }
}

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