/*
 Theme Name: minecraft
 Theme URI: https://www.9minecraft.net/
 Author: minecraft
 Author URI: https://www.9minecraft.net/
 Text Domain: minecraft
*/

:where(*, *::before, *::after) {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
    --bg-color: #ffffff; 
    --text-color: #333333; 
    --border-color: #e0e0e0; 
    --accent-color: #007bff; 
}
body {
    color: #444;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    overflow-x: hidden;
}
#wrap {
margin : 0 auto;
padding : 0;
text-align : left;
width : 1200px;
}
img {
max-width : 100%;
height : auto;
}
a {
cursor: url(./img/hand.png), pointer !important;
color : #404759;
text-decoration : none;
}
a:hover, a:focus, a:hover {
color : #d90202;
}
a img {
border : none;
}

code {
background-color : #e7e7e7;
color : #880066;
font-family : 'Lucida Console', Monaco, monospace;
font-weight : 400;
font-size : 16px;
overflow : auto;
margin : 0 5px;
overflow-wrap : break-word;
}
pre {
background-color : #cddcff;
border : #b5b5b5 solid 1px;
font-family : 'Courier New', Courier, 'Lucida Sans Typewriter', monospace;
font-weight : 400;
font-size : 16px;
line-height : 1.25;
margin : 0;
overflow : auto;
padding : 20px 20px 20px 40px;
overflow-wrap : break-word;
}
pre a {
color : red;
font-family : 'Courier New', Courier, 'Lucida Sans Typewriter', monospace;
font-weight : 400;
font-size : 16px;
line-height : 1.25;
overflow-wrap : break-word;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom : 0.5rem;
font-weight : 500;
line-height : 1.2;
}
form {
margin : 0;
padding : 0;
}
small {
font-size : 9px;
}
.left {
    display: flex;
    justify-content: flex-start;
}
.right {
    display: flex;
    justify-content: flex-end;
}
.clearer {
clear : both;
}
.table_all,
.table_all_menu {
    margin : 0;
    padding : 0;
    width : 100%;
    position : relative;
}
@media (max-width: 992px) {
    .table_all,
    .table_all_menu {
        background-color: #FFF;
        position: fixed;
        top: 0;
        z-index: 999;
        left: 0;
        right: 0;
        height: auto;
    }
}
.text-left {
text-align : left !important ;
}
.text-center {
text-align : center !important ;
}
.text-center a {
    margin: 0 auto;
}
.text-right {
text-align : right !important ;
}
.fw-bold {
font-weight : 700 !important ;
}
.container {
margin-right : auto;
margin-left : auto;
padding-left : 15px;
padding-right : 15px;
outline : 1px solid #f00;
}
@media (min-width: 768px) {
.container {
width : 750px;
}
.d-sm-none {
display : none !important ;
}
.d-sm-block {
display : block !important ;
}
}
@media (min-width: 992px) {

.container {
 width: 1200px;
}
.d-md-none {
display : none !important ;
}
.d-md-block {
display : block !important ;
}
}
@media (min-width: 1200px) {
.container {
width : 1200px;
}
.d-lg-none {
display : none !important ;
}
}
.container-fluid {
margin-right : auto;
margin-left : auto;
padding-left : 10px;
padding-right : 10px;
max-width: 1440px;
}
.d-none {
display : none;
}
.row {
margin-left : -3px;
margin-right : -3px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position : relative;
min-height : 1px;
padding-left : 10px;
padding-right : 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float : left;
}
.col-xs-12 {
width : 100%;
}
.col-xs-11 {
width : 91.66666667%;
}
.col-xs-10 {
width : 83.33333333%;
}
.col-xs-9 {
width : 75%;
}
.col-xs-8 {
width : 66.66666667%;
}
.col-xs-7 {
width : 58.33333333%;
}
.col-xs-6 {
width : 50%;
}
.col-xs-5 {
width : 41.66666667%;
}
.col-xs-4 {
width : 33.33333333%;
}
.col-xs-3 {
width : 25%;
}
.col-xs-2 {
width : 16.66666667%;
}
.col-xs-1 {
width : 8.33333333%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float : left;
}
.col-sm-12 {
width : 100%;
}
.col-sm-11 {
width : 91.66666667%;
}
.col-sm-10 {
width : 83.33333333%;
}
.col-sm-9 {
width : 75%;
}
.col-sm-8 {
width : 66.66666667%;
}
.col-sm-7 {
width : 58.33333333%;
}
.col-sm-6 {
width : 50%;
}
.col-sm-5 {
width : 41.66666667%;
}
.col-sm-4 {
width : 33.33333333%;
}
.col-sm-3 {
width : 25%;
}
.col-sm-2 {
width : 16.66666667%;
}
.col-sm-1 {
width : 8.33333333%;
}
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
content : " ";
display : table;
}
.clearfix:after, .container:after, .container-fluid:after, .row:after {
clear : both;
}
.center-block {
display : block;
margin-left : auto;
margin-right : auto;
}
.pull-right {
float : right !important ;
}
.pull-left {
float : left !important ;
}
.hide {
display : none !important ;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.d-none { display: none !important; }
.d-block { display: block !important; }
.affix {
position : fixed;
}
#page .container-fluid {
background-color : #fff;
padding-top : 10px;
padding-bottom : 20px;
}
.site-main {
position : relative;
overflow : hidden;
}
.site-main .site-content {
position : relative;
z-index : 9;
}

@media (min-width: 992px) {
.header-wrapper {
min-height: 98px;
background-color: #fff;
max-width: 1440px;
margin: 0 auto;
}
.logged-in .header-logo {
top : 32px;
}
.header-logo-wrapper {
background-color : #fff;
height: 40px;
}
.header-logo {
        background-color: #fff;
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        z-index: 999;
        max-width: 100%;
        margin: 0 auto;
}
.header-logo .container-fluid.d-flex {
    justify-content: flex-start;
}
.header-logo.header-fixed {
box-shadow : 0 3px 2px -2px rgb(0 0 0 / 15%);
}
.header-right .widget_wgs_widget {
display : block;
}
}

.content {
border : #e3e3e3 solid 1px;
float : left;
height : 100%;
margin : 0 5px 10px 0;
padding : 2px;
width : 690px;
}
#content_pages {
background-color : #fff;
border : 0;
float : left;
height : 100%;
line-height : 20px;
margin : 5px 5px 10px 0;
padding : 10px;
}


#rsidebar h2 {
  background: url(./img/bg_sidebar_title.png) no-repeat center center;
  background-size: cover;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  color: #f0f9ef;
  margin: 0;
  padding: 14px 18px 10px 18px;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  letter-spacing: 1px;
  text-shadow: 0 2px 5px rgba(0,0,0,0.45);
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

#rsidebar .widget ul {
  background: url(https://www.9minecraft.net/images/bg_sidebar.png) repeat;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 15px;
  list-style: none;
  margin: 0;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}

#rsidebar .widget {
  margin-bottom: 20px;
}

#rsidebar li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#rsidebar li li {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding-left: 22px;
  position: relative;
  line-height: 1.6em;
  color: #2c3e50;
}

#rsidebar li li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 14px;
  height: 14px;
  background: url("./img/r-sidebar-diamond.png") no-repeat center/contain;
}

#rsidebar li li a {
  color: #1e272e;
  text-decoration: none;
  transition: all 0.25s ease;
  font-weight: 400;
}

#rsidebar li li a:hover {
  color: #27ae60;
  text-decoration: underline;
  font-weight: 500;
}

#rsidebar li li.mine-red a {
  color: #861023;
  font-weight: 600;
}

#rsidebar li li.mine-red a:hover {
  color: #27ae60;
  text-decoration: underline;
  font-weight: 600;
}

@media (max-width: 767px) {
  #rsidebar {
    display: none;
  }
}

#rsidebar .widget_ninemine_any_posts {
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

#rsidebar .widget_ninemine_any_posts .widgettitle {
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  padding: 14px 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  border-radius: 8px 8px 0 0;
}

#rsidebar .widget_ninemine_any_posts .ninemine-any-posts {
  background: url("./img/bg_anypost.png") repeat;
  color: #f0f4ff;
  padding: 12px;
  display: block;
  margin: 0;
  list-style: none;
}

#rsidebar .widget_ninemine_any_posts .ninemine-any-post {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding-bottom: 12px;
}

#rsidebar .widget_ninemine_any_posts .ninemine-any-post:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

#rsidebar .widget_ninemine_any_posts .ninemine-any-post__thumb {
  margin-left: 8px;
  margin-right: 10px;
  min-width: 120px;
  flex-basis: 120px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
  display: inline-block;
}

#rsidebar .widget_ninemine_any_posts .ninemine-any-post__title a {
  flex: 1;
  display: block;
  color: #e6eeff;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.4;
  transition: all 0.2s ease;
}

#rsidebar .widget_ninemine_any_posts .ninemine-any-post__title a:hover {
  color: #fffdda;
  text-decoration: underline;
}

#rsidebar .widget_ninemine_any_posts ul,
#rsidebar .widget_ninemine_any_posts li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#rsidebar .widget_ninemine_any_posts li::before {
  content: none;
}

.mobile-category-menu {
  display: none;
}

