:root {
--dark-green: #2f3f3c;
--dark-green-rgb: 47 63 60;
--light-green: #5f7c77;
--light-green-rgb: 93 124 119;
--dark-brown: #5f7c77;
--dark-brown-rgb: 183 173 164;
--medium-brown: #e5e0db;
--medium-brown-rgb: 229 224 219;
--light-brown: #f4f1ec;
--light-brown-rgb: 244 241 236;

--bg-color: rgb(var(--bg-color-rgb));
--bg-color-rgb: var(--dark-brown-rgb);

--wrap-bg-color: var(--medium-brown);
--content-bg-color: var(--light-brown);
}
body>header {
background-image: url('/wp-content/uploads/2026/07/banner-w1280.webp');
background-size: cover;
}
body { background-color: var(--bg-color); }
#maincontent, #nav-all-posts { background-color: var(--wrap-bg-color); }
#maincontent > article, #maincontent > footer, #nav-all-posts>nav {
background-color: var(--content-bg-color);
box-shadow: 0 0 0.2rem rgb(var(--dark-brown-rgb) / 90%);
}
#home-links > a {
background-color: var(--content-bg-color);
box-shadow: 0 0 0.5rem rgb(var(--dark-brown-rgb) / 90%);
}
#home-links a{ text-decoration:none; color:#333; }
#home-links a:hover { color:#007BFF; }
#home-links>a>h2 {
color:#000;
text-decoration:underline;
/* text-decoration-style:wavy; */
/* -webkit-text-decoration-style:wavy; */
/* -moz-text-decoration-style:wavy; */
text-decoration-thickness:0.125rem;
text-underline-offset:-0.125rem;
text-underline-offset:0.125rem;
text-underline-offset:0.2rem;
text-decoration-skip-ink:none;
/* text-underline-position:under; */
}
#home-links>a:link>h2 {
text-decoration-color:rgba(0,128,255,1);
/* background-color:rgba(255,0,255,0.05); */
}
#home-links>a:visited>h2 {
text-decoration-color:rgba(96,32,196,1);
/* background-color:rgba(128,0,255,0.05); */
}
#home-links>a:hover>h2 { text-decoration-color:rgba(0,196,255,1); }
#home-links>a:active>h2 { text-decoration-color:rgba(0,255,255,1); }
#home-links>a:focus>h2 { text-decoration:none; }
#menu-main span, #menu-sm-links a {
color:#000;
font-weight:bold;
font-size:1.1rem;
font-family:helvetica;
}
#menu-main a {
font-family:helvetica;
font-weight:bold;
font-size:1.1rem;
color:#000;
text-decoration:none;
}
/*
#menu-main a {
text-decoration:underline;
text-decoration-thickness:0.125rem;
text-underline-offset:0.2rem;
text-decoration-skip-ink:none;
}
#menu-sm-links a{
text-decoration:none;
color:#000;
}
#menu-main li a:link {
text-decoration-color:rgba(0,128,255,1);
}
#menu-main li a:visited {
text-decoration-color:rgba(96,32,196,1);
}
*/
#menu-sm-links li > a { text-decoration:none; }
/* pagination */
.pagination-single{ }
.pagination-single a{
align-items:center;
color:#68717b;
color:#444;
display:flex;
font-weight:600;
font-size:1.2rem;
line-height:1.25;
text-decoration:none;
text-underline-position:under;
}
.pagination-single .title-time{ display:block; }
.pagination-single span.title{ display:block; }
.pagination-single span.title+span{ font-size:1rem; display:block; }
.pagination-single a + a{ margin-top:1.5rem; }
.pagination-single .arrow{
align-items:center;
background-color:rgb(var(--dark-brown-rgb) / 20%);
border-radius:50%;
display:flex;
flex-shrink:0;
height:3.6rem;
justify-content:center;
margin-right:1rem;
transition:background-color .15s linear;
width:3.6rem;
}
.pagination-single .arrow img{ transition:fill .15s linear; }
.pagination-single a:hover, .pagination-single a:focus{
text-decoration:underline;
}


@media not (max-width:45rem) {
.pagination-single {
display:flex;
justify-content:space-between;
}
.pagination-single.only-next { justify-content:flex-end; }
.pagination-single a { min-width:33.3%; }
.pagination-single .arrow {
height:4.4rem;
margin-right:1rem;
width:4.4rem;
}
.pagination-single .arrow img { height:1.6rem; width:1.6rem; }
.pagination-single a + a { margin:0 0 0 1rem; }
.pagination-single .next-post { flex-direction:row-reverse; text-align:right; }
.pagination-single .next-post .arrow { margin:0 0 0 1rem; }
}

#nav-all-posts ul { list-style:none; padding:0; }
#nav-all-posts li { margin:0.5rem 0; }
.see-all-posts { display:block; padding-top:1rem; }
#nav-all-posts a {
color:#000;
text-decoration:underline;
text-decoration-thickness:0.125rem;
text-underline-offset:0.2rem;
text-decoration-skip-ink:none;
}
#nav-all-post a{ text-decoration:none; color:#000; }
#nav-all-posts a:link { text-decoration-color:rgba(0,128,255,1); }
#nav-all-posts a:visited { text-decoration-color:rgba(96,32,196,1); }
#blog-index #maincontent div { padding-left:1rem; }
.rss-link img { box-sizing:border-box; display:block; }
.rss-link { margin:0.5rem; margin-left:0; }
.rss-link:hover { border-color:#888; }

@media (max-width: 45rem) and (hover: hover) and (pointer: fine) {
  #menu-wrap li {
  background-color:var(--medium-brown);
  }
}

@media (max-width: 45rem) and (hover: none) and (pointer: coarse) {
  #menu-wrap, #menu-icon {
  background-color:var(--medium-brown);
  }
  #menu-icon-open, #menu-icon-close {
  border:1px solid rgb(var(--dark-brown-rgb) / 50%);
  background-color:rgb(var(--light-brown-rgb) / 50%);
  }
  #menu-main, #menu-sm-links, #menu-blog-posts-wrap {
    transition:opacity 50ms ease 50ms;
  }
  #menu-toggle:checked + #menu-icon + #menu-wrap {
  border-left:1px solid #000;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  background-color:#e5e0db;
  transition:
  width 100ms ease,
  height 100ms ease 100ms,
  opacity 100ms ease;
  }
  #menu-wrap {
  transition:
  height 100ms ease,
  width 100ms ease 100ms,
  opacity 100ms ease;
  }
}

@media not (max-width:45rem) {
  #menu-wrap li {
  background-color:var(--medium-brown);
  }
}