/*!
 * Theme Name: Vaskelovo Simplicity
 * Author: Max Novikov
 * Version: 1.0
 */
/* Reset and base styles  */
*,
*::before,
*::after {
  padding: 0px;
  margin: 0px;
  border: none;
  margin-block-start: 0;
  margin-block-end: 0;
  box-sizing: border-box;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  min-height: 100vh;
}

:focus,
:active {
  /*outline: none;*/
}

a:focus,
a:active {
  /* outline: none;*/
}

/* Links */
a, a:link, a:visited {
  color: inherit;
  text-decoration: none;
  /* display: inline-block; */
}

a:hover {
  /* color: inherit; */
  text-decoration: none;
}

/* Common */
aside, nav, footer, header, section, main {
  display: block;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

h1, h2, h3, h4, h5, h6, p {
  font-size: inherit;
  font-weight: inherit;
}

ul, ul li {
  list-style: none;
}

img {
  vertical-align: top;
  display: block;
}

img, svg {
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

/* Form */
input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

input::-ms-clear {
  display: none;
}

button, input[type=submit] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus, input:active,
button:focus, button:active, textarea:focus-visible {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

/* Search x */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

/* different typography */
html {
  font-size: 16px;
}

body {
  font-family: "Roboto";
  font-weight: 400;
  line-height: 140%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto";
  font-weight: 600;
}

h1, h2 {
  line-height: 120%;
}

h3, h4 {
  line-height: 130%;
}

h5, h6 {
  line-height: 140%;
}

strong, b {
  font-weight: 700;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
  font-variant: small-caps;
}

@media only screen and (min-width: 769px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1025px) {
  h1 {
    font-size: 48px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 30px;
  }
  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 20px;
  }
}
body {
  min-width: 320px;
  color: #0E0E2A;
  max-width: 100%;
  transition: all 0.2s linear;
}

/* Header */
header.main {
  width: 100%;
  background-color: #0E0E2A;
  color: #FFFFFF;
  position: sticky;
  top: 0px;
  z-index: 100;
}
header.main section {
  width: 100%;
  padding: 12px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header.main section .header-logo {
  height: 24px;
  width: 72px;
  flex-shrink: 0;
}
header.main section .header-toggle {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg height='24' width='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6004 19.2H2.40039M21.6004 12H2.40039M21.6004 4.80005H2.40039' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
header.main section .header-title {
  text-align: center;
  margin: 0 6px;
}
header.main section .header-title .nobr {
  white-space: nowrap;
}
header.main section .header-nav {
  display: none;
}
header.main section .header-nav ul.main-menu {
  list-style: none;
  display: flex;
  gap: 32px;
  flex-direction: column;
}
header.main section .header-nav ul.main-menu ul.sub-menu {
  display: none;
}
header.main section .header-nav ul.main-menu a {
  text-decoration: none;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2em;
  display: block;
}
header.main.mobopen section .header-toggle {
  background-image: url("data:image/svg+xml,%3Csvg height='24' width='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5L5 19M19 19L5 5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
header.main.mobopen section .header-nav {
  padding: 12px;
  display: block;
  position: fixed;
  top: 90px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 100;
  background-color: #0E0E2A;
}

@media only screen and (min-width: 481px) {
  header.main section {
    padding: 12px 24px;
  }
  header.main section .header-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 769px) {
  header.main section {
    justify-content: flex-start;
    gap: 32px;
  }
  header.main section .header-logo {
    height: 32px;
    width: 96px;
    flex-shrink: 0;
  }
  header.main section .header-title {
    margin: 0;
    font-size: 32px;
  }
  header.main section .header-toggle {
    margin-left: auto;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
  }
}
@media only screen and (min-width: 1025px) {
  header.main section, header.main.mobopen section {
    width: auto;
    margin: 0 auto;
  }
  header.main section .header-toggle, header.main section .header-title, header.main.mobopen section .header-toggle, header.main.mobopen section .header-title {
    display: none;
  }
  header.main section .header-nav, header.main.mobopen section .header-nav {
    position: static;
    display: block;
    padding: 0;
    width: 100%;
    justify-content: flex-start;
  }
  header.main section .header-nav ul.main-menu, header.main.mobopen section .header-nav ul.main-menu {
    width: 100%;
    gap: 0;
    flex-direction: row;
  }
  header.main section .header-nav ul.main-menu li, header.main.mobopen section .header-nav ul.main-menu li {
    display: block;
    padding: 8px 16px;
    color: #FFFFFF;
  }
  header.main section .header-nav ul.main-menu li a, header.main.mobopen section .header-nav ul.main-menu li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
  }
  header.main section .header-nav ul.main-menu li:hover, header.main.mobopen section .header-nav ul.main-menu li:hover {
    color: #dd9933;
  }
  header.main section .header-nav ul.main-menu li:hover > a, header.main.mobopen section .header-nav ul.main-menu li:hover > a {
    text-decoration-line: underline;
    text-decoration-color: #dd9933;
  }
  header.main section .header-nav ul.main-menu li.menu-item-has-children ul.sub-menu, header.main.mobopen section .header-nav ul.main-menu li.menu-item-has-children ul.sub-menu {
    display: flex;
    position: absolute;
    visibility: hidden;
    top: 53px;
    margin-left: -24px;
    padding: 61px 24px 24px;
    flex-direction: column;
    gap: 1.14rem;
    color: #FFFFFF;
    background-color: #0E0E2A;
  }
  header.main section .header-nav ul.main-menu li.menu-item-has-children > a, header.main.mobopen section .header-nav ul.main-menu li.menu-item-has-children > a {
    background-size: 12px 8px;
    padding-right: 17px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2075 0.60376L6 4.80209L1.7925 0.60376L0.5 1.89626L6 7.39626L11.5 1.89626L10.2075 0.60376Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  }
  header.main section .header-nav ul.main-menu li.menu-item-has-children:hover > a, header.main.mobopen section .header-nav ul.main-menu li.menu-item-has-children:hover > a {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.60376L0.5 6.10376L1.7925 7.39626L6 3.19793L10.2075 7.39626L11.5 6.10376L6 0.60376Z' fill='%23dd9933'/%3E%3C/svg%3E");
  }
  header.main section .header-nav ul.main-menu li.menu-item-has-children:hover ul.sub-menu, header.main.mobopen section .header-nav ul.main-menu li.menu-item-has-children:hover ul.sub-menu {
    visibility: visible;
    z-index: 100;
  }
}
@media only screen and (min-width: 1201px) {
  header.main section, header.main.mobopen section {
    max-width: 1200px;
    margin: 0 auto;
    gap: 24px;
  }
  header.main section .header-title, header.main.mobopen section .header-title {
    display: block;
    font-size: 16px;
    white-space: nowrap;
  }
  header.main section .header-nav ul.main-menu, header.main.mobopen section .header-nav ul.main-menu {
    margin-right: -16px;
    width: calc(100% + 16px);
    justify-content: space-between;
  }
}
.wrapper {
  --sidepad: 12px;
}
.wrapper .fill-sb, .wrapper .fill-mn {
  display: none;
}
.wrapper main {
  width: 100%;
  /* background-color: pink; */
  padding: 24px var(--sidepad);
}
.wrapper main .page-title {
  margin-bottom: 24px;
}
.wrapper main .search--header h1 {
  margin-bottom: 24px;
}
.wrapper main .search--header .search-form {
  max-width: 500px;
  margin: 24px 0;
  display: flex;
  gap: 8px;
  flex-direction: column;
}
.wrapper main .search--header .search-form label input[type=search] {
  width: 100%;
  padding: 11px;
  background-color: #FFFFFF;
  border-radius: 6px;
  border: 1px solid #0E0E2A;
}
.wrapper main .search--header .search-form input[type=submit] {
  padding: 12px 24px;
  border-radius: 6px;
  background-color: #dd9933;
  align-self: flex-end;
}
.wrapper main .content hr, .wrapper main .content figure {
  margin: 24px 0;
}
.wrapper main .content figure.size-full {
  max-width: 100%;
}
.wrapper main .content a:not(.button) {
  text-decoration: underline;
  color: #dd9933;
  transition: color 0.2s linear;
}
.wrapper main .content a:not(.button):hover {
  color: rgb(230.435, 169.167, 77.265);
  text-decoration: underline;
}
.wrapper main .content > :first-child, .wrapper main .content .wp-block-list .wp-block-list {
  margin-top: 0;
}
.wrapper main .content p, .wrapper main .content ul, .wrapper main .content ol, .wrapper main .content blockquote, .wrapper main .content .wp-block-image {
  margin-top: 1.4em;
}
.wrapper main .content ul, .wrapper main .content ol {
  margin-left: 1.4em;
  list-style-type: revert;
}
.wrapper main .content ul li, .wrapper main .content ol li {
  list-style-type: revert;
  margin-top: 0.7em;
}
.wrapper main .content h1, .wrapper main .content h2, .wrapper main .content h3 {
  margin-top: 1.1em;
}
.wrapper main .content h4 {
  margin-top: 1.32em;
}
.wrapper main .content h5, .wrapper main .content h6 {
  margin-top: 1.4em;
}
.wrapper main.feed {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wrapper main.feed article {
  padding-bottom: 24px;
  background-repeat: no-repeat;
  border-bottom: 3px dashed #0E0E2A;
}
.wrapper main.feed article header {
  /* margin-bottom: 24px; */
}
.wrapper main.feed article header h2 a, .wrapper main.feed article header h4 a {
  text-decoration: none;
  color: #0E0E2A;
}
.wrapper main.feed article header h2 a:hover, .wrapper main.feed article header h2 a:active, .wrapper main.feed article header h2 a:focus, .wrapper main.feed article header h4 a:hover, .wrapper main.feed article header h4 a:active, .wrapper main.feed article header h4 a:focus {
  text-decoration: underline;
  color: #dd9933;
}
.wrapper main.feed article header .article--meta {
  margin-top: 8px;
  font-size: 14px;
  font-variant: small-caps;
}
.wrapper main.feed article:last-of-type {
  border-bottom: none;
}
.wrapper main.feed .navigation.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wrapper main.feed .navigation.pagination .nav-links .page-numbers {
  text-align: center;
  margin-top: 8px;
  padding: 3px 6px;
  border-radius: 3px;
  min-width: 30px;
}
.wrapper main.feed .navigation.pagination .nav-links .page-numbers.prev, .wrapper main.feed .navigation.pagination .nav-links .page-numbers.next {
  flex-basis: 100%;
}
.wrapper main.feed .navigation.pagination .nav-links .page-numbers.current {
  padding: 2px 5px;
  border: 1px solid #0E0E2A;
  font-weight: bold;
}
.wrapper main.feed .navigation.pagination .nav-links a.page-numbers {
  text-decoration: none;
  background-color: #dd9933;
  color: #FFFFFF;
}
.wrapper main.feed .navigation.pagination .nav-links a.page-numbers:hover, .wrapper main.feed .navigation.pagination .nav-links a.page-numbers:active, .wrapper main.feed .navigation.pagination .nav-links a.page-numbers:focus {
  background-color: rgb(230.435, 169.167, 77.265);
}
.wrapper aside.sidebar {
  /* background-color: cyan; */
  width: 100%;
  padding: 24px var(--sidepad);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wrapper aside.sidebar .widget > ul {
  margin-left: 12px;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wrapper aside.sidebar .widget > ul li {
  line-height: 20px;
}
.wrapper aside.sidebar .widget > ul li a {
  color: #dd9933;
  text-decoration: underline;
}
.wrapper aside.sidebar .widget > ul li a:hover, .wrapper aside.sidebar .widget > ul li a:focus, .wrapper aside.sidebar .widget > ul li a:active {
  color: rgb(230.435, 169.167, 77.265);
}
.wrapper aside.sidebar .widget.widget-cats ul li {
  background-size: 20px 20px;
  padding-left: 28px;
  background-position: left center;
  background-repeat: no-repeat;
}
.wrapper aside.sidebar .widget.widget-cats ul li.cat-item-5 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0E2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z'/%3E%3C/svg%3E");
}
.wrapper aside.sidebar .widget.widget-cats ul li.cat-item-4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0E2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E");
}
.wrapper aside.sidebar .widget.widget-cats ul li.cat-item-7 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0E2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}
.wrapper aside.sidebar .widget.widget-cats ul li.cat-item-3 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0E2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E");
}
.wrapper aside.sidebar .widget.widget-cats ul li.cat-item-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0E2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 18h-5'/%3E%3Cpath d='M18 14h-8'/%3E%3Cpath d='M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2'/%3E%3Crect width='8' height='4' x='10' y='6' rx='1'/%3E%3C/svg%3E");
}
.wrapper aside.sidebar .widget.widget-cats ul li.cat-item-6 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0E2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E");
}
.wrapper aside.sidebar .widget.widget-cats ul li.cat-item-10 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0E2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3Cpath d='M8 11h8'/%3E%3Cpath d='M8 7h6'/%3E%3C/svg%3E");
}
.wrapper aside.sidebar .widget.widget-tg .tg-title {
  text-align: center;
  margin-bottom: 8px;
}
.wrapper aside.sidebar .widget.widget-tg .tg-image {
  margin: 0 auto;
}
.wrapper aside.sidebar .widget.widget-search form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wrapper aside.sidebar .widget.widget-search form label input[type=search] {
  width: 100%;
  background-color: #FFFFFF;
  padding: 11px;
  border-radius: 6px;
  border: 1px solid #0E0E2A;
}
.wrapper aside.sidebar .widget.widget-search form input[type=submit] {
  padding: 12px 24px;
  border-radius: 6px;
  background-color: #dd9933;
  align-self: flex-end;
}
.wrapper aside.sidebar .widget.widget-search form input[type=submit]:hover, .wrapper aside.sidebar .widget.widget-search form input[type=submit]:active, .wrapper aside.sidebar .widget.widget-search form input[type=submit]:focus {
  background-color: rgb(230.435, 169.167, 77.265);
}

@media only screen and (min-width: 481px) {
  .wrapper {
    --sidepad: 24px;
  }
  .wrapper main .page-title {
    margin-bottom: 36px;
  }
  .wrapper main .search--header .search-form {
    flex-direction: row;
  }
  .wrapper main .search--header .search-form label {
    flex: 1 1 auto;
  }
  .wrapper main .search--header .search-form input[type=submit] {
    flex: 0 0 0;
  }
  .wrapper main.feed article header .article--meta {
    display: flex;
    gap: 12px;
  }
  .wrapper main.feed .navigation.pagination .nav-links {
    flex-wrap: nowrap;
  }
  .wrapper main.feed .navigation.pagination .nav-links .page-numbers {
    margin-top: 0;
  }
  .wrapper main.feed .navigation.pagination .nav-links .page-numbers.prev, .wrapper main.feed .navigation.pagination .nav-links .page-numbers.next {
    flex-basis: auto;
  }
  .wrapper aside.sidebar .widget.widget-cats ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
  }
  .wrapper aside.sidebar .widget.widget-tg .tg-image {
    max-width: 300px;
  }
  .wrapper aside.sidebar .widget.widget-search form {
    flex-direction: row;
  }
  .wrapper aside.sidebar .widget.widget-search form label {
    flex: 1 1 auto;
  }
  .wrapper aside.sidebar .widget.widget-search form input[type=submit] {
    flex: 0 0 0;
  }
}
@media only screen and (min-width: 769px) {
  .wrapper main .page-title {
    margin-bottom: 48px;
  }
  .wrapper main.feed .navigation.pagination .nav-links {
    justify-content: center;
    gap: 12px;
  }
  .wrapper main.feed .navigation.pagination .nav-links .page-numbers {
    font-size: 18px;
    padding: 6px 12px;
    min-width: 45px;
  }
  .wrapper main.feed .navigation.pagination .nav-links .page-numbers.current {
    padding: 5px 11px;
  }
}
@media only screen and (min-width: 1025px) {
  .wrapper {
    display: grid;
    grid-template-columns: 1fr 300px;
  }
  .wrapper aside.sidebar .widget.widget-cats ul {
    display: flex;
  }
}
@media only screen and (min-width: 1201px) {
  .wrapper {
    grid-template-columns: 1fr 852px 348px 1fr;
    grid-template-areas: "fm mn sb fs";
  }
  .wrapper .fill-mn {
    grid-area: fm;
    display: block;
    /* background-color: pink; */
  }
  .wrapper .fill-sb {
    grid-area: fs;
    display: block;
    /* background-color: cyan; */
  }
  .wrapper main {
    grid-area: mn;
  }
  .wrapper aside.sidebar {
    grid-area: sb;
  }
}
main article {
  display: flex;
  flex-direction: column;
}
main article .article--header {
  padding: 32px 0 12px;
  /* background-color: grey; */
}
main article .article--header .article--meta {
  font-size: 14px;
  font-variant: small-caps;
  margin-top: 18px;
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-template-areas: "cats cats" "dates author";
  grid-row-gap: 6px;
  grid-column-gap: 12px;
}
main article .article--header .article--meta .article--meta--date {
  grid-area: dates;
}
main article .article--header .article--meta .article--meta--tags {
  font-variant: small-caps;
  grid-area: cats;
}
main article .article--header .article--meta .article--meta--tags a {
  color: #dd9933;
}
main article .article--header .article--meta .article--meta--tags a:hover, main article .article--header .article--meta .article--meta--tags a:active, main article .article--header .article--meta .article--meta--tags a:focus {
  text-decoration: underline;
  color: rgb(230.435, 169.167, 77.265);
}
main article .article--header .article--meta .article--meta--author {
  grid-area: author;
}
main article .content {
  padding: 24px 0;
}
main article .article--footer {
  padding: 12px 0;
  /* background-color: yellow; */
}
main article .article--footer .comments .comments-title {
  margin-bottom: 12px;
}
main article .article--footer .comments .comments-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
main article .article--footer .comments .comments-list .comment {
  padding-left: var(--sidepad);
  padding-top: 8px;
  border-top: 1px dashed #666;
}
main article .article--footer .comments .comments-list .comment .comment-author {
  font-size: 18px;
}
main article .article--footer .comments .comments-list .comment .comment-metadata {
  font-size: 12px;
}
main article .article--footer .comments .comments-list .comment .comment-metadata .edit-link {
  display: none;
}
main article .article--footer .comments .comments-list .comment .comment-content {
  padding-left: 12px;
}
main article .article--footer .comments .comments-list .comment .comment-content p {
  margin-top: 0.5em;
}
main article .article--footer .comments .comment-respond {
  margin-top: 8px;
  padding-top: 12px;
  /* border-top: 1px dashed #666; */
}
main article .article--footer .comments .comment-respond .required {
  color: #F75555;
  display: inline-block;
  margin-left: -0.2em;
}
main article .article--footer .comments .comment-respond .comment-reply-title {
  font-size: 18px;
  margin-bottom: 8px;
}
main article .article--footer .comments .comment-respond form {
  padding-left: var(--sidepad);
}
main article .article--footer .comments .comment-respond form p {
  margin-bottom: 8px;
}
main article .article--footer .comments .comment-respond form p label {
  display: inline-block;
  margin-bottom: 4px;
}
main article .article--footer .comments .comment-respond form p textarea, main article .article--footer .comments .comment-respond form p input[type=text], main article .article--footer .comments .comment-respond form p input[type=email] {
  max-width: 100%;
  background-color: #FFFFFF;
  padding: 11px;
  border: 1px solid #0E0E2A;
  border-radius: 6px;
}
main article .article--footer .comments .comment-respond form p input[type=submit] {
  margin-top: 8px;
  padding: 12px 24px;
  border-radius: 6px;
  background-color: #dd9933;
}
main article .article--footer .comments .comment-respond form p input[type=submit]:hover, main article .article--footer .comments .comment-respond form p input[type=submit]:active, main article .article--footer .comments .comment-respond form p input[type=submit]:focus {
  background-color: rgb(230.435, 169.167, 77.265);
}
main article .article--footer .comments .comment-respond form .comment-notes, main article .article--footer .comments .comment-respond form .logged-in-as {
  font-size: 14px;
  line-height: 110%;
}
main article .article--footer .comments .comment-respond form .comment-notes a, main article .article--footer .comments .comment-respond form .logged-in-as a {
  color: #dd9933;
  text-decoration: underline;
}
main article .article--footer .comments .comment-respond form .comment-notes a:hover, main article .article--footer .comments .comment-respond form .comment-notes a:active, main article .article--footer .comments .comment-respond form .comment-notes a:focus, main article .article--footer .comments .comment-respond form .logged-in-as a:hover, main article .article--footer .comments .comment-respond form .logged-in-as a:active, main article .article--footer .comments .comment-respond form .logged-in-as a:focus {
  color: rgb(230.435, 169.167, 77.265);
}