@media (max-width: 480px) {
  .mobile-category-menu {
    display: block;
    margin: 28px 0;
    padding: 18px;
    border-radius: 16px;
    background: linear-gradient(135deg, #e0f7fa, #f1f8e9);
    box-shadow: 0 4px 10px rgba(0,0,0,0.06);
  }

  .mobile-category-menu .widget {
    margin-top: 22px;
    padding-top: 12px;
    border-top: 1px solid rgba(0,0,0,0.05);
  }

  .mobile-category-menu .widget:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }

  .mobile-category-menu .widget-title,
  .mobile-menu-heading {
    display: block;
    margin-bottom: 14px;
    font-size: 17px;
    font-weight: 700;
    color: #004d40;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    border-left: 4px solid #26a69a;
    padding-left: 10px;
  }

  .discover-more-label {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(135deg, #ad1457, #d81b60);
    border-radius: 30px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  }

  .mobile-category-menu .widget-category-menu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .mobile-category-menu .widget-category-menu li {
    flex: 1 1 auto;
  }

  .mobile-category-menu .widget-category-menu a {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 24px;
    background: #ffffff;
    color: #00796b;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.3;
    transition: transform 0.2s ease, box-shadow 0.3s ease, background 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
  }

  .mobile-category-menu .widget-category-menu a:hover {
    background: #e0f2f1;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.12);
  }

  .mobile-category-menu .widget-category-menu a:active {
    transform: scale(0.96);
  }
}

.textwidget {
padding-top : 10px;
padding-bottom : 10px;
}

.header-logo {
padding: 10px 0;
}
.header-logo .header-left img {
max-width : 100%;
height : auto;
display : block;
width: 300px;
}
.header-slogan {
    margin-right: auto;
}
.header-slogan img {
width : 450px;
display : block;
}

.header-slogan-mobile {
  display: none;
  text-align: center;
}

.header-slogan-mobile img {
  width: auto;
  display: inline-block;
}

@media (max-width: 992px) {
  .header-slogan-mobile {
    position: relative;
    display: block;
    margin-top: 60px;
    text-align: center;
  }
}

.bg_header_right, .header-logo .container {
background-image : url(https://www.9minecraft.net/images/bg-header-right.png);
background-position : right;
background-repeat : no-repeat;
}
.bg_header_right img {
border : 0;
}
.wp-pagenavi {
clear : both;
line-height : 35px;
}
.wp-pagenavi a, .wp-pagenavi span {
border : #104e8b solid 1px;
margin : 2px;
padding : 6px 10px;
text-decoration : none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
background-color : #104e8b;
color : #fff;
}
.wp-pagenavi span.current {
color : #fff;
font-weight : 700;
}

.titlecategory {
margin: 30px 0;
}

.titlecategory a {
display: inline-block;
padding-left: 14px;
border-left: 5px solid #861023;

font-family: "Oswald", sans-serif;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
background: linear-gradient(90deg, #861023, #c94f7c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
transition: filter 0.3s ease;
}

.titlecategory a:hover {
filter: brightness(1.3);
}

@media (max-width: 767px) {
.titlecategory a {
font-size: 24px;
padding-left: 10px;
border-left-width: 4px;
}
}


.post_view .view-count {
    font-size: 30px;
    font-weight: 700;
    color: #8b1a1a;
}

.post_view .view-label {
    font-size: 16px;
    font-weight: 400;
    color: #8b1a1a;
    margin-left: 4px;
}

.navi_center {
    margin: 30px auto;
    text-align: center;
    font-family: "Inter", "Segoe UI", Roboto, sans-serif;
}

.navi_center a,
.navi_center span {
    display: inline-block;
    margin: 4px;
    padding: 8px 14px;
    font-size: 14px;
    color: #444;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    transition: all 0.15s ease;
}

.navi_center a:hover {
    background: #104e8b;
    border-color: #104e8b;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.navi_center span.current {
    background: #104e8b;
    border-color: #104e8b;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.navi_center a.jump {
    background: #f9f9f9;
    border-color: #ccc;
    color: #666;
    font-weight: 500;
}

.navi_center a.jump:hover {
    background: #e9e9e9;
    border-color: #bbb;
}

.post_author {
color : #2b3442;
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
font-size : 14px;
}
.post_all_info {
color : #475FAE;
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
font-size : 20px;
}

.archive_main {
width : 100%;
}
.item .thumbindex {
float : left;
margin-bottom : 10px;
}
.list-post .item .post-view {
position : absolute;
top : 24px;
right : 25px;
text-align : center;
}
.list-post .item {
padding : 20px 20px 10px 10px;
border-bottom : 1px solid #e3e3e3;
background-color : #f3f4f8;
position : relative;
}
@media screen and (min-width: 960px) {
.list-post .item .thumbindex { width: 300px; margin-right: 20px; }
}
.thumbindex img {
max-width : 100%;
height : auto;
}

.list-post ul {
list-style : none;
}
.postTitle h2 {
color : #000;
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
font-size : 20px;
margin : 0;
padding : 0 0 5px;
}
.postTitle h2 a {
color : #004175;
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
}
.postTitle h2 a:hover {
color : red;
}

.archiveTitle {
  margin: 0 0 24px;
  padding: 0;
  border-bottom: 1px solid #ddd;
}

.archive-top {
  display: flex;
  align-items: stretch;
  gap: 16px;
  padding-bottom: 8px;
}

.archiveTitle a {
  font-size: 26px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  text-decoration: none;
  position: relative;
  padding-bottom: 4px;
  transition: color 0.3s ease;
  background: linear-gradient(90deg, #861023, #c94f7c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.archiveTitle a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 3px;
  background: linear-gradient(90deg, #861023, #c94f7c);
  transition: width 0.3s ease;
}

.archiveTitle a:hover::after {
  width: 100%;
}

.archive-top h1,
.archiveTitle h1 {
  font-size: 26px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  margin: 0;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 4px;
  background: linear-gradient(90deg, #861023, #c94f7c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.archive-top h1::after,
.archiveTitle h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 3px;
  background: linear-gradient(90deg, #861023, #c94f7c);
  transition: width 0.3s ease;
}

.archive-top h1:hover::after {
  width: 100%;
}

.archive-separator {
  width: 1px;
  height: 30px;
  background: #ddd;
  align-self: center;
  display: block;
}

.archive-count {
  font-size: 20px;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
  color: #000;
  display: flex;
  align-items: center;
}

.archive-description {
  margin-top: 8px;
  color: #666;
  font-size: 14px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .archive-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-bottom: 6px;
  }

  .archive-separator {
    display: none;
  }

  .archive-top h1,
  .archiveTitle a {
    font-size: 22px;
  }

  .archive-count {
    font-size: 18px;
  }
}


.post {
margin-bottom : 25px;
}
.postFeatured {
background : #f5f5f5;
margin-bottom : 25px;
overflow : hidden;
padding : 10px;
width : 450px;
}
.postContent a, .postFeatured a {
overflow : auto;
text-decoration : underline;
}
.postTitle h1,
.postTitle h2,
.postTitle h1 a,
.postTitle h2 a {
    color: #d90202;
    font-size: 3em;
    font-weight: 300;
    font-family: "Roboto Condensed", sans-serif;
}

.postTitle h1, .postTitle h2 {
    margin: 0 0 5px;
    padding: 0 0 5px;
}

.postTitle h1 a, .postTitle h2 a {
    text-decoration: none;
}

.postTitle h1 a:hover, .postTitle h2 a:hover {
color : #207f7b;
font-size : 3em;
font-weight : 300;
font-family : "Roboto Condensed", sans-serif;
}
.postInfo {
font-size : 11px;
}
.postContent {
color : #000;
font-family : "Roboto", sans-serif;
font-weight : 400;
font-size : 16px;
margin-bottom : 10px;
margin-top : 20px;
}
.postContent a {
color : blue;
}
.postContent div {
margin : 5px 0;
}
.postContent li {
list-style-position : inside;
margin : 0;
padding : 4px;
}

.postTitle_content h1, .postTitle h2 {
color : #004175;
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
font-size : 40px;
margin : 0 0 5px;
padding : 0 0 5px;
}
.sizeFeatured {
width : 450px;
}
.featHead {
background : #ddd;
color : #777;
font-family : "Roboto Condensed", sans-serif;
font-weight : 400;
font-variant : small-caps;
padding : 3px 10px;
text-transform : capitalize;
}
.postContent h1 {
color : #c50c26;
font-weight : 700;
font-size : 26px;
margin : 15px 0;
}
.postContent h1 a {
color : #c50c26;
text-decoration : none;
}
.postContent h2 {
color : #FFFCE2;
font-weight : 700;
background-color : #8C0C0C;
font-size : 24px;
margin : 15px 0;
padding : 10px;
}
.postContent h2 a {
color : #c50c26;
}
.postContent h3 {
color : #194e90;
font-weight : 700;
font-size : 22px;
margin : 15px 0;
text-decoration : underline;
}
.postContent h4 {
color : #3d2775;
font-weight : 700;
font-size : 18px;
margin : 15px 0;
text-decoration : underline;
}
.postContent h5 {
color : #10271b;
font-weight : 700;
font-size : 16px;
margin : 15px 0;
}
.postContent ul, .postContent ol {
margin : 15px 0;
padding-left : 40px;
}
.postContent p, p {
margin : 10px 0;
}
.postContent blockquote,
.postContent_page blockquote {
    background : #fbfbcb;
    border : #b5b5b5 solid 1px;
    font-weight : 400;
    line-height : 20px;
    margin : 0 0 20px;
    padding : 0 20px 0 40px;
    overflow-wrap : break-word;
}
.postContent_page blockquote {
    font-family : "Roboto Condensed", sans-serif;
}

.postContent blockquote a {
color : red;
font-weight : 700;
line-height : 30px;
}
.postContent blockquote a:hover {
color : #388526;
}

.postContent_page blockquote a {
color : red;
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
line-height : 18px;
}
.footer_all {
background-image : url(https://www.9minecraft.net/images/menu_bg.gif);
background-color : #f3f4f8;
}

.open-menu {
  position: absolute;
  width: 50px;
  height: 22px;
  cursor: url(./img/hand.png), pointer;
  margin: auto;
  top: 0;
  left: -15px;
  bottom: 0;
  z-index: 9999;
  display: none;
}

.close-menu {
  position: absolute;
  width: 50px;
  height: 16px;
  cursor: url(./img/hand.png), pointer;
  margin: auto;
  top: 0;
  left: -15px;
  bottom: 0;
  z-index: 999999;
  display: none;
}

.open-menu .item {
  position: absolute;
  display: block;
  font-size: 0;
  width: 26px;
  height: 1.5px;
  background-color: #000;
  margin: auto;
  left: 0;
  right: 0;
  border-radius: 1px;
  transition: all 0.3s ease;
}

.open-menu.toggle-active .item {
  background-color: #861023;
}

.open-menu .item-1 { top: 2px; }
.open-menu .item-2 { top: 10px; }
.open-menu .item-3 { top: 18px; }

.noscroll {
  overflow: hidden;
}

.page-wrap-offcanvas {
  position: relative;
}

.off-canvas {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 45px;
  left: -100%;
  padding: 20px 0;
  background-color: #FFF;
  z-index: 99;
  overflow-y: auto;
}

.off-canvas-active .off-canvas {
  left: 0;
}

.page-wrap-offcanvas.off-canvas-active:after {
  content: "";
  background-color: rgb(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
}


.list-post {
background-color : #f3f4f8;
}

.mine-banner {
  text-align: center;
  padding: 10px 0;
  overflow: hidden;
}
.mine-banner a {
    margin: 0 auto;
}
.mine-banner .banner-left, 
.mine-banner .banner-right {
  display: inline-block;
}
.mine-banner .banner-right {
  margin-top: 34px;
}
.mine-banner.mobile-show {
  display: none;
  text-align: center;
}
.mine-banner.desktop-show {
  display: block;
  text-align: center;
}
.footer_all .footer-bottom {
padding : 0;
color : #fff;
}
.footer_all .footer-bottom .widget {
text-align : center;
margin: 0;
}
.footer_all .footer-bottom a {
font-size : inherit;
color : inherit;
font-weight : bold;
}
.footer-bottom ul {
list-style : none;
}
.footer-bottom .widget_nav_menu li {
display : inline-block;
font-size : 15px;
margin-right : 20px;
line-height : 1.8;
}


@media only screen and (min-width: 660px) {
  .mine-banner .banner-left, 
  .mine-banner .ads-bottom {
    display: inline-block;
    text-align: center;
  }
  .mine-banner .bottom {
    min-width: 660px;
  }
  .mine-banner.mobile-show {
    display: none;
  }
  .mine-banner.desktop-show {
    display: block;
    text-align: center;
  }
  .mine-banner.top {
    display: block;
  }
}
@media (max-width: 767px) {

.post_view .view-count {
        font-size: 26px;
    }
    .post_view .view-label {
        font-size: 14px;
    }
.header-inner {
box-shadow : 0 3px 2px -2px rgb(0 0 0 / 15%);
background : #FFF;
}

.postContent img {
max-width : 100%;
height : auto;
}
}
@media (max-width: 992px) {
  body {
    padding-top: 0;
  }
  .header-logo {
    padding: 0;
	margin: 0;
  }

.header-slogan {
display : none;
}

.postContent img {
max-width : 100%;
height : auto;
}

}
@media (max-width: 480px) {
.mine-banner.mobile-show {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.mine-banner.mobile-show a {
    margin: 0 auto;
}
.mine-banner.desktop-show {
display: none;
}
.thumbindex img {
    max-width : 100%;
    height : auto;
}

.list-post .item {
padding-right : 10px;
}
.list-post .item .post-view {
position : initial;
text-align : left;
}
.item .thumbindex {
float : none;
margin-bottom : 10px;
}
.list-post .item {
padding-top : 10px;
padding-bottom : 3px;
}

}
.embed-responsive.embed-responsive-16by9 {
padding-top : 56.25%;
}
.embed-responsive {
position : relative;
display : block;
height : 0;
padding : 0;
overflow : hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
position : absolute;
top : 0;
bottom : 0;
left : 0;
width : 100%;
height : 100%;
border : 0;
}
.grid-post .item {
list-style : none;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
border-bottom : 1px solid #e3e3e3;
margin-bottom : 10px;
}

.grid-post {
overflow : hidden;
margin : 0 -10px;
}
@media screen and (min-width: 480px) {
.list-post .item .content-preview {
overflow : hidden;
}

.grid-post ul:after {
content : " ";
display : block;
height : 0;
visibility : hidden;
}
.grid-post .item {
margin-bottom : 10px;
width : 50%;
float : left;
border-bottom : 0;
}
.grid-post-3 .item {
width : 50%;
}
.grid-post-3 .item:nth-of-type(2n+1) {
clear : both;
}
.grid-post-2 .item:nth-of-type(2n+3) {
clear : both;
}
.grid-post-4 .item:nth-of-type(4n+5) {
clear : both;
}
.grid-post img {
max-width : 100%;
height : auto;
}

.grid-post .content-preview {
clear : left;
}
}
@media screen and (min-width: 768px) {
.grid-post-3 .item {
width : 33.33%;
clear : none !important ;
}
.grid-post-3 .item:nth-of-type(3n+1) {
clear : both !important ;
}
}
.menu-item-has-children > a:after {
content : "\f107";
font : normal normal normal 14px/1 FontAwesome;
margin-left : 8px;
}

.off-canvas-active .menu-item-has-children > a:after {
display : none;
}
.content-preview .contentlimit {
margin-bottom : 6px;
}

#stickyunit {
position: sticky;
top: 0;
}
.alignleft {
float : left;
margin : 0.375em 1.75em 1.75em 0;
}
.alignright {
float : right;
margin : 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear : both;
display : block;
margin : 0 auto 1.75em;
}

.date_time {
color : #535353;
font-family : "Roboto Condensed", sans-serif;
font-weight : 400;
font-size : 14px;
}
.d-flex {
display : flex !important ;
}
.align-items-center {
align-items : center !important ;
}
.justify-content-between {
justify-content : space-between !important ;
}

.screen-reader-text {
border : 0;
clip-path : inset(100%);
height : 1px;
margin : -1px;
overflow : hidden;
padding : 0;
position : absolute;
width : 1px;
overflow-wrap : normal !important ;
white-space : nowrap;
}

#ez-toc-container a {
font-weight : 700;
}

.mobile-menu-extra {
font-family : "Roboto Condensed", sans-serif;
color : #000;
font-weight : 400;
font-size : 20px;
padding : 10px;
}

.warning {
background-color : #FF0000;
color : #FFFFFF;
font-size : 24px;
text-transform : uppercase;
}

.search-form {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
    background: #fff;
    overflow: hidden;
}
.search-field {
    flex: 1;
    padding: 8px 12px;
    height: 38px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-family : "Roboto", sans-serif;
    font-size: 16px;
	font-weight: bold;
	background: #fff;
}
.search-field:focus {
    outline: none;
}
.search-submit {
    padding: 6px 16px;
    height: 36px;
    background: var(--accent-color);
    color: #fff;
    border: none;
    border-radius: 0;   
    cursor: url(./img/hand.png), pointer;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    transition: background 0.3s;
}
.search-submit:hover {
    background: #0056b3;
}
.header-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.header-right ul,
.header-right li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.result-card {
    background: white;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
    animation: fadeIn 0.5s ease-in-out;
}

.result-card:hover {
    transform: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.card-thumbnail img {
    width: 100%;
    height: auto;       
    object-fit: contain; 
    display: block;
}

.card-content {
    padding: 5px;
}

.card-content h2 {
    font-size: 1.2em;
    margin: 0 0 10px;
}

.card-title a {
font-family : "Oswald", sans-serif;
font-weight : 500;
font-size : 24px;
line-height : 1.5;
text-decoration : none;
color : #004175;
}
.card-title {
margin-bottom : 5px;
}
.card-title a:hover {
color : #d90202;
}

.excerpt {
    color: #666;
    font-size: 0.9em;
}

.meta {
    font-size: 0.8em;
    color: #999;
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}


@media (prefers-color-scheme: dark) {
    .result-card {
        background: #333;
        color: white;
    }
    .excerpt { color: #ccc; }
    .meta { color: #aaa; }
}


@media (max-width: 600px) {
    .results-grid {
        grid-template-columns: 1fr;
    }
}

.header-right .search-form {
	flex: 1 1 auto;
	max-width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    position: static;
    margin-left: 20px;   
    padding: 0;
    background: #fff;
    border: 1px solid #9f9f9f;
    border-radius: 5px;
    overflow: hidden; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.08); 
    transition: border-color 0.3s, box-shadow 0.3s;
}
.header-right .search-form:focus-within {
    border-color: var(--accent-color);
    box-shadow: 0 0 5px rgba(0,123,255,0.3);
}
.header-right .search-form .search-field {
    flex: 1;
    padding: 8px 12px;
    height: 44px;
    border: none;
    outline: none;
    font-family : "Roboto", sans-serif;
    font-size: 16px;
	font-weight: bold;
	background: #fff;
}
.header-right .search-form .search-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #9f9f9f;
    background: var(--accent-color);
    cursor: pointer;
}
.header-right .search-form .search-submit img {
    width: 22px;
    height: 22px;
    display: block;
}

.header-right .search-form .search-submit:hover {
    background: #0056b3;
}

@media (min-width: 992px) {
.header-left {
    display: block !important;
}
    .header-right {
        flex: 1 !important; 
        width: 100% !important;
        margin-left: 15px;
        padding: 0;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 1;
    }

    .header-right .widget_wgs_widget {
        display: block;
    }

    .header-right .search-form {
        flex: 1; 
        max-width: 100%;
        display: flex;
        align-items: center;
		border: 1px solid #9f9f9f;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.08);
        background: #fff;
        overflow: hidden;
    }

    .header-right .search-form .search-field {
        flex: 1;
        padding: 8px 30px 8px 5px;
        height: 38px;
        border: none;
        outline: none;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: bold;
		background: #fff;
    }

    .header-right .search-form .search-submit {
        flex: 0 0 80px;
        width: 80px;
        height: 38px;
        padding: 0;
		border: 1px solid #9f9f9f;
        background: var(--accent-color);
        color: #fff;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        transition: background 0.3s;
    }

    .header-right .search-form .search-submit:hover {
        background: #0056b3;
    }
}


.search-form-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
}

.search-form-wrapper .search-form {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
    background: #fff;
    overflow: hidden;
}

.search-form-wrapper .search-field {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
    border: none;
    outline: none;
	background: #fff;
}

.search-form-wrapper .search-submit {
    flex: 0 0 80px;
    width: 80px;
    height: 38px;
    padding: 0;
    border: none;
    border-left: 1px solid #ccc;
    background: var(--accent-color);
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    transition: background 0.3s;
}

.search-form-wrapper .search-submit:hover {
    background: #0056b3;
}

@media (max-width: 991px) {
	.header-left {
    display: none;
}
    .header-right .search-form {
        display: none !important;
    }
    
    .header-logo-container {
        flex: 0 0 auto;
        text-align: center; 
    }
    
    .logo-mobile {
        width: 200px;
        height: auto;
        display: block;
        margin: 0 auto;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
       
    .open-menu {
        display: flex;
        flex-direction: column;
        justify-content: space-between; 
        cursor: url(./img/hand.png), pointer;
    }
    

    .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }

    .header-logo .container-fluid .d-flex {
        align-items: center;
        justify-content: flex-start;
    }

}
@media (max-width: 991px) {
    .mobile-search {
        display: block;
		margin: 10px 0;  
		max-width: 100%; 
        text-align: left;
    }
    .mobile-search .search-form {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 auto;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.08);
        background: #fff;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .mobile-search .search-field {
        flex: 1 1 auto;
        width: 100% !important;
        max-width: none !important;
        padding: 8px 30px 8px 5px;
        height: 38px;
        border: none;
        outline: none;
        font-family : "Roboto", sans-serif;
        font-size: 16px;
		font-weight: bold;
		background: #fff;
		-webkit-appearance: none;
    }
.mobile-search .search-submit {
    flex: 0 0 80px;
    width: 80px;
    height: 38px;
    padding: 0;
    border: 1px solid #9f9f9f;
    border-left: 1px solid #ccc;
    background: var(--accent-color);
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    transition: background 0.3s;

    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile-search .search-submit:hover {
    background: #0056b3;
}
.mobile-search .search-submit img {
    width: 22px;
    height: 22px;
    display: block;
}
}


.clear-search {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: url(./img/hand.png), pointer;
    font-size: 16px;
    color: #666;
	display: none;
    z-index: 10;
}
.clear-search:hover {
    color: #000;
}


@media (max-width: 991px) {
    .clear-search {
        right: 8px;
    }
}


@media (min-width: 992px) {
    .mobile-search {
        display: none !important;
    }
}
.search-input-wrapper {
    position: relative;
	display: flex;
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
    display: none;
}
.search-field::placeholder {
    font-weight: bold;
    color: #bababa;
}
.show-more-btn {
    margin: 20px auto 0;
    display: block;
    padding: 10px 22px;
    border: none;
    background: linear-gradient(135deg, #6d214f, #b33771);
    color: #fff;
    border-radius: 6px;
    cursor: url(./img/hand.png), pointer;
    font-weight: 600;
    font-size: 14px;
    transition: background 0.3s ease, transform 0.2s ease;
}

.show-more-btn:hover {
    background: linear-gradient(135deg, #541f42, #833471);
    transform: translateY(-2px);
}


.related-heading {
	font-family : "Oswald", sans-serif;
    font-size: 22px;
    color: #861023;
    margin: 20px 0 15px;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 2px solid #ddd;
    padding-bottom: 8px;
}
.avatar {
    border-radius: 50% !important;
    object-fit: cover;
    border: 2px solid #ddd;
}


@media (min-width: 992px) {
    .results-grid {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .result-card {
        display: grid;
        grid-template-columns: minmax(200px, 300px) 1fr minmax(140px, 180px);
        gap: 10px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        padding: 8px;
    }

    .result-card .card-thumbnail img {
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 5px;
        display: block;
    }

    .result-card .card-content {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .result-card .card-title {
        margin: 0;
    }

    .result-card .card-title a {
		font-family : "Oswald", sans-serif;
		font-weight : 500;
		font-size : 22px;
        color: #004175;
        text-decoration: none;
    }

    .result-card .card-title a:hover {
        color: #d90202;
    }

    .result-card .excerpt {
        color: #666;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        margin: 0;
    }

    .result-card .post_all_info {
        display: flex;
        flex-direction: column;
        gap: 6px;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 14px;
    }

    .result-card .post_all_info > * {
        display: flex;
        align-items: center;
        gap: 6px;
        padding-left: 30px;
    }

    .result-card .post_view {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
    }

    .result-card .view-count {
        font-size: 26px;
        font-weight: 700;
        color: #8b1a1a;
    }

    .result-card .view-label {
        font-size: 14px;
        color: #8b1a1a;
    }

    .result-card .post_comments {
        color: #475FAE;
        font-weight: 700;
        text-decoration: none;
    }

    .result-card .post_comments:hover {
        color: #d90202;
        text-decoration: underline;
    }

    .result-card .date_time,
    .result-card .post_author {
        color: #535353;
    }

    .result-card .post_view img,
    .result-card .post_comments img,
    .result-card .date_time img,
    .result-card .post_author img {
        width: 24px;
        height: 24px;
        margin-right: 6px;
        flex-shrink: 0;
    }
}


@media (max-width: 991px) {
    .results-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 20px;
    }

    .result-card {
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        padding: 15px;
    }

    .result-card .card-thumbnail img {
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 5px;
    }

    .result-card .card-content {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .result-card .post_all_info {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 10px;
    }

    .result-card .post_all_info > * {
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .result-card {
        display: flex;
        flex-direction: column;
        gap: 15px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        padding: 10px;
    }

    .result-card .card-thumbnail {
        width: 100%;
        max-width: 300px; 
    }

    .result-card .card-thumbnail img {
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 5px;
        display: block;
    }

    .result-card .card-content {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .result-card .card-title {
        margin: 0;
    }

    .result-card .card-title a {
		font-family : "Oswald", sans-serif;
		font-weight : 500;
		font-size : 22px;
        color: #004175;
        text-decoration: none;
    }

    .result-card .card-title a:hover {
        color: #d90202;
    }

    .result-card .post_all_info {
        display: flex;
        flex-direction: column;
        gap: 6px;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 14px;
    }

    .result-card .post_all_info > .d-flex {
        display: flex;
        align-items: center;
        gap: 15px; 
        padding-left: 0; 
    }

    .result-card .post_view {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
    }

    .result-card .view-count {
        font-size: 26px;
        font-weight: 700;
        color: #8b1a1a;
    }

    .result-card .view-label {
        font-size: 14px;
        font-weight: 400; 
        color: #8b1a1a;
    }

    .result-card .post_comments {
        color: #475FAE;
        font-weight: 700;
        text-decoration: none;
    }

    .result-card .post_comments:hover {
        color: #d90202;
        text-decoration: underline;
    }

    .result-card .date_time,
    .result-card .post_author {
        color: #535353;
    }

    .result-card .post_view img,
    .result-card .post_comments img,
    .result-card .date_time img,
    .result-card .post_author img {
        width: 24px;
        height: 24px;
        margin-right: 6px;
        flex-shrink: 0;
    }

    .result-card .excerpt {
        color: #666;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        margin: 0;
    }

    .results-grid.grid-post-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .results-grid.grid-post-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .results-grid.grid-post-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
}

@media (max-width: 600px) {
    .result-card {
        padding: 5px;
    }
    .results-grid {
        gap: 8px;
    }
}

@media (min-width: 992px) {
    .archive-2025 .results-grid {
        display: flex;
        flex-direction: column;
        gap: 5px; 
    }

    .archive-2025 .result-card {
        display: grid;
        grid-template-columns: 300px 1fr minmax(140px, 180px);
        gap: 5px;
        background: #fff;
        border-radius: 6px;
        padding: 8px;
        align-items: start;
    }
	.archive-2025 .result-card:hover {
        transform: none;
    }

    .archive-2025 .result-card .card-thumbnail {
        width: 300px;
        align-self: start;
    }

    .archive-2025 .result-card .card-thumbnail img {
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 5px;
        display: block;
    }

    .archive-2025 .result-card .card-content {
        display: flex;
        flex-direction: column;
        gap: 8px; 
        align-self: start; 
		padding-top: 0;
    }
.archive-2025 .result-card .card-content > *:first-child {
        margin-top: 0;
    }
    .archive-2025 .result-card .card-title {
        margin: 0;
    }

    .archive-2025 .result-card .card-title h2 {
	margin: 0;
	padding: 0;
	line-height: 1.2;
        font-family: "Oswald", sans-serif;
        font-weight: 500;
        font-size: 22px;
        color: #004175;
    }

    .archive-2025 .result-card .card-title a {
		margin-top: 0;
        font-family: "Oswald", sans-serif;
        font-weight: 500;
        font-size: 22px;
        color: #004175;
        text-decoration: none;
    }

    .archive-2025 .result-card .card-title a:hover {
        color: #d90202;
    }

    .archive-2025 .result-card .excerpt {
        color: #666;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        margin: 0;
    }


    .archive-2025 .result-card .post_all_info {
        display: flex;
        flex-direction: column;
        gap: 8px; 
        font-family: "Roboto Condensed", sans-serif;
        font-size: 14px;
        align-self: start; 
    }

    .archive-2025 .result-card .post_view {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .archive-2025 .result-card .view-count {
        font-size: 26px;
        font-weight: 700;
        color: #8b1a1a;
    }

    .archive-2025 .result-card .view-label {
        font-size: 14px;
        font-weight: 400;
        color: #8b1a1a;
    }

    .archive-2025 .result-card .post_comments {
        color: #475FAE;
        font-weight: 700;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .archive-2025 .result-card .post_comments:hover {
        color: #d90202;
        text-decoration: underline;
    }

    .archive-2025 .result-card .date_time,
    .archive-2025 .result-card .post_author {
        color: #535353;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .archive-2025 .result-card .post_view img,
    .archive-2025 .result-card .post_comments img,
    .archive-2025 .result-card .date_time img,
    .archive-2025 .result-card .post_author img {
        width: 24px;
        height: 24px;
        margin-right: 6px;
        flex-shrink: 0;
    }
.mobile-search-toggle,
.mobile-search {
    display: none;
}
}

@media (max-width: 991px) {
    .logo-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0 10px 0 0;
    }
.mobile-search-toggle {
  position: absolute;
  right: 10px;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  cursor: url(./img/hand.png), pointer;
  padding: 5px;
  transition: filter 0.3s ease;
  flex-shrink: 0;
  order: 2;
  background: none;
  border: none;
  outline: none;
}

.mobile-search-toggle:focus,
.mobile-search-toggle:active {
  outline: none;
  box-shadow: none;
}

    .mobile-search-toggle img.search-icon {
        width: 24px;
        height: 24px;
        display: block;
    }
    .mobile-search-toggle:hover img.search-icon {
        filter: brightness(0) saturate(100%) invert(18%) sepia(93%) saturate(5236%) hue-rotate(356deg) brightness(89%) contrast(118%);
    }
    .logo-mobile a {
        flex-grow: 1;
        text-align: center;
    }
    .logo-mobile a img {
        max-width: 200px;
        height: auto;
    }
    .open-menu {
        flex-shrink: 0;
        order: -2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        cursor: url(./img/hand.png), pointer;
        padding: 5px; 
    }
    .open-menu .item {
        width: 24px;
        height: 3px;
        background-color: #404759;
        transition: background-color 0.3s ease;
    }
    .open-menu:hover .item {
        background-color: #d90202;
    }
.search-form-wrapper.mobile-search {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 1000;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.25s ease, opacity 0.25s ease;
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}
.search-form-wrapper.mobile-search.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

    .search-field {
        width: 100%;
        padding: 8px;
        border: none;
        border-radius: 5px;
        font-size: 14px;
        outline: none;
		background: #fff;
    }
    .search-form {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .search-input-wrapper {
        flex-grow: 1;
        position: relative;
    }

    .search-submit {
        padding: 8px 15px;
        background: #007bff;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: url(./img/hand.png), pointer;
        font-size: 14px;
    }
    .search-submit:hover {
        background: #0056b3;
    }
}

.archive-sorting-wrapper {
    display: flex;
    justify-content: flex-end;
    margin: 20px 0;
	padding-left: 0;
}

.archive-sorting-form {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f9fafb;
    padding: 10px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    font-family: system-ui, sans-serif;
    transition: all 0.25s ease-in-out;
}

.archive-sorting-form:hover {
    background: #f3f4f6;
    border-color: #d1d5db;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.archive-sorting-label {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
}

.archive-sorting-select {
    font-size: 14px;
    padding: 6px 10px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: white;
    cursor: url(./img/hand.png), pointer;
    transition: border-color 0.2s, box-shadow 0.2s, color 0.2s;
    color: #111827;
    font-weight: 600;
}

.archive-sorting-select:hover {
    border-color: #9ca3af;
}

.archive-sorting-select:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.2);
    outline: none;
}

.archive-sorting-select option {
    font-weight: normal;
    color: #374151;
    padding: 8px 12px;
    cursor: url(./img/hand.png), pointer;
    border-bottom: 1px solid #eee;
}

.archive-sorting-select option:last-child {
    border-bottom: none;
}

.archive-sorting-select option:hover {
    background-color: #f3f4f6;
}

.archive-sorting-select option:checked,
.archive-sorting-select option[selected] {
    color: #111827;
    font-weight: 600;
}
.archive-search {
    margin: 20px 0;
    text-align: center;
}

.archive-search .search-form {
    max-width: 600px;
    margin: 0 auto;
}


option.trending-option {
        font-weight: bold;
        color: red;
}


.posttags {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.posttags-label {
    font-weight: bold;
    font-size: 20px;
    margin-right: 10px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
}

.posttags a {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
}

.posttags a::before {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    content: "";
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
}

.posttags a::after {
    background: #fff;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #eee;
    border-top: 13px solid transparent;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
}

.posttags a:hover {
    background-color: crimson;
    color: white;
}

.posttags a:hover::after {
    border-left-color: crimson;
}

@media (max-width: 768px) {
    .posttags {
        max-height: 180px;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
        -webkit-mask-repeat: no-repeat;
        mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
        mask-repeat: no-repeat;
        transition: max-height 0.4s ease, -webkit-mask-image 0.4s ease;
    }

    .posttags.expanded {
        max-height: none;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .show-more-wrapper {
		text-align: center;
		margin-top: 10px;
    }

.show-more {
    display: inline-block;
    padding: 6px 16px;
    border: none;
    background: linear-gradient(135deg, #00b894, #0984e3);
    color: #fff;
    border-radius: 30px;
    cursor: url(./img/hand.png), pointer;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.3s ease;
}

.show-more:hover {
    background: linear-gradient(135deg, #00cec9, #74b9ff);
    transform: translateY(-2px);
}
}

@media (min-width: 769px) {
    .show-more-wrapper {
        display: none;
    }
}

.comment-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 8px;
}

.comment-like-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 0;
  border-radius: 999px;
  background: #f2f4f7;
  font-weight: 600;
  cursor: url(./img/hand.png), pointer;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

.comment-like-btn .like-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url('img/heart.png') no-repeat center;
  background-size: contain;
  line-height: 1;
}

.comment-like-btn:hover { transform: translateY(-1px); }
.comment-like-btn:active { transform: translateY(0); }

.comment-like-btn.is-liked {
  background: #ffeef5;
}

.comment-like-btn[aria-pressed="true"] .like-icon {
  transform: scale(1.1);
}

.comment-respond {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 14px 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  margin-top: 20px;
}

.comment-reply-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1rem;
  margin-bottom: 12px;
  transition: border-color 0.3s, box-shadow 0.3s;
}

#commentform textarea {
  height: 120px; 
  min-height: 120px;
  max-height: 300px;
  resize: vertical;
}

#commentform input:focus,
#commentform textarea:focus {
  border-color: #007bff;
  box-shadow: 0 0 6px rgba(0,123,255,0.3);
  outline: none;
}

#commentform input[type="submit"] {
  background: #007bff;
  color: #fff;
  border: none;
  padding: 12px 24px;
  font-size: 1rem;
  border-radius: 8px;
  cursor: url(./img/hand.png), pointer;
  transition: background 0.3s;
}

#commentform input[type="submit"]:hover {
  background: #0056b3;
}

.comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.comment-list li > .comment-body {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 14px;
}

.comment-main {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}

.comment-list li.by-current-user .comment-main {
  align-items: flex-end;
}

.comment-list .comment-author {
  flex: 0 0 100px;
  width: 100px;
}
.comment-list .comment-author .comment-avatar,
.comment-list .comment-author img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 2px solid #e9ecef;
}

.comment-list .comment-author .fn {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #555;
  white-space: normal;
  word-wrap: break-word;
}

.comment-list li:not(.by-current-user) .comment-content,
.comment-list li.by-current-user .comment-content {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  min-width: 160px;
  max-width: calc(100% - 70px);
  padding: 6px 12px;
  background: #fff;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 12px;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.comment-main {
  flex: 1;
}

.comment-actions {
  align-self: flex-start;
}

.comment-list li:not(.by-current-user) .comment-content {
  margin-left: 12px;
  margin-right: 0;
}

.comment-list li:not(.by-current-user) .comment-content::before {
  content: "";
  position: absolute;
  top: 16px;
  left: -12px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent #ddd transparent transparent;
}

.comment-list li:not(.by-current-user) .comment-content::after {
  content: "";
  position: absolute;
  top: 16px;
  left: -11px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}

.comment-list li.by-current-user .comment-content {
  margin-left: 0;
  margin-right: 12px;
}

.comment-list li.by-current-user .comment-content::before {
  content: "";
  position: absolute;
  top: 16px;
  right: -12px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent transparent #ddd;
}

.comment-list li.by-current-user .comment-content::after {
  content: "";
  position: absolute;
  top: 16px;
  right: -11px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

.comment-list li.by-current-user > .comment-body {
  flex-direction: row-reverse; 
}

.comment-list li.bypostauthor .comment-content {
  box-shadow: 0 0 0 2px rgba(0,123,255,0.15) inset;
}

.comment-list .comment-meta,
.comment-list .comment-reply {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  opacity: 0.8;
  margin-top: 6px;
}
.comment-list .comment-reply a {
  text-decoration: none;
}

.comment-list .children {
  margin-top: 8px;
  margin-left: 56px;  
  list-style: none;
  padding-left: 0;
}

.comment-list li.by-current-user > .children {
  margin-left: 0;
  margin-right: 56px;
}

.comment-list .children {
  margin-top: 12px;
  margin-left: 56px;  
  list-style: none;
  padding-left: 16px;
  border-left: 2px solid #e0e0e0;
  position: relative;
}

.comment-list .children > li::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 20px;
  width: 16px;
  height: 2px;
  background: #e0e0e0;
}

.comment-list li.by-current-user > .children {
  margin-left: 0;
  margin-right: 56px;
  padding-left: 0;
  padding-right: 16px;
  border-left: none;
  border-right: 2px solid #e0e0e0;
}

.comment-list li.by-current-user > .children > li::before {
  left: auto;
  right: -2px;
}

@media (max-width: 600px) {
  .comment-list .comment-content {
    max-width: 90%;
  }

  .card-title a {
    font-size: 20px;
  }
}

.comment-reply-to {
  display: block;
  width: 100%;
  font-size: 12px;             
  color: #555;
  margin-bottom: 6px;
  padding: 6px 10px;
  background: #f8f9fa;
  border-left: 4px solid var(--accent-color, #007bff);
  border-radius: 4px;
  font-style: italic;
  line-height: 1.3;
}


.comment-reply-title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.comment-reply-title small a {
  color: red;
  margin-left: 10px;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
}

.post_comments {
  color: #475FAE;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  text-decoration: none;
  transition: color 0.3s;
}

.post_comments:hover {
  color: #d90202;   
  text-decoration: underline;
}

.comment-reply-to i.fa-reply {
  margin-right: 8px;
  color: var(--accent-color, #007bff);
}
.comment-reply-to .reply-excerpt {
  color: #666;
  font-size: 0.9em;
  margin-left: 5px;
}
.in-reply-to {
  font-size: 0.9em;
  color: #888;
  margin-left: 10px;
}

.comment-actions a {
  font-size: 13px;
  font-weight: normal;
  color: #555;
  padding: 4px 8px;
  border-radius: 6px;
  background: #f2f4f7;
  transition: background 0.2s;
}
.comment-actions a:hover {
  background: #e9ecef;
  color: #222;
  text-decoration: none;
}

.comment-pagination-wrapper {
    margin: 20px 0;
    text-align: left;
    clear: both;
    position: relative;
}

.comment-pagination-wrapper::before {
    content: "💬 Comment Page:";
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: #2e7d32;
    margin-bottom: 6px;
    font-family: "Roboto Condensed", sans-serif;
}

.comment-pagination {
    display: inline-block;
}

.comment-pagination .page-numbers {
    display: inline-block;
    margin: 3px 6px 3px 0;
    padding: 7px 13px;
    font-size: 14px;
    color: #2e2e2e;
    text-decoration: none;
    border: 1px solid #c8e6c9;
    border-radius: 6px;
    background: #ffffff;
    transition: all 0.2s ease;
    font-family: "Roboto", sans-serif;
}

.comment-pagination .page-numbers:hover {
    background: #43a047;
    border-color: #388e3c;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

.comment-pagination .page-numbers.current {
    background: #2e7d32;
    border-color: #2e7d32;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}

/* Comment Header */
.comment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 30px 0 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e2e2e2;
}

.comment-header-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}

.comment-title {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #222;
  margin: 0;
  line-height: 1.2;
  position: relative;
}

.comment-title::after {
  content: "";
  display: block;
  height: 3px;
  width: 40px;
  background: linear-gradient(90deg, #861023, #d63447);
  margin-top: 6px;
  border-radius: 2px;
}

.comment-sort-form {
  margin-left: auto;
}

.comment-sort-form select {
  padding: 6px 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  cursor: url(./img/hand.png), pointer;
}

.mod-type,
.result-card .mod-type,
.archive-2025 .result-card .mod-type {
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.archive-2025 .result-card .mod-type {
    margin-top: 8px;
}

.mod-type-label,
.result-card .mod-type-label,
.archive-2025 .result-card .mod-type-label {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #475FAE;
    margin-right: 4px;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.mod-type-btn,
.result-card .mod-type-btn,
.archive-2025 .result-card .mod-type-btn {
    background: transparent;
    border: 1px solid #b80707;
    border-radius: 5px;
    padding: 3px 8px;
    cursor: url(./img/hand.png), pointer;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #b80707;
    line-height: 1.5;
}

.mod-type-btn a {
    color: #b80707;
    font-size: 14px;
    font-weight: 600;
}

.mod-type-btn:hover,
.archive-2025 .result-card .mod-type-btn:hover {
    background: #b80707;
    color: #fff;
}

.mod-type-btn:hover a,
.archive-2025 .result-card .mod-type-btn:hover a {
    color: #fff;
}

.map-type,
.result-card .map-type,
.archive-2025 .result-card .map-type {
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.archive-2025 .result-card .map-type {
    margin-top: 8px;
}

.map-type-label,
.result-card .map-type-label,
.archive-2025 .result-card .map-type-label {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #475FAE;
    margin-right: 4px;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.map-type-btn,
.result-card .map-type-btn,
.archive-2025 .result-card .map-type-btn {
    background: transparent;
    border: 1px solid #2e7d32;
    border-radius: 5px;
    padding: 3px 8px;
    cursor: url(./img/hand.png), pointer;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #2e7d32;
    line-height: 1.5;
    transition: all 0.2s ease-in-out;
}

.map-type-btn a {
    color: #2e7d32;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.map-type-btn:hover,
.archive-2025 .result-card .map-type-btn:hover {
    background: #2e7d32;
    color: #fff;
}

.map-type-btn:hover a,
.archive-2025 .result-card .map-type-btn:hover a {
    color: #fff;
}

.resource-pack-type,
.result-card .resource-pack-type,
.archive-2025 .result-card .resource-pack-type {
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.archive-2025 .result-card .resource-pack-type {
    margin-top: 8px;
}

.resource-pack-type-label,
.result-card .resource-pack-type-label,
.archive-2025 .result-card .resource-pack-type-label {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #475FAE;
    margin-right: 4px;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.resource-pack-type-btn,
.result-card .resource-pack-type-btn,
.archive-2025 .result-card .resource-pack-type-btn {
    background: transparent;
    border: 1px solid #1565c0;
    border-radius: 5px;
    padding: 3px 8px;
    cursor: url(./img/hand.png), pointer;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #1565c0;
    line-height: 1.5;
    transition: all 0.2s ease-in-out;
}

.resource-pack-type-btn a {
    color: #1565c0;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.resource-pack-type-btn:hover,
.archive-2025 .result-card .resource-pack-type-btn:hover {
    background: #1565c0;
    color: #fff;
}

.resource-pack-type-btn:hover a,
.archive-2025 .result-card .resource-pack-type-btn:hover a {
    color: #fff;
}

.plugin-server-platforms,
.result-card .plugin-server-platforms,
.archive-2025 .result-card .plugin-server-platforms {
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.archive-2025 .result-card .plugin-server-platforms {
    margin-top: 8px;
}

.plugin-server-platforms-label,
.result-card .plugin-server-platforms-label,
.archive-2025 .result-card .plugin-server-platforms-label {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #475FAE;
    margin-right: 4px;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.plugin-server-platforms-btn,
.result-card .plugin-server-platforms-btn,
.archive-2025 .result-card .plugin-server-platforms-btn {
    background: transparent;
    border: 1px solid #D35400;
    border-radius: 5px;
    padding: 3px 8px;
    cursor: url(./img/hand.png), pointer;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #D35400;
    line-height: 1.5;
    transition: all 0.2s ease-in-out;
}

.plugin-server-platforms-btn a {
    color: #D35400;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.plugin-server-platforms-btn:hover,
.archive-2025 .result-card .plugin-server-platforms-btn:hover {
    background: #D35400;
    color: #fff;
}

.plugin-server-platforms-btn:hover a,
.archive-2025 .result-card .plugin-server-platforms-btn:hover a {
    color: #fff;
}

.client-types,
.result-card .client-types,
.archive-2025 .result-card .client-types {
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.archive-2025 .result-card .client-types {
    margin-top: 8px;
}

.client-types-label,
.result-card .client-types-label,
.archive-2025 .result-card .client-types-label {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #475FAE;
    margin-right: 4px;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.client-types-label a,
.result-card .client-types-label a,
.archive-2025 .result-card .client-types-label a {
    color: #2E1A47;
    text-decoration: none;
    font-weight: 700;
}

.client-types-btn,
.result-card .client-types-btn,
.archive-2025 .result-card .client-types-btn {
    background: transparent;
    border: 1px solid #2E1A47;
    border-radius: 5px;
    padding: 3px 8px;
    cursor: url(./img/hand.png), pointer;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #2E1A47;
    line-height: 1.5;
    transition: all 0.2s ease-in-out;
}

.client-types-btn a {
    color: #2E1A47;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.client-types-btn:hover,
.archive-2025 .result-card .client-types-btn:hover {
    background: #2E1A47;
    color: #fff;
}

.client-types-btn:hover a,
.archive-2025 .result-card .client-types-btn:hover a {
    color: #fff;
}

.mobile-footer-info {
    font-family: "Inter", "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #444;
    padding: 20px;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

.mobile-footer-info .footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 16px;
    margin-bottom: 15px;
}

.mobile-footer-info .footer-links a {
    color: #104e8b;
    font-weight: 500;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.2s ease;
}

.mobile-footer-info .footer-links a:hover {
    color: #861023;
}

.mobile-footer-info .site-description {
    margin: 10px 0;
    font-size: 13px;
    color: #555;
}

.mobile-footer-info .disclaimer {
    margin: 15px 0;
    font-size: 12px;
    color: #777;
    background: #fff3f3;
    border: 1px solid #f5c2c2;
    padding: 10px;
    border-radius: 6px;
}

.mobile-footer-info .copyright {
    margin-top: 15px;
    font-size: 12px;
    text-align: center;
    color: #666;
}

.mobile-footer-info .copyright a {
    color: #104e8b;
    font-weight: 600;
    text-decoration: none;
}

.mobile-footer-info .copyright a:hover {
    color: #861023;
}

.desktop-footer-info {
    font-family: "Inter", "Segoe UI", Roboto, sans-serif;
    text-align: center;
    color: #eee;
    padding: 30px 20px;
    font-size: 14px;
    line-height: 1.7;
}

.desktop-footer-info .footer-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 20px;
}

.desktop-footer-info .footer-links a {
    color: #f1f1f1;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease;
    border-bottom: 1px solid transparent;
}

.desktop-footer-info .footer-links a:hover {
    color: #ffcc00;
    border-color: #ffcc00;
}

.desktop-footer-info .disclaimer {
    font-size: 13px;
    color: #bbb;
    margin: 6px 0;
}

.desktop-footer-info .disclaimer strong {
    color: #fff;
    font-weight: 600;
}

.desktop-footer-info .copyright {
    margin-top: 15px;
    font-size: 13px;
    color: #aaa;
}

.desktop-footer-info .copyright a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

.desktop-footer-info .copyright a:hover {
    color: #ffcc00;
}


.navigation {
  position: relative;
  height: 35px;
  margin: auto;
  top: 0;
  bottom: 0;
}

@media (max-width: 992px) {
  .navigation {
    position: absolute;
    left: 15px;
    flex: 0 0 auto;
  }
}

.menu-wrapper {
  background: #fff;
  display: block;
  margin: 20px auto 0;
  padding: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

@media (min-width: 992px) {
  .menu-wrapper {
    max-width: 100%;
    margin-top: 40px;
  }
}

@media (max-width: 991px) {
  .menu-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 10px 0;
    background: none;
    border: 0;
	margin-top: 10px;
  }
  .menu-wrapper .navlist {
    display: none;
  }
}

.navlist {
  text-align: left;
}

.navlist > li {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 8px;
  text-transform: uppercase;
}

.navlist li a {
  display: block;
  padding: 8px;
  color: #0B2B3B;
  text-decoration: none;
}

#cssmenu .navlist li:hover > a {
  color: #860B0B;
}

.site-main .navlist,
.site-main .navlist .sub-menu {
  background: #fff;
}

.site-main .navlist li a {
  color: #0B2B3B;
}

.site-main .navlist li:hover > a {
  color: #225873;
}

.page-wrap-offcanvas .navlist li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  float: none;
  text-transform: capitalize;
}

.page-wrap-offcanvas .navlist li a {
  position: relative;
  display: block;
  padding: 16px 20px;
  line-height: 22px;
}

.page-wrap-offcanvas .navlist li .sub-menu a {
  font-size: 17px;
  padding-right: 50px;
}

.page-wrap-offcanvas .navlist li a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 10px;
  right: 10px;
  height: 1px;
  background: #eee;
}

.page-wrap-offcanvas .navlist li > .sub-menu {
  position: static;
  display: none;
  min-width: 100%;
  width: 100%;
  padding-left: 15px;
  border: 0;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
}

.page-wrap-offcanvas .navlist li.sub-menu-active > .sub-menu {
  display: block;
  z-index: 9;
}

.page-wrap-offcanvas .navlist .submenu-toggle {
  position: absolute;
  top: 0;
  right: 5px;
  width: 120px;
  height: 54px;
  text-align: center;
  cursor: url(./img/hand.png), pointer;
  display: block;
  z-index: 1;
}

.page-wrap-offcanvas .navlist .submenu-toggle .fa {
  position: relative;
  left: 30px;
  font-size: 18px;
  font-weight: bold;
  line-height: 54px;
  color: #aaa;
}

.page-wrap-offcanvas .navlist li.sub-menu-active > .submenu-toggle .fa-angle-down:before {
  content: "\f106";
}

.page-wrap-offcanvas .navlist .back-mb {
  background: #333;
}

.page-wrap-offcanvas .navlist .back-mb a {
  position: relative;
  padding-left: 44px;
  line-height: 42px;
  color: #fff;
}

.page-wrap-offcanvas .navlist .back-mb a:before {
  content: "\f104";
  position: absolute;
  top: 0;
  left: 20px;
  font-family: "FontAwesome";
  font-size: 20px;
}

.page-wrap-offcanvas .navlist .back-mb a:hover {
  background: #333;
  color: #fff;
}

@media (min-width: 768px) {
  .navlist li .menu-item-has-children:hover > a:after {
    content: "\f105";
  }
}

#cssmenu > ul {
  list-style: none inside;
  margin: 0;
  padding: 0;
}

#cssmenu > ul > li {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
  list-style: none inside;
}

#cssmenu ul li > ul li {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none inside;
}

#cssmenu ul li.has-sub:hover > a {
  color: #860B0B;
  padding: 6px 0;
  z-index: 999;
}

#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
  display: block;
}

#cssmenu .sub-menu a {
  display: block;
  padding: 10px;
  margin: 0;
  font: 400 16px "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  color: #0B2B3B;
  text-decoration: none;
}

#cssmenu > ul > li > ul > li a:hover {
  background: #152209;
  font-weight: 700;
  color: #860B0B;
  text-decoration: underline;
}

#cssmenu ul ul a:hover {
  color: #860B0B;
  font-weight: 700;
  text-decoration: underline;
}

#cssmenu > ul > li.has-sub > a:hover:before {
  border-top: 5px solid transparent;
}


.sub-menu li {
  display: block;
  margin: 0;
  padding: 0;
}

.sub-menu li:hover > a {
  color: #d90202;
  background: #fff;
}

#cssmenu {
  --nav-font: "Inter", "Helvetica Neue", Arial, sans-serif;
  --nav2-font-size: 20px;
  --nav3-font-size: 16px;
  --nav3-line: 1.6rem;
  --nav3-max-lines: 20;
}

@media (min-width: 992px) {
  #cssmenu .navlist > li > a {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    font-weight: 600;
  }

  #cssmenu .navlist > li > .sub-menu {
    display: none;
    position: absolute;
    top: calc(100%);
    left: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
    padding: 18px 24px;
    z-index: 9999;
    width: max-content;
    max-width: calc(100vw - 64px);
    display: grid;
    grid-template-columns: repeat(4, max-content);
    gap: 20px 36px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px) scale(0.98);
    transition: all .28s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: var(--nav-font);
  }

  #cssmenu .navlist > li:hover > .sub-menu,
  #cssmenu .navlist > li > .sub-menu:hover {
    display: grid;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }

  #cssmenu .navlist > li > .sub-menu > li > a {
    font-weight: 600;
    font-size: var(--nav2-font-size);
    margin-bottom: 8px;
    color: #111827;
    text-transform: none;
    border-left: 3px solid transparent;
    padding-left: 10px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    font-family: "Roboto Condensed", sans-serif;
  }

  #cssmenu .navlist > li > .sub-menu > li > a:hover {
    color: #d90429;
    border-left-color: #d90429;
  }

  #cssmenu .navlist > li > .sub-menu > li > a::after {
    content: none !important;
  }

  #cssmenu .navlist > li > .sub-menu > li > .sub-menu {
    display: block;
    margin: 0;
    padding-left: 14px;
    padding-right: 16px;
    border-left: 1px dashed #e5e7eb;
    box-sizing: border-box;
    max-height: calc(var(--nav3-line) * var(--nav3-max-lines));
    overflow-y: hidden;
    overflow-x: hidden;
    min-width: 220px;
    max-width: 280px;
    width: max-content;
    white-space: normal;
    word-break: break-word;
    scrollbar-gutter: stable both-edges;
  }

  #cssmenu .navlist > li > .sub-menu > li > .sub-menu:has(li:nth-child(n+11)) {
    overflow-y: auto;
  }

  #cssmenu .navlist > li > .sub-menu > li > .sub-menu li a {
    display: block;
    padding: 4px 0;
    font-size: var(--nav3-font-size);
    font-weight: 400;
    font-family: var(--nav-font);
    color: #4b5563;
    line-height: var(--nav3-line);
    border-radius: 4px;
    text-transform: none;
    transition: color .25s ease, background .25s ease;
  }

  #cssmenu .navlist > li > .sub-menu > li > .sub-menu li a:hover {
    color: #d90429;
    background: rgba(217, 4, 41, 0.05);
  }

  #cssmenu .navlist > li > .sub-menu > li > .sub-menu::-webkit-scrollbar {
    width: 6px;
  }

  #cssmenu .navlist > li > .sub-menu > li > .sub-menu::-webkit-scrollbar-thumb {
    background: rgba(11, 43, 59, 0.25);
    border-radius: 6px;
  }
}

