body {
  background: #ffecfe;
}

body, button, input, select, textarea {
  font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
}

a {
  color: #0050BE;
}
a:hover, a:focus, a:active {
  color: #990099;
}
.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
	color: #990099;
}

.entry-content h3 {
  margin-top: revert;
  margin-bottom: revert;
}

b, strong {
  font-weight: bold;
  color: #990099;
}

blockquote {
  border: 0 solid #ff93e3;
  border-left-width: 4px;
}

.page-header,
.pagination,
.widget {
  border-top: 4px solid #ff93e3;
}


.pagination:before, .pagination:after,
.pagination .prev, .pagination .next {
  background-color: #ff93e3;
}


.post-navigation {
  border-top: 4px solid #ff93e3;
  border-bottom: 4px solid #ff93e3;
}
.post-navigation div + div {
  border-top: 4px solid #ff93e3;
}
.post-navigation a:hover .post-title {
  color: #990099;
}

.entry-title a:hover, .entry-title a:focus {
  color: #990099;
}

.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 5px;
}


button {
  background: #ff93e3;
}

#recent-posts li::marker,
#popular-posts li::marker,
#category li::marker,
#category li span,
.entry-content .content li::marker {
  color: #990099;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #990099;
}

.entry-footer > span:nth-child(odd)::before {
  content: none;
}
.entry-footer > span:nth-child(even)::before {
  content: "\002f";
  display: inline-block;
  opacity: 0.7;
  padding: 0 0.538461538em;
}

@media screen and (min-width: 56.875em) {
  .main-navigation li:hover > a,
	.main-navigation li.focus > a {
		color: #990099;
	}
  .widget {
    font-size: 16px;
    font-size: 1rem;
  }
}

.tag-cloud {
  word-break: keep-all;
}
a.tag-cloud-link {
  margin: 0 5px;
}

.item.dropdown a::after, .dropdown-toggle-button::after, .pagination .nav-links::before, .pagination .nav-links::after, .pagination .prev::before, .pagination .next::before, [class^="social-logo-"]::before, [class*=" social-logo-"]::before, .social-navigation a::before, .search-submit::before, [class^="social-logo-"], [class*=" social-logo-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.post-link a::after {
  font-family: "icomoon";
  content: "\e902";
  margin-left: 5px;
}
.search-submit::before {
  content: "\e986";
}
.pagination .nav-links::before {
  content: "\ea3c";
}
.pagination .prev::before {
  content: "\ea40";
}
.pagination .next::before {
  content: "\ea3c";
}
.pagination .nav-links::after {
  content: "\ea40";
}


.social-navigation a[href*="facebook.com"]::before {
  content: "\ea91";
}
.social-navigation a[href*="github.com"]::before {
  content: "\e905";
}
.social-navigation a[href*="tiktok.com"]::before {
  content: "\e907";
}
/* .social-navigation a[href*="x.com"]::before {
  content: "\e901";
}
.social-navigation a[href*="t.me"]::before {
  content: "\e900";
}
.social-navigation a[href*="blogspot.com"]:before {
	content: "\eab8";
} */

@media screen and (min-width: 56.875em) {
  .main-navigation .item.dropdown > a::after, .main-navigation .menu-item-has-children > a::after {
    content: "\f107";
    right: 1.25em;
  }
}
.dropdown-toggle-button.toggled-on::after {
  content: "\f106";
}
.dropdown-toggle-button::after {
  content: "\f107";
}

.social-navigation a::before {
  content: "\ea82";
}

.social-navigation .social-logo-bluesky::before {
  content: "\e904";
}
.social-navigation .social-logo-x::before {
  content: "\e901";
}
.social-navigation .social-logo-facebook::before {
  content: "\ea91";
}
.social-navigation .social-logo-github::before {
  content: "\e905";
}
.social-navigation .social-logo-tiktok::before {
  content: "\e907";
}
.social-navigation .social-logo-telegram::before {
  content: "\e900";
}
.social-navigation .social-logo-blogger::before {
  content: "\eab8";
}
.social-navigation .social-logo-linktree::before {
  content: "\e903";
}


/* image display */

.entry-content .content p img {
    cursor: pointer;
}

.image-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-overlay.visible {
    opacity: 1;
}

.image-overlay img {
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 6px;
    box-shadow: 0 0 12px rgba(0,0,0,0.6);
    touch-action: pinch-zoom;
}
.image-overlay-close-button {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    z-index: 10000;
    -webkit-tap-highlight-color: transparent;
}

.image-overlay-close-button:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
