.navbar {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* -----------    COMMON    ----------- */
a:link {
    text-decoration: none;
}

p {
  text-indent: 1.5em;
  margin-bottom: 0;
  text-align: justify;
}


/* -----------     ABOUT     ----------- */
.about img.author {
  height: 200px;
  float: right;
  margin-left: 1em;
}
.about .content {
  text-align: justify;
}
.about img.tg-logo {
  height: 20px;
}
@media (max-width: 1024px) {
   .about {
      font-size: 1.5em;
   }
}


/* ----------- POST-PREVIEW ----------- */
.post-preview h3 a {
  text-decoration: underline;
}
.post-preview .image-preview {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  margin-top: 1em;
  border-radius: 1em;
}

@media (max-width: 1024px) {
   .post-preview-content {
      font-size: 1.5em;
   }
}
/* tags styles specified in post */


/* -----------     POST     ----------- */
.post-header .post-date div {
  font-style: italic;
}

.post .hide-in-post {
  display: none;
}

.post .post-tags .post-tag, .post-preview .post-tags .post-tag {
  font-size: small;
  margin: 0 0.2em;
  padding: 0 0.2em;
}

.post-travelling-date {
  font-weight: 600;
  font-size: large;
  text-indent: 0;
  margin-top: 1em;
}

.post-content img {
  display: block;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
  max-height: 650px;
}

.post-content img +p:not(.post-image-caption) {
  margin-top: 1em;
}

.post-image-caption {
  margin-bottom: 1em;
  text-align: center;
  color: gray;
  font-style: italic;
  font-size: smaller;
}

@media (max-width: 1024px) {
  .post .content {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  .post-content p {
    font-size: 1.5em;
  }
  .post-image-caption {
    font-size: 1.2em!important;
  }
}

span.totoro {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(/images/2025_japan/totoro-jumping-32-0.png);
  background-size: cover;
}

img.ghibli {
  cursor: url(/images/2025_japan/totoro-jumping-32-0.png), pointer;
  -webkit-animation: cursor 700ms infinite;
  animation: cursor 700ms infinite;

  transition: opacity 0.5s ease;
}

@-webkit-keyframes cursor {
  0% {cursor: url(/images/2025_japan/totoro-jumping-32-0.png), pointer;}
  25% {cursor: url(/images/2025_japan/totoro-jumping-32-1.png), pointer;}
  50% {cursor: url(/images/2025_japan/totoro-jumping-32-2.png), pointer;}
  75% {cursor: url(/images/2025_japan/totoro-jumping-32-3.png), pointer;}
  100% {cursor: url(/images/2025_japan/totoro-jumping-32-0.png), pointer;}
}

@keyframes cursor {
  0% {cursor: url(/images/2025_japan/totoro-jumping-32-0.png), pointer;}
  25% {cursor: url(/images/2025_japan/totoro-jumping-32-1.png), pointer;}
  50% {cursor: url(/images/2025_japan/totoro-jumping-32-2.png), pointer;}
  75% {cursor: url(/images/2025_japan/totoro-jumping-32-3.png), pointer;}
  100% {cursor: url(/images/2025_japan/totoro-jumping-32-0.png), pointer;}
}

img.ghibli.fade-out {
  opacity: 0;
}

img.ghibli.fade-in {
  opacity: 1;
}

/* -----------     TAGS     ----------- */
.post-tag {
    display: inline-block;
    color: white;
    background: #0063B3;
    margin: 0.5em;
    padding: 0.5em 1em;
    width: max-content;
    border-radius: 0.5em;
}
.selected-tag {
    background: #007FE7;
}
.post-tag:hover {
    background: #007FE7;
}
.post-tag:link, .post-tag:visited, .post-tag a:hover, .post-tag a:active, .post-tag a:focus {
    color: white;
}

.page-link:focus {
  box-shadow: none;
}