@media (max-width: 991px) {
  #cssmenu {
    --nav-font: "Inter", "Helvetica Neue", Arial, sans-serif;
    --nav1-font-size: 22px; 
    --nav2-font-size: 22px; 
    --nav3-font-size: 17px; 
  }

  .page-wrap-offcanvas .navlist > li > a {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #111827;
    padding: 12px 22px;
    line-height: 1.6;
    transition: color .25s ease, background .25s ease;
  }

  .page-wrap-offcanvas .navlist > li > a:hover {
    background: rgba(217,4,41,0.05);
    color: #d90429;
  }

  .page-wrap-offcanvas .navlist li .sub-menu > li > a {
    font-family: var(--nav-font);
    font-size: var(--nav2-font-size);
    font-weight: 600;
    text-transform: none;
    color: #111827;
    padding: 16px 26px;
    line-height: 1.6;
    transition: color .25s ease, background .25s ease;
  }

  .page-wrap-offcanvas .navlist li .sub-menu > li > a:hover {
    background: rgba(217,4,41,0.05);
    color: #d90429;
  }

  .page-wrap-offcanvas .navlist li .sub-menu li .sub-menu a {
    font-size: var(--nav3-font-size);
    font-weight: 400;
    color: #374151;
    padding: 10px 30px;
    transition: color .25s ease, background .25s ease;
  }

  .page-wrap-offcanvas .navlist li .sub-menu li .sub-menu a:hover {
    color: #d90429;
    background: rgba(217,4,41,0.05);
  }

  .page-wrap-offcanvas .navlist li a:before {
    background: #e5e7eb;
  }

  .page-wrap-offcanvas .navlist .submenu-toggle .fa {
    font-size: 16px;
    line-height: 54px;
    color: #6b7280;
    transition: transform .25s ease, color .25s ease;
  }

  .page-wrap-offcanvas .navlist li.sub-menu-active > .submenu-toggle .fa {
    color: #d90429;
    transform: rotate(180deg);
  }
}

