/*
 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 {
color : #404759;
text-decoration : none;
}
a:hover, a:focus, .postTitle_archive 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 {
margin : 0;
padding : 0;
width : 100%;
position : relative;
}
.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) {
    .menu-wrapper {
        max-width: 100%;
        margin: 0 auto;
    }
.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 : -10px;
margin-right : -10px;
}
.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;
}
.header-right .widget_wgs_widget {
display : none;
}

@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-image : url(https://www.9minecraft.net/images/bg_h2_sidebar.png);
border-bottom : 1px solid #cfcfcf;
font-family : "Oswald", sans-serif;
text-transform: uppercase;
font-size : 20px;
font-weight : 500;
color : #ffecfd;
margin : 0;
padding : 12px 10px 5px 10px;
}
#rsidebar .widget ul {
background-image : url(https://www.9minecraft.net/images/bg_sidebar.png);
list-style : none;
padding : 10px 0;
}
#rsidebar ul li {
list-style : none;
}
#rsidebar li li {
font-family : "Roboto Condensed", sans-serif;
font-weight : 400;
font-size : 16px;
}
#rsidebar li li {
border : none;
list-style-position : inside;
list-style-image : url(./img/r-sidebar-diamond.png);
margin : 0;
padding : 5px 10px;
}
.menu-2column ul, .menu-minecraft-launchers-container ul, .menu-quick-links-container ul, .menu-the-best-mods-container ul, .menu-the-best-shaders-container ul, .menu-the-best-resource-packs-container ul, .menu-the-best-mcpe-bedrock-container ul, .menu-the-best-modpacks-container ul {
display : flex;
flex-wrap : wrap;
}
.menu-2column li, .menu-minecraft-launchers-container li, .menu-quick-links-container li, .menu-the-best-mods-container li, .menu-the-best-shaders-container li, .menu-the-best-resource-packs-container li, .menu-the-best-mcpe-bedrock-container li, .menu-the-best-modpacks-container li {
width : 50%;
padding : 5px 3px !important ;
list-style-image : url(./img/r-sidebar-diamond.png);
}
.menu-minecraft-launchers-container li::before, .menu-quick-links-container li::before {
margin-right : 5px;
font-size : 30px;
line-height : 1;
margin-top : 9px;
position : relative;
top : 6px;
}
#rsidebar a:hover {
color : #9a1818;
text-decoration : underline;
}
.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;
padding-top : 10px;
}
.header-slogan-mobile img {
width : auto;
display : inline-block;
}
.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 a {
color: #861023;
font-size: 28px;
text-transform: uppercase;
text-decoration: underline;
font-weight: 700;
font-family : "Oswald", sans-serif;
margin: 0;
padding: 0;
text-align: left;
}

.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;
}

.post_info a {
color : #000;
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
text-decoration : none;
}
.post_info a:hover {
text-decoration : underline;
}
.navi_center {
margin-bottom : 40px;
margin-top : 20px;
text-align : center;
width : 100%;
}
.navi_center a, .navi_center span {
border : #104e8b solid 1px;
font-size : 15px;
padding : 10px 15px;
text-decoration : none;
display : inline-block;
margin-bottom : 10px;
border-radius : 3px;
}
.navi_center a:hover, .navi_center span.current {
background-color : #104e8b;
color : #fff;
}
.navi_center span.current {
color : #fff;
font-weight : 700;
}
.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;
}
.breadcrumbs_bar {
margin-bottom : 15px;
width : 100%;
}
.breadcrumbs_bar_left, .breadcrumbs_bar_right {
display : inline-block;
margin : 5px 0;
}
.breadcrumbs_bar_right {
float : right;
}
.breadcrumbs_bar_left a {
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
color : #6c00ff;
}
.nav-breakcrumb {
list-style : none;
}
.nav-breakcrumb li {
display : inline-block;
}
.nav-breakcrumb li:after {
content : "/";
margin : 0 8px;
}
.nav-breakcrumb li:last-child:after {
display : none;
}
.nav-breakcrumb li a {
color : #c80147;
}
.nav-breakcrumb li a:hover {
text-decoration : underline;
}
.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;
}
.thumbindex2 {
color : #000;
font-family : "Roboto Condensed", sans-serif;
font-weight : 400;
vertical-align : top;
}
.archive_left {
width: 300px;
height: auto; 
overflow : hidden;
}
.archive_center {
font-family : "Roboto Condensed", sans-serif;
font-weight : 400;
margin : 0;
padding : 0 10px;
text-align : left;
vertical-align : top;
width : 440px;
}
.archive_center a {
color : #004175;
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
font-size : 20px;
line-height : 25px;
text-decoration : none;
vertical-align : top;
}
.archive_right {
margin : 0;
padding : 5px 0 0;
text-align : center;
vertical-align : top;
width : 100px;
}
.archive .post-ratings img {
    width: 16px !important; 
    height: auto !important;
}
.postnewst {
margin-bottom : 2px;
overflow : hidden;
width : 450px;
}
.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;
}
.vertical-top {
vertical-align : top;
}
.postTitle_archive a {
font-family : "Roboto", sans-serif;
font-weight : 700;
font-size : 20px;
line-height : 1.5;
text-decoration : none;
color : #004175;
}
.postTitle_archive {
margin-bottom : 5px;
}
.post-infor p {
padding-bottom : 5px;
}
#list_post_more ul {
background-color : #fff;
color : #016c95;
font-family : "Roboto Condensed", sans-serif;
font-weight : 400;
list-style : square inside;
margin : 3px 0 0;
padding : 0;
}
#li {
background-color : #fff;
margin : 1px;
padding : 2px 2px 2px 5px;
}
#list_post_more a {
color : #27408b;
font-family : "Roboto Condensed", sans-serif;
font-weight : 400;
}
#list_post_more a:hover {
color : red;
text-decoration : underline;
}
.archiveTitle {
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 0 0 5px;
    text-align: left;
    display: block;
}

.archiveTitle a {
color: #861023;
font-size: 24px;
font-weight: 700;
font-family : "Oswald", sans-serif;
margin: 0;
padding: 0;
text-align: left;
text-decoration : underline;
}

.archiveTitle h1 {
color: #861023;
font-size: 24px;
font-weight: 700;
font-family : "Oswald", sans-serif;
margin: 0;
padding: 0;
text-align: left;
text-decoration : underline;
}
.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;
}
.posttags {
list-style : none;
margin : 0;
overflow : hidden;
padding : 0;
}
.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;
}
.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;
}
.footer-widgets {
padding : 30px 0;
}
.footer-widgets ul li {
list-style-image : url(https://www.9minecraft.net/images/footer.png);
list-style-position : inside;
margin : 0;
padding : 5px 0;
}
.footer_all .widget {
text-align : left;
}
.footer_all .widget a {
font-size : 12px;
color : #fff;
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
}
.footer_all .widget p {
font-size : 12px;
line-height : 1.8;
color : inherit;
font-weight : normal;
}
.footer_all .widget a:hover {
color : #ffea00;
}
.footer_all .widgettitle {
color : #aaabad;
font-size : 20px;
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
padding-bottom : 15px;
}
.footer-widgets .widget ul {
margin-left : 20px;
}
.footer-copyright {
color : #fff;
padding : 10px 0;
}
.footer-copyright a {
font-weight : 700;
color : #fff;
}
.navhead {
background-color : #e6ecf4;
border : 0;
color : #3a599c;
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
font-size : 12px;
height : 18px;
margin : 0 auto;
width : 100%;
}
.ali_top {
vertical-align : top;
}
.ali_center {
margin-left : auto;
margin-right : auto;
text-align : center;
}
.sidebar .widget {
text-align : left;
}
.sidebar iframe {
max-width : 100%;
}
.top_left_footer, .footer-widget .footer-column {
text-align : left;
vertical-align : top;
width : 25%;
float : left;
}
.top_left_index {
text-align : left;
}
.archive_area_1 {
margin : 0 0 10px;
padding : 0;
}
.archive_area_2,
.archive_area_3,
.archive_area_4,
.archive_area_5,
.archive_area_6 {
    margin: 0 0 5px;
    padding: 0;
}
.hreview-aggregate {
display : none;
}
.slider-responsive .owl-buttons div {
position : absolute;
top : 25px;
height : 35px;
width : 35px;
background-image : url(https://www.9minecraft.net/images/menu_bg.gif);
color : #fff;
font-family : "FontAwesome";
font-size : 25px;
text-align : center;
line-height : 35px;
}
.slider-responsive .owl-controls .owl-prev {
left : 0;
}
.slider-responsive .owl-controls .owl-prev:after {
content : "\f104";
}
.slider-responsive .owl-controls .owl-next {
right : 0;
}
.slider-responsive .owl-controls .owl-next:after {
content : "\f105";
}
.menu-wrapper {
background-color : #FFF;
display : block;
margin-left : auto;
margin-right : auto;
padding : 0;
border-width : 1px 0;
border-style : solid;
border-color : #ddd;
margin-top : 20px;
}
#cssmenu > ul {
list-style : none inside;
margin : 0;
padding : 0;
}
#cssmenu > ul > li {
display : block;
float : left;
list-style : none inside;
margin : 0;
padding : 0;
position : relative;
}
#cssmenu ul li.has-sub:hover > a {
color : #860B0B;
padding-bottom : 6px;
padding-top : 6px;
z-index : 999;
}
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {
display : block;
}
.navlist li ul .sub-menu {
left : 100%;
top : 0;
}
.navlist > li:nth-child(12) > ul.sub-menu, .navlist > li:nth-child(11) > ul.sub-menu, .navlist > li:nth-child(10) > ul.sub-menu, .navlist > li:nth-child(9) > ul.sub-menu, .navlist > li:nth-child(8) > ul.sub-menu {
left : auto;
right : 0;
top : 40px;
}
.navlist > li:nth-child(12) > ul > li > .sub-menu, .navlist > li:nth-child(11) > ul > li > .sub-menu, .navlist > li:nth-child(10) > ul > li > .sub-menu, .navlist > li:nth-child(9) > ul > li > .sub-menu, .navlist > li:nth-child(8) > ul > li > .sub-menu {
left : auto;
right : 100%;
top : 0;
}
@media (min-width: 960px) {
.navlist li ul .sub-menu {
left : 100%;
top : 0;
}
.navlist > li:nth-child(13) > ul.sub-menu, .navlist > li:nth-child(12) > ul.sub-menu, .navlist > li:nth-child(11) > ul.sub-menu, .navlist > li:nth-child(10) > ul.sub-menu, .navlist > li:nth-child(9) > ul.sub-menu, .navlist > li:nth-child(8) > ul.sub-menu {
	left : auto;
	right : 0;
	top : 40px;
}
.navlist > li:nth-child(12) > ul > li > .sub-menu, .navlist > li:nth-child(11) > ul > li > .sub-menu, .navlist > li:nth-child(10) > ul > li > .sub-menu {
left : auto;
right : 100%;
top : 0;
}
}
.sub-menu {
min-width : 350px;
background : #fff;
border-top : 1px solid #861023;
opacity : 0;
visibility : hidden;
position : absolute;
z-index : 999;
left : 0;
top : calc(100% + 20px);
box-shadow : 0 2px 8px rgb(0 0 0 / 10%);
transition : all 200ms ease;
}
.menu-item:hover > .sub-menu {
opacity : 1;
visibility : visible;
top : 100%;
}
li .menu-item:hover > .sub-menu {
top : 0;
}
#cssmenu ul li > ul li {
list-style : none inside;
margin : 0;
padding : 0;
position : relative;
}
#navlist li ul li .count {
color : #134A1D;
float : right;
}
#navlist li ul li:hover .count {
color : #860B0B;
}
@media screen and (min-width: 960px) {
#navlist li ul li .count {
float : right;
}
}
#cssmenu .sub-menu a {
color : #0B2B3B;
font-family : "Roboto Condensed", sans-serif;
font-weight : 400;
font-size : 16px;
text-transform : uppercase;
margin : 0;
padding : 10px 10px;
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;
}
.navlist {
text-align : left;
}
.navlist > li {
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
font-size : 16px;
text-transform : uppercase;
position : relative;
display : inline-block;
float : left;
margin-right : 8px;
}
.navlist li a {
display : block;
padding : 8px;
color : #0B2B3B;
}
#cssmenu .navlist li:hover > a {
color : #860B0B;
}
.navigation {
position : relative;
height : 35px;
margin : auto;
top : 0;
bottom : 0;
}
.open-menu {
position : absolute;
width : 50px;
height : 14px;
cursor : pointer;
margin : auto;
top : 0;
right : -15px;
bottom : 0;
z-index : 9999;
display : none;
}
.close-menu {
position : absolute;
width : 50px;
height : 14px;
cursor : pointer;
margin : auto;
top : 0;
right : -15px;
bottom : 0;
z-index : 999999;
display : none;
}
.open-menu .item {
position : absolute;
display : block;
font-size : 0;
width : 20px;
height : 2px;
background-color : #000;
margin : auto;
left : 0;
right : 0;
overflow : hidden;
z-index : 1;
transition : all 0.3s ease;
}
.open-menu.toggle-active .item {
background-color : #861023;
}
.open-menu .item-1 {
top : 0;
}
.open-menu .item-2 {
top : 0;
bottom : 0;
}
.open-menu .item-3 {
bottom : 0;
}
.noscroll {
overflow : hidden;
}
.page-wrap-offcanvas {
position : relative;
}
.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;
}
.off-canvas {
position : fixed;
width : 100%;
height : 100%;
top : 45px;
right : -100%;
padding : 20px 0;
background-color : #FFF;
z-index : 99;
overflow-y : auto;
}
.off-canvas-active .off-canvas {
right : 0;
}
.page-wrap-offcanvas .navlist li {
position : relative;
display : block;
margin : 0;
padding : 0;
float : none;
text-transform : capitalize;
}
.page-wrap-offcanvas .navlist li .sub-menu a {
font-size : 17px;
padding-right : 50px;
}
.page-wrap-offcanvas .navlist li a {
font-family : "Roboto Condensed", sans-serif;
font-size : 20px;
font-weight : 600;
text-transform : uppercase;
position : relative;
display : block;
line-height : 22px;
padding : 16px 20px;
}
.page-wrap-offcanvas .navlist li a:before {
content : "";
background-color : #eee;
height : 1px;
right : 10px;
left : 10px;
top : 100%;
display : block;
position : absolute;
}
.page-wrap-offcanvas .navlist li.back-mb a {
line-height : 42px;
padding : 0;
padding-left : 44px;
}
.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;
}
.page-wrap-offcanvas .navlist .submenu-toggle {
position : absolute;
top : 0;
right : 5px;
width : 120px;
height : 54px;
text-align : center;
cursor : pointer;
display : block;
z-index : 1;
}
.page-wrap-offcanvas .navlist .submenu-toggle .fa {
color : #aaa;
font-size : 18px;
font-weight : bold;
line-height : 54px;
position : relative;
left : 30px;
}
.page-wrap-offcanvas .navlist li > .sub-menu {
min-width : 100%;
box-shadow : none;
opacity : 1;
visibility : visible;
position : static;
border : 0;
padding : 0;
width : 100%;
top : 0;
left : 0;
bottom : 0;
display : none;
padding-left : 15px;
}
.page-wrap-offcanvas .navlist li.sub-menu-active > .sub-menu {
z-index : 9;
display : block;
}
.page-wrap-offcanvas .navlist li.sub-menu-active > .submenu-toggle .fa-angle-down:before {
content : "\f106";
}
.page-wrap-offcanvas .navlist .back-mb {
background-color : #333;
position : relative;
}
.page-wrap-offcanvas .navlist .back-mb a {
color : #FFF;
padding-left : 44px;
}
.page-wrap-offcanvas .navlist .back-mb a:hover {
color : #FFF;
background-color : #333;
position : relative;
padding-left : 44px;
}
.page-wrap-offcanvas .navlist .back-mb a:before {
content : "\f104";
position : absolute;
top : 0;
left : 20px;
font-family : "FontAwesome";
font-size : 20px;
background : none;
}
.page-wrap-offcanvas .navlist .back-mb a:after {
display : none;
}
.navlist li .sub-menu li {
display : block;
margin : 0;
padding : 0;
}
.list-post {
background-color : #f3f4f8;
}
.titlecategory {
margin : 20px 0;
}
.sidebar ul li {
position : relative;
}
.mine-red a {
color : #861023 !important ;
font-weight : 700;
font-size : 18px;
}
.mine-purple a {
color : #891177 !important ;
font-weight : 700;
font-size : 20px;
}
.mine-green a {
color : #0f374b !important ;
}
.mine-blue a {
color : #0c3233 !important ;
}
.mine-brown a {
color : #34140c !important ;
}
.mine-yellow a {
color : #fcff00 !important ;
}
.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 : 10px 0;
color : #fff;
}
.footer_all .footer-bottom .widget {
text-align : center;
margin : 5px 0 10px;
}
.footer_all .footer-bottom a {
font-size : inherit;
color : inherit;
}
.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;
}
.footer-bottom .mine_follow li {
font-size : 15px;
border-radius : 100%;
width : 35px;
height : 35px;
line-height : 35px;
color : inherit;
display : inline-block;
border : #fff solid 1px;
margin-right : 20px;
}
.footer-bottom .mine_follow li:hover {
border-color : #ffea00;
cursor : pointer;
}
.footer-bottom .mine_follow li:hover a {
color : #ffea00;
}

@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) {
.titlecategory a {
font-family : "Oswald", sans-serif;
font-size: 24px;
font-weight: 700;
}
.post_view .view-count {
        font-size: 26px;
    }
    .post_view .view-label {
        font-size: 14px;
    }
.footer-widgets {
display : none;
}
.footer_all {
background-image : none;
}
.footer_all .footer-bottom {
color : #404759;
}
.footer-bottom .mine_follow li {
border-color : #404759;
}
.header-inner {
box-shadow : 0 3px 2px -2px rgb(0 0 0 / 15%);
background : #FFF;
}
#sidebar {
display : none;
}
#rsidebar {
    display: none;
  }
.breadcrumbs_bar_right {
float : none;
display : block;
}
.postContent img {
max-width : 100%;
height : auto;
}
.ncode_imageresizer_warning {
display : none;
}
.archiveTitle {
        margin-top: 10px;
    }
    .archiveTitle h1 {
        font-size: 20px;
    }
    .archiveTitle a {
        font-size: 20px;
}
}
@media (max-width: 992px) {
body {
padding-top : 40px;
}
.header-slogan {
display : none;
}
.postTitle_archive a {
font-size : 22px;
}
.postContent img {
max-width : 100%;
height : auto;
}
.ncode_imageresizer_warning {
display : none;
}
.table_all {
background-color : #FFF;
position : fixed;
top : 0;
z-index : 999;
left : 0;
right : 0;
height : 40px;
}
.menu-wrapper {
position : relative;
background : none;
height : 40px;
border : 0;
}
.menu-wrapper .navlist {
display : none;
}
.navigation {
position : absolute;
right : 15px;
}
.header-logo {
padding : 0;
}
.header-slogan-mobile {
display : block;
}
}
@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;
}
.post_view_archive, .grid-post .post_view_archive {
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
color : #8b1a1a;
}
.post-infor {
clear : left;
padding-top : 3px;
}
.grid-post {
overflow : hidden;
margin : 0 -10px;
}
@media screen and (min-width: 480px) {
.list-post .item .content-preview {
overflow : hidden;
}
.post_view_archive {
font-size : 18px;
}
.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 .postTitle_archive {
margin-bottom : 2px;
}
.grid-post .postTitle_archive a {
font-size : 20px;
}
.grid-post.grid-post-3 .postTitle_archive a {
font-size : 22px;
}
.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;
}
.navlist li .menu-item-has-children:hover > a:after {
content : "\f105";
}
.sub-menu li:hover > a {
color : #ffea00;
background : #fff;
}
.off-canvas-active .menu-item-has-children > a:after {
display : none;
}
.content-preview .contentlimit {
margin-bottom : 6px;
}
.rpwe-ul .rpwe-clearfix:before, .rpwe-ul .rpwe-clearfix:after {
display : none !important ;
}
.rpwe-block li {
border-bottom : 0 !important ;
}
.rpwe-block {
margin-left : 20px;
}
.rpwe-block h3 {
display : inline-block;
}
#stickyunit.affix {
top : 0;
position : fixed !important ;
}
.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;
}
#page .error-404 {
padding-top : 50px;
}
.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;
}

.widget_ninemine_any_posts {
margin-bottom : 16px;
}
#rsidebar .widget_ninemine_any_posts .widgettitle {
background-color : #142C37;
}
#rsidebar .widget_ninemine_any_posts .ninemine-any-posts {
background-image : url("https://www.9minecraft.net/images/bg_sidebar_black.png");
color : #FFF;
}
.ninemine-any-post {
display : flex;
}
.ninemine-any-post a {
color : inherit;
font-weight : bold;
}
.ninemine-any-post a:hover {
color : inherit !important ;
text-decoration : underline;
}
.ninemine-any-post__thumb {
margin-right : 10px;
min-width : 120px;
flex-basis : 120px;
color : inherit;
}
.server-info-item {
display : grid;
align-items : center;
grid-template-columns : 100px auto;
}
.ninemine-serverchecker {
padding : 20px 0;
}
.ninemine-server-checker-form input[type="text"] {
background : #FFF;
border : 0;
}
.ninemine-server-checker-form button {
background : #630505;
padding : 15px;
}
.ninemine-server-checker-form {
display : flex;
border : #630505 solid 1px;
padding : 2px;
}
.ninemine-serverchecker-page {
max-width : 500px;
margin : 0 auto;
padding-bottom : 100px;
}
.server-info-status-online {
font-size : 20px;
color : #4caf50;
font-weight : bold;
}
.ninemine-serverchecker-title {
text-align : center;
padding-top : 100px;
}
.ninemine-serverchecker-title h1 {
color : #c50c26;
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
font-size : 40px;
}
.mobile-menu-extra {
font-family : "Roboto Condensed", sans-serif;
color : #000;
font-weight : 400;
font-size : 20px;
padding : 10px;
}
.partner {
font-family : "Roboto Condensed", sans-serif;
color : #FFFFFF;
font-weight : 400;
width : 100%;
text-align : center;
padding-top : 20px;
}
.partner a {
font-family : "Roboto Condensed", sans-serif;
font-weight : 700;
color : #FFFFFF;
font-size : 16px;
}
.warning {
background-color : #FF0000;
color : #FFFFFF;
font-size : 24px;
text-transform : uppercase;
}



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


.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 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: pointer;
    transition: background 0.3s;
}

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

.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;
}
.search-field:focus {
    outline: none;
}
.search-submit {
    padding: 6px 16px;
    height: 36px;
    background: var(--accent-color);
    color: #fff;
    border: none;
    border-radius: 0;   
    cursor: 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: 15px;
}

.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: 0 1 600px; 
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    position: static;
    margin-left: 20px;   
    padding: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden; 
	max-width: 600px;
    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: 38px;
    border: none;
    outline: none;
    font-family : "Roboto", sans-serif;
    font-size: 16px;
	font-weight: bold;
}
.header-right .search-form .search-submit {
    padding: 0 16px;
    height: 38px;
    background: var(--accent-color);
    color: #fff;
    border: none;
    border-left: 1px solid #ccc;     
    cursor: pointer;
    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;
}

@media (min-width: 992px) {
.header-left {
    display: block !important;
}
    .header-right {
        flex: 0 0 auto !important; 
        width: auto !important; 
		margin: 0 auto !important; 
        justify-content: center !important;
        margin-left: 15px;
        padding: 0;
    }
	
.header-right .search-form {
        max-width: 600px;
        flex: 0 1 600px;
        border: 1px solid #ccc;
        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;
		max-width: 600px;
		margin-right: 20px;
}

.header-right .search-form .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;
    }

    .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;
}

.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;
    }
    .menu-wrapper {
        display: flex;
        align-items: center; 
        justify-content: center;
        padding: 10px 0; 
    }
    
    .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;
    }
    
    .navigation {
        flex: 0 0 auto; 
    }
    
    
    .open-menu {
        display: flex;
        flex-direction: column;
        justify-content: space-between; 
        cursor: pointer;
    }
    
    
    .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    
    .header-slogan-mobile {
        margin-top: 10px;
    }
    
    .header-logo .container-fluid .d-flex {
        align-items: center;
        justify-content: flex-start;
    }
.clear-search {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: #666;
    display: none;
    z-index: 10;
}
}
@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;
    }
    .mobile-search .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;
    }
    .mobile-search .search-submit:hover {
        background: #0056b3;
    }
}


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

.clear-search {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: #666;
    display: none; 
}

.clear-search:hover {
    color: #000;
}
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 20px;
    border: none;
    background: #0073aa;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}
.show-more-btn:hover {
    background: #005f8d;
}
.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;
}

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


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


.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 .comment-content {
    position: relative;
    max-width: 70%;
    padding: 10px 14px;
	margin-left: 6px; 
    background: #f1f3f5;
    color: #222;
    border-radius: 16px;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}


.comment-list .comment-content::after {
    content: "";
    position: absolute;
    top: 12px;
    left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #f1f3f5 transparent transparent;
}


.comment-list li.by-current-user > .comment-body {
    flex-direction: row-reverse; 
}
.comment-list li.by-current-user .comment-content {
    margin-left: 0;
    margin-right: 6px; 
    background: #007bff;
    color: #fff;
}

.comment-list li.by-current-user .comment-content::after {
    left: auto;
    right: -8px;
    border-color: transparent transparent transparent #007bff;
}


.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;
}

@media (max-width: 600px) {
    .comment-list .comment-content {
        max-width: 85%;
	.card-title a {
        font-size: 14px;
    }
    }
}
.comment-reply-to {
    display: inline-block;
    font-size: 11px;
    color: #666;
    margin-bottom: 2px;
    padding: 2px 6px;
    background: #f0f0f0;
    border-radius: 10px;
    max-width: 100%;
    white-space: normal;
    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;
}
.mod-type {
    margin-top: 10px;
    display: flex;
	align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.mod-type-btn {
    background: transparent;
    border: 1px solid #b80707;
    border-radius: 5px;
    padding: 3px 8px;
    cursor: pointer;
}
.mod-type-btn a {
    color: #b80707;
    font-size: 14px;
    font-weight: 600;
}

.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;
}


.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;
}


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

    .result-card {
        display: grid;
        grid-template-columns: minmax(200px, 300px) 1fr minmax(140px, 180px);
        gap: 15px;
        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;
        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 .mod-type {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
    }

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

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

    .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: 15px;
    }

    .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;
    }

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

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

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

    
    .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 (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: 10px;
        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 .mod-type {
        margin-top: 8px; 
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
    }

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

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

    .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;
    }
}

@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;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 24px;
        cursor: pointer;
        color: #404759;
        padding: 5px;
        transition: color 0.3s ease;
        flex-shrink: 0;
        order: -1;
    }
    .mobile-search-toggle:hover {
        color: #d90202;
    }
    .logo-mobile a {
        flex-grow: 1; 
        text-align: center; 
    }
    .logo-mobile a img {
        max-width: 200px; 
        height: auto;
    }
    .open-menu {
        flex-shrink: 0; 
        order: 1; 
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px; 
        cursor: 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: none;
        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;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
    .search-form-wrapper.mobile-search.active {
        display: block;
        transform: translateY(0);
        opacity: 1;
    }
    .search-form {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .search-input-wrapper {
        flex-grow: 1;
        position: relative;
    }
    .search-field {
        width: 100%;
        padding: 8px;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        font-size: 14px;
    }
    .clear-search {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        font-size: 16px;
        color: #666;
    }
    .search-submit {
        padding: 8px 15px;
        background: #007bff;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
    }
    .search-submit:hover {
        background: #0056b3;
    }
}

.comment-reply-to {
    background: #f8f9fa;
    padding: 8px 12px;
    border-left: 4px solid var(--accent-color, #007bff);
    margin-bottom: 10px;
    font-style: italic;
    color: #555;
    border-radius: 4px;
}
.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;
}