@media only screen and (min-width: 481px) {
  main article .article--footer .comments .comment-respond {
    margin-top: 16px;
  }
  main article .article--footer .comments .comment-respond .comment-reply-title {
    font-size: 18px;
  }
  main article .article--footer .comments .comment-respond form p {
    margin-bottom: 16px;
  }
  main article .article--footer .comments .comment-respond form p input[type=submit] {
    margin-top: 16px;
  }
  main article .article--footer .comments .comment-respond form .comment-form-comment, main article .article--footer .comments .comment-respond form .comment-form-author, main article .article--footer .comments .comment-respond form .comment-form-email {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  main article .article--footer .comments .comment-respond form .comment-form-comment label, main article .article--footer .comments .comment-respond form .comment-form-author label, main article .article--footer .comments .comment-respond form .comment-form-email label {
    margin-bottom: 0;
    min-width: 7.5rem;
  }
  main article .article--footer .comments .comment-respond form .comment-form-comment textarea, main article .article--footer .comments .comment-respond form .comment-form-comment input[type=text], main article .article--footer .comments .comment-respond form .comment-form-comment input[type=email], main article .article--footer .comments .comment-respond form .comment-form-author textarea, main article .article--footer .comments .comment-respond form .comment-form-author input[type=text], main article .article--footer .comments .comment-respond form .comment-form-author input[type=email], main article .article--footer .comments .comment-respond form .comment-form-email textarea, main article .article--footer .comments .comment-respond form .comment-form-email input[type=text], main article .article--footer .comments .comment-respond form .comment-form-email input[type=email] {
    max-width: calc(100% - 10rem - 16px);
  }
  main article .article--footer .comments .comment-respond form .comment-form-comment {
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1025px) {
  main article .article--footer .comments .comment-respond {
    margin-top: 24px;
  }
  main article .article--footer .comments .comment-respond .comment-reply-title {
    font-size: 22px;
  }
  main article .article--footer .comments .comment-respond form p {
    margin-bottom: 24px;
  }
  main article .article--footer .comments .comment-respond form p input[type=submit] {
    margin-top: 24px;
  }
  main article .article--footer .comments .comment-respond form .comment-form-comment, main article .article--footer .comments .comment-respond form .comment-form-author, main article .article--footer .comments .comment-respond form .comment-form-email {
    gap: 24px;
  }
  main article .article--footer .comments .comment-respond form .comment-form-comment textarea, main article .article--footer .comments .comment-respond form .comment-form-comment input[type=text], main article .article--footer .comments .comment-respond form .comment-form-comment input[type=email], main article .article--footer .comments .comment-respond form .comment-form-author textarea, main article .article--footer .comments .comment-respond form .comment-form-author input[type=text], main article .article--footer .comments .comment-respond form .comment-form-author input[type=email], main article .article--footer .comments .comment-respond form .comment-form-email textarea, main article .article--footer .comments .comment-respond form .comment-form-email input[type=text], main article .article--footer .comments .comment-respond form .comment-form-email input[type=email] {
    max-width: calc(100% - 10rem - 24px);
  }
}
.wrapper main .content .mcf {
  display: flex;
  flex-direction: column;
}
.wrapper main .content .mcf .mcf--error {
  color: red;
  margin-bottom: 12px;
}
.wrapper main .content .mcf .mcf--error .mcf--error--message {
  margin: 0;
  font-size: 1.2em;
  font-weight: bold;
}
.wrapper main .content .mcf .mcf--error .mcf--error--details {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style-type: none;
}
.wrapper main .content .mcf .mcf--error .mcf--error--details > li {
  margin: 0;
  padding: 0;
}
.wrapper main .content .mcf .mcf--fieldset {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wrapper main .content .mcf .mcf--fieldset .mcf--field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.wrapper main .content .mcf .mcf--fieldset .mcf--field .mcf--input {
  width: 100%;
  padding: 11px;
  border-radius: 6px;
  border: 1px solid #0E0E2A;
  background-color: #FFFFFF;
}
.wrapper main .content .mcf .mcf--fieldset .mcf--field .mcf--input:valid {
  border-color: green;
}
.wrapper main .content .mcf .mcf--fieldset .mcf--field .mcf--input:invalid {
  border-color: red;
}
.wrapper main .content .mcf .mcf--submit {
  align-self: flex-end;
}
.wrapper main .content .mcf .mcf--submit .mcf--button--submit {
  padding: 12px 24px;
  border-radius: 6px;
  background-color: #dd9933;
}

@media only screen and (min-width: 769px) {
  .wrapper main .content .mcf .mcf--fieldset .mcf--field {
    flex-direction: row;
    align-items: center;
  }
  .wrapper main .content .mcf .mcf--fieldset .mcf--field label {
    min-width: 9rem;
  }
  .wrapper main .content .mcf .mcf--fieldset .mcf--field.mcf--field--textarea {
    align-items: flex-start;
  }
  .wrapper main .content .mcf .mcf--fieldset .mcf--field.mcf--field--textarea label {
    padding-top: 12px;
  }
}
.mcf--loading {
  display: none;
  -webkit-animation: sickness 0.8s infinite linear;
  animation: sickness 0.8s infinite linear;
  background: transparent;
  border: 30px solid hsla(0, 0%, 39%, 0.5);
  border-radius: 100%;
  border-top-color: #fff;
  height: 30vh;
  left: 50vw;
  margin-left: -15vh;
  opacity: 0.6;
  padding: 0;
  position: fixed;
  top: 35vh;
  width: 30vh;
  z-index: 99999;
}

@keyframes sickness {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Footer */
footer.main {
  background-color: #0E0E2A;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 1.4em;
}
footer.main section {
  padding: 24px 12px 12px;
  display: grid;
  grid-template-columns: 1fr 222px 48px 1fr;
  grid-template-areas: ". menu social ." "copyright copyright copyright copyright" "bmenu bmenu bmenu bmenu";
  grid-column-gap: 10px;
}
footer.main section .footer-social {
  grid-area: social;
}
footer.main section .footer-social a {
  display: block;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='180 280 620 520' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M226.328419,494.722069 C372.088573,431.216685 469.284839,389.350049 517.917216,369.122161 C656.772535,311.36743 685.625481,301.334815 704.431427,301.003532 C708.567621,300.93067 717.815839,301.955743 723.806446,306.816707 C728.864797,310.92121 730.256552,316.46581 730.922551,320.357329 C731.588551,324.248848 732.417879,333.113828 731.758626,340.040666 C724.234007,419.102486 691.675104,610.964674 675.110982,699.515267 C668.10208,736.984342 654.301336,749.547532 640.940618,750.777006 C611.904684,753.448938 589.856115,731.588035 561.733393,713.153237 C517.726886,684.306416 492.866009,666.349181 450.150074,638.200013 C400.78442,605.66878 432.786119,587.789048 460.919462,558.568563 C468.282091,550.921423 596.21508,434.556479 598.691227,424.000355 C599.00091,422.680135 599.288312,417.758981 596.36474,415.160431 C593.441168,412.561881 589.126229,413.450484 586.012448,414.157198 C581.598758,415.158943 511.297793,461.625274 375.109553,553.556189 C355.154858,567.258623 337.080515,573.934908 320.886524,573.585046 C303.033948,573.199351 268.692754,563.490928 243.163606,555.192408 C211.851067,545.013936 186.964484,539.632504 189.131547,522.346309 C190.260287,513.342589 202.659244,504.134509 226.328419,494.722069 Z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E");
  background-size: 48px 48px;
  background-repeat: no-repeat;
  background-position: center;
}
footer.main section .footer-social a:hover, footer.main section .footer-social a:active, footer.main section .footer-social a:focus {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='180 280 620 520' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M226.328419,494.722069 C372.088573,431.216685 469.284839,389.350049 517.917216,369.122161 C656.772535,311.36743 685.625481,301.334815 704.431427,301.003532 C708.567621,300.93067 717.815839,301.955743 723.806446,306.816707 C728.864797,310.92121 730.256552,316.46581 730.922551,320.357329 C731.588551,324.248848 732.417879,333.113828 731.758626,340.040666 C724.234007,419.102486 691.675104,610.964674 675.110982,699.515267 C668.10208,736.984342 654.301336,749.547532 640.940618,750.777006 C611.904684,753.448938 589.856115,731.588035 561.733393,713.153237 C517.726886,684.306416 492.866009,666.349181 450.150074,638.200013 C400.78442,605.66878 432.786119,587.789048 460.919462,558.568563 C468.282091,550.921423 596.21508,434.556479 598.691227,424.000355 C599.00091,422.680135 599.288312,417.758981 596.36474,415.160431 C593.441168,412.561881 589.126229,413.450484 586.012448,414.157198 C581.598758,415.158943 511.297793,461.625274 375.109553,553.556189 C355.154858,567.258623 337.080515,573.934908 320.886524,573.585046 C303.033948,573.199351 268.692754,563.490928 243.163606,555.192408 C211.851067,545.013936 186.964484,539.632504 189.131547,522.346309 C190.260287,513.342589 202.659244,504.134509 226.328419,494.722069 Z' fill='%23dd9933'%3E%3C/path%3E%3C/svg%3E");
}
footer.main section .footer-nav {
  grid-area: menu;
  display: flex;
  justify-content: flex-end;
}
footer.main section .footer-nav ul {
  display: grid;
  grid-template-columns: 48px 48px 48px 48px;
  grid-column-gap: 10px;
}
footer.main section .footer-nav ul li a {
  display: block;
  width: 48px;
  height: 48px;
  color: rgba(0, 0, 0, 0);
  overflow: hidden;
  background-size: 48px 48px;
  background-repeat: no-repeat;
  background-position: center;
}
footer.main section .footer-nav ul li.elec a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E");
}
footer.main section .footer-nav ul li.elec a:hover, footer.main section .footer-nav ul li.elec a:active, footer.main section .footer-nav ul li.elec a:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dd9933' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E");
}
footer.main section .footer-nav ul li.water a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z'/%3E%3C/svg%3E");
}
footer.main section .footer-nav ul li.water a:hover, footer.main section .footer-nav ul li.water a:active, footer.main section .footer-nav ul li.water a:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dd9933' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z'/%3E%3C/svg%3E");
}
footer.main section .footer-nav ul li.trash a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}
footer.main section .footer-nav ul li.trash a:hover, footer.main section .footer-nav ul li.trash a:active, footer.main section .footer-nav ul li.trash a:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dd9933' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}
footer.main section .footer-nav ul li.roads a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E");
}
footer.main section .footer-nav ul li.roads a:hover, footer.main section .footer-nav ul li.roads a:active, footer.main section .footer-nav ul li.roads a:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dd9933' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E");
}
footer.main section .footer-bottom {
  margin-top: 24px;
  grid-area: copyright;
}
footer.main section .service-nav {
  margin-top: 8px;
  grid-area: bmenu;
}
footer.main section .service-nav ul {
  gap: 8px;
  display: flex;
  list-style: none;
  justify-content: flex-end;
}
footer.main section .service-nav ul a:hover, footer.main section .service-nav ul a:active, footer.main section .service-nav ul a:focus {
  text-decoration: underline;
  color: #dd9933;
}