.suggestions-list-popup {
  list-style: none;
  margin: 4px 0 0 0;
  padding: 6px 0;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.1);
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  font-size: 14px;
  line-height: 1.4;
  max-height: calc(5 * 42px);
  overflow-y: auto;
  z-index: 10000;
  display: none;
  animation: fadeIn 0.15s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-2px); }
  to   { opacity: 1; transform: translateY(0); }
}

.suggestion-item {
  padding: 10px 14px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #111827;
  transition: background 0.15s ease;
}

.suggestion-item:hover,
.suggestion-item.active {
  background: #f3f4f6;
}

.suggestion-match {
  font-weight: 700;
  color: #2563eb;
}

.suggestion-item.active {
  background: #007bff;
  color: #fff;
}

.suggestion-item.active .suggestion-match {
  color: #ffeb3b;
}

.archive-search--container {
  display: inline-flex;
  align-items: center;
  position: relative;
  overflow: visible;
  gap: 8px;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  transition:
    width 360ms cubic-bezier(.2, .8, .2, 1),
    box-shadow 200ms ease;
}

.archive-search-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  padding: 2px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.archive-search-toggle img {
  display: block;
  width: 100%;
  height: auto;
}

.archive-search-panel {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  opacity: 0;
  transform: translateX(6px);
  pointer-events: none;
  transition:
    opacity 280ms ease,
    transform 320ms cubic-bezier(.2, .8, .2, 1);
}

.archive-search-form .search-input-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 8px;
  box-sizing: border-box;
}

.archive-search-form .search-field {
  width: 100%;
  border: 0;
  outline: none;
  padding: 6px 0;
  font-size: 15px;
	background: #fff;
}

.archive-search-form .search-submit {
    flex: 0 0 auto;
    width: auto;
    min-width: 80px;
    padding: 0 16px;
    height: 38px;
    background: var(--accent-color);
    color: #fff;
    border: none;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.archive-search-form .search-submit:hover {
    background: #0056b3;
}

.archive-search-close {
  padding: 6px;
  border: 0;
  background: transparent;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}


.archive-search--container.is-open {
  width: 360px;
  box-shadow: 0 8px 26px rgba(0, 0, 0, .12);
}

.archive-search--container.is-open .archive-search-panel {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.archive-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media (max-width: 768px) {
  .archive-title-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .archive-title-row h1 {
    font-size: 1.4rem;
    line-height: 1.3;
  }

  .archive-search--container {
    width: 24px;
    height: 24px;
  }

  .archive-search-toggle {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
  }

  .archive-search--container.is-open {
    width: 100%;
    max-width: 100%;
    box-shadow: 0 6px 18px rgba(0,0,0,.1);
  }

  .archive-search--container.is-open .archive-search-panel {
    opacity: 1 !important;
    transform: translateY(6px) !important;
    pointer-events: auto !important;
  }
}

.highlight-toc {
  margin: 20px 0;
  padding: 0 0 0 16px;
  position: relative;
}

.highlight-toc::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  border-radius: 2px;
  background: linear-gradient(180deg, #e53935, #ff7043);
}

#highlight-toc-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 14px;
}

.highlight-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 14px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  color: #222;
  border: 1px solid rgba(0,0,0,0.1);
  background-size: 200% 100%;
  background-position: left center;
  transition: background-position 0.6s ease, border-color 0.25s ease, color 0.25s ease;
}