@media only screen and (min-width: 481px) {
  footer.main section {
    padding: 24px;
    grid-template-areas: ". menu social ." "copyright copyright bmenu bmenu";
    grid-template-columns: 1fr 264px 48px 1fr;
    grid-column-gap: 24px;
  }
  footer.main section .service-nav {
    margin-top: 24px;
  }
  footer.main section .footer-nav ul {
    grid-column-gap: 24px;
  }
}
@media only screen and (min-width: 769px) {
  footer.main {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  footer.main section {
    grid-template-areas: "menu menu social" "copyright bmenu social";
    grid-template-columns: 2fr 1fr 96px;
    grid-column-gap: 48px;
  }
  footer.main section .footer-social a {
    width: 96px;
    height: 96px;
    background-size: 96px 96px;
  }
  footer.main section .footer-nav {
    justify-content: flex-start;
  }
  footer.main section .footer-nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
  }
  footer.main section .footer-nav ul li a {
    width: auto;
    height: auto;
    color: #FFFFFF;
    background-size: 16px 16px;
    background-position: left center;
    padding-left: 24px;
  }
  footer.main section .footer-nav ul li a:hover {
    text-decoration: underline;
    color: #dd9933;
  }
}
@media only screen and (min-width: 1201px) {
  footer.main section {
    max-width: 1200px;
    margin: 0 auto;
  }
}
.vsk-zoom-overlay {
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0);
  display: none;
  top: 100px;
  left: 100px;
  pointer-events: none;
  width: 250px;
  height: 250px;
  border-radius: 12px;
  position: fixed;
}

.lightbox {
  max-width: calc(100vw - 1rem);
  max-height: calc(100vh - 1rem);
  margin: 0.5rem auto;
}
.lightbox form {
  display: grid;
  grid-template-rows: 0 1fr min-content;
}
.lightbox form button {
  z-index: 100;
  font-size: 2rem;
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #0E0E2A;
}
.lightbox[open] {
  animation: lbox 0.25s ease-in-out normal;
}

:root:has(.lightbox[open]) {
  overflow: clip;
}

@keyframes lbox {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

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