.highlight-features {
  background: linear-gradient(90deg, #e8f5e9 0%, #f9fdf9 40%, #ffffff 100%);
  border-color: #c8e6c9;
  color: #2e7d32;
}
.highlight-features:hover {
  background-position: right center;
  border-color: #81c784;
  color: #1b5e20;
}

.highlight-screenshots {
  background: linear-gradient(90deg, #e3f2fd 0%, #f7fbfe 40%, #ffffff 100%);
  border-color: #bbdefb;
  color: #1565c0;
}
.highlight-screenshots:hover {
  background-position: right center;
  border-color: #64b5f6;
  color: #0d47a1;
}

.highlight-download {
  background: linear-gradient(90deg, #ffebee 0%, #fef7f8 40%, #ffffff 100%);
  border-color: #ffcdd2;
  color: #c62828;
}
.highlight-download:hover {
  background-position: right center;
  border-color: #e57373;
  color: #b71c1c;
}

@media (max-width: 600px) {
  #highlight-toc-list {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
}

.google-search-box {
  margin: 30px 0;
  padding: 20px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f9f9f9, #ffffff);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  border: 1px solid #eee;
}

.google-logo-big {
  width: 160px;
  height: auto;
  margin: 0 auto 15px;
  display: block;
}

.google-desc {
  font-size: 15px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.4;
  text-align: center;
}


@media (max-width: 480px) {
  .google-search-box input.gsc-input {
    width: 100%;
    box-sizing: border-box;
  }
}

.grecaptcha-badge { visibility: hidden; }

.recaptcha-disclaimer {
    margin: 18px auto 0 auto;
    padding: 10px 15px;
    max-width: 500px;
    font-size: 13px;
    line-height: 1.5;
    color: #555;
    text-align: center;
    font-family: "Roboto", Arial, sans-serif;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.04);
}

.recaptcha-disclaimer a {
    color: #4285F4; /* Google blue */
    text-decoration: none;
    font-weight: 500;
}

.recaptcha-disclaimer a:hover {
    text-decoration: underline;
    color: #3367d6;
}