:root {
  --primarycolor: #0C0057;
  --btn_bg:  #b20000;
  --textcolor: #fff;
  --alertcolor:  #72d70d;
  --bgcolor:  rgb(31, 33, 37);
  --footerbg:  #0A0229;
  --secondcolor:  #F6AB1A;
}
.site-branding{
    max-width: 200px;
    margin: 10px 0;
}
body.aft-default-mode .bottom-bar {
    background-color: #103158;
}
body.aft-default-mode .header-style1, 
body.aft-default-mode .aft-popular-tags {
    background-color: #edede3;
}
body.aft-default-mode .aft-blocks.banner-carousel-1-wrap {
    background-color: #f3f3f3;
}
body.aft-default-mode .inner-suscribe input[type=submit],
body.aft-default-mode #scroll-up,
body.aft-default-mode .trending-posts-vertical .trending-no,
body.aft-default-mode .aft-main-banner-section .aft-trending-latest-popular .nav-tabs>li.active,
body.aft-default-mode .aft-main-banner-wrapper span.trending-no,
body.aft-default-mode .read-img .min-read-post-comment,
body.aft-default-mode .aft-home-icon {
    background-color: #000000;
}

body.aft-default-mode .read-img .min-read-post-comment:after{
    border-top-color: #af0000;
}


bodybody.aft-default-mode  .sticky .read-title h4 a:before {
    color: #af0000;
}


body.aft-default-mode .newsphere_tabbed_posts_widget .nav-tabs > li > a:hover,
body.aft-default-mode .newsphere_tabbed_posts_widget .nav-tabs > li > a,
body.aft-default-mode .related-title,
body.aft-default-mode .widget-title span, body.aft-default-mode .header-after1 span{
    border-bottom-color: #eee;
}

body .aft-trending-latest-popular .nav-tabs li {
    background-color: #fff;

}

body .aft-trending-latest-popular .nav-tabs>li>a{
    color: #404040;
}

.aft-trending-latest-popular .nav-tabs>li>a:hover{
    color: #af0000;
}

body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-1,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-1{
    color: #2b2b2b;
    border-color: #ffbf3f;
}
body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-2,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-2{
    color: #2b2b2b;
    border-color: #ff5722;
}
body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-3,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-3{
    color: #2b2b2b;
    border-color: #2196F3;
}
body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-4,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-4{
    color: #2b2b2b;
    border-color: #d327f1;
}
body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-5,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-5{
    color: #2b2b2b;
    border-color: #4caf50;
}
body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-6,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-6{
    color: #2b2b2b;
    border-color: #8bc34a;
}
body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-7,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-7{
    color: #2b2b2b;
    border-color: #00BCD4;
}

body.aft-default-mode .inner-suscribe input[type=submit], body.aft-default-mode #scroll-up, body.aft-default-mode .aft-main-banner-section .aft-trending-latest-popular .nav-tabs>li.active>a:hover, body.aft-default-mode .aft-main-banner-section .aft-trending-latest-popular .nav-tabs>li.active>a, body.aft-default-mode .read-img .min-read-post-comment a, body.aft-default-mode .aft-home-icon a, body.aft-default-mode .aft-main-banner-wrapper span.trending-no, body.aft-default-mode .trending-posts-vertical .trending-no{
    color: #fff;
}


body.aft-light-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style:before, body.aft-dark-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style:before, body.aft-default-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style:before, body.aft-light-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before, body.aft-dark-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before, body.aft-default-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before{
    background-color: #fff;
}

.aft-main-banner-section .color-pad .entry-meta span, .banner-carousel-1 .read-details .entry-meta span.byline a{
    color: #404040;
}

button, input[type="button"], input[type="reset"], input[type="submit"]{
    background: url(/wp-content/uploads/2024/11/Rectangle-2.png);
    color: #111;
    height: 30px;
    border-radius: 5px;
    background-size: cover;
	width:100px;
}
body.aft-default-mode .aft-trending-latest-popular .nav-tabs>li > a:hover, 
body.aft-default-mode .aft-trending-latest-popular .nav-tabs>li a.active {
    background: #af0000;
    color: #fff;
}
body.aft-default-mode .aft-main-banner-section .read-single.color-pad, .aft-main-banner-section .read-single.color-pad{
    background-color: #fff;
}

body .aft-main-banner-section .color-pad .read-title h4 a{
    color: #404040;
}

.aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-1,
.main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-1
{
   color: #af0000;
   border-color: #ffbf3f;
}

.aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-2,
.main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-2{
    color: #404040;
    border-color: #ffbf3f;
}

.aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-3,
.main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-3{
    color: #d27f05;
    border-color: #ffbf3f;
}

body .color-pad .cat-links li a.newsphere-categories.category-color-1,
a.newsphere-categories.category-color-1 {
    border-color: #ffbf3f;
}

.main-navigation .menu-description {
    background-color: #af0000;
    color: #ffffff;
}

.main-navigation .menu-description:after{
    border-top: 5px solid #af0000;
}

h1, h2, h3, h4, h5, h6, p, a, li, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
    color:#eee;
    font-family:Roboto!important;
}
h2 {
	color: var(--textcolor);
    font-size: 1.8rem;
    border-bottom: 5px solid var(--primarycolor);
    padding:0 20px 6px 0px!important;
}
h3 {
    font-size: 1.6rem;
    border-left: 5px solid var(--primarycolor);
    padding-left: 5px;
}

body.aft-default-mode .sidr, body.aft-default-mode .read-single .color-pad, body.aft-default-mode #secondary .widget-area.color-pad .widget, .color-pad, .container-wrapper #primary, .read-details.color-tp-pad{
/*   background-color:#052146;  */

/*background-color:#374259;*/
}
#comments.comments-area, body.custom-background{
/*  background-color:#103158; */
background-color:#273245
}
body.full-width-content #primary, .container-wrapper #primary.aft-no-sidebar{
    padding: 15px;
    margin: 40px 0;
}
.main-navigation ul li a{
    text-transform: capitalize;
}
.content-area ul li{
    list-style: disc inside!important;

}
.content-area ul li::marker{
    color: #af0000!important;
}
ul,ol {
    padding-left: 20px!important;
}
h1, h2, h3, h4{
    margin-bottom: 20px;
}
body.aft-default-mode .bottom-bar, footer .col-1.color-pad{
    background-color:var(--primarycolor);
}
.breadcrumb-trail.breadcrumbs{
    padding: 5px 0;
    margin-top: 20px;
    border-top: 3px solid var(--primarycolor);
}

footer.site-footer, section.widget-area.color-pad {
    background-color: var(--footerbg);

}
footer.site-footer{
       border-top: 1px solid var(--secondcolor); 

}
.header-after1 span{
	text-transform:capitalize;
}
/**
.site-info{
	border-top:1px solid #3c3788;
}
**/
footer .col-1.color-pad{
	background-color:inherit;
    /*border-top: 2px solid var(--primarycolor);*/
    text-align:center;
    padding-top: 10px;
}
.read-details .entry-meta span{
    color: #fff;
}
body.aft-default-mode .sidr, body.aft-default-mode .read-single .color-pad, body.aft-default-mode #secondary .widget-area.color-pad .widget, body.aft-default-mode .read-single.color-pad{
    background-color: unset;
}
@media(min-width: 1024px){
	.primary-footer-area.footer-first-widgets-section.col-md-4.col-sm-12{
        width: 33%;
    }
    .archive .list-style .read-bg-img{
        height: 200px!important;
        width: 30%;
    }
    .archive .read-details.col-2.float-l{
        width: 70%;
    }
}
@media(max-width: 1023px){
    a.btn-actions-down-view{
        max-width: 90%!important;
    }
    .archive .list-style .read-bg-img{
        height: 150px!important;}
        .read-img.pos-rel.read-bg-img{
            height: 150px!important;
        }

    }

    @media(max-width:992em){
     ul#primary-menu.menu-mobile{
      background:linear-gradient(180deg,#383538,#1f1202);
  }
  .ham:before, .ham:after{
      width:70%;
  }
  button.toggle-menu{
      margin-left:10px;
  }
  input.search-submit{
      font-size:12px;
      font-weight:400;
  }
}
.af-search-form{
 background-color:#000000;
}
input.search-submit{
	border:1px solid;
}
table td, table th{
    border: 1px solid #b5afaf;
    color: #eee!important;
    padding: 10px 5px;
}
table{
    border-color: #b5afaf!important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
}
blockquote{
    text-align: left;
    border-left: 5px double #eee;
    background-color: #3c3788;
    border-radius: 5px;
}

/*style for author page*/
.author-photo {
    text-align: center;
    margin: 20px 0;
}
.author-name h1{
    font-size: 28px;
    font-weight: 500;
}
.author-profile-card{
    margin-bottom: 60px;
}
.author-info p{
    white-space: pre-line;
}
.main-navigation .sub-menu .menu-description{
    display: none;
}

/* ads style */
@media(max-width: 768px) {
    .catfish_div img, .header_banner_mobile_only img, .before_ads img {
        width: 100%;
        height: 50px;
        max-height: 50px;
    }
    .game_list.row img, .cat_list img{
        padding: 5px;
    }
    .cls_btn {
        bottom: 60px !important;
    }
    .cls_btn.highPos_cls {
        bottom: 170px !important;
    }
    ul.sidenav.sidenav-fixed li {
        list-style: none;
    }
    .catfish_div.plc_2 img {
        bottom: 50px !important;
    }
    .catfish_div.plc_3 img {
        bottom: 100px !important;
    }
    .catfish_div.plc_4 img {
        bottom: 150px !important;
    }
}
@media(min-width: 1200px){
/*     .before_content_ads{
        display: inline-flex;
    } */
    .before_content_ads a.col-md-6{
        padding: 2px;
    }
}
@media(min-width:1280px){
	.catfish_div img{
		width:728px;
	}
}
.before_content_ads a{
	display:block;
	padding:0;
}

/* /ads style */


.af-main-banner-latest-posts .read-title h4 a, .af-main-banner-latest-posts .cat-links li a, .read-title h4 a, .cat-links li a{
    color: #fff;
}


/*get picked category posts*/
h3.card-title{
    font-size: 14px;
    margin: 0;
    padding-bottom: 10px;
    border-left: 0;
}
.row.mb-5{
    margin-bottom: 2em;
    padding: 10px;
}
h2{
    border-bottom: 0;
}
.post-card img{
    width: 100%!important;
}

.list-style .read-single{
    border-bottom: 1px solid var(--primarycolor);
}
/*footer*/

.close-lil-btn-text{
    font-size: 16px;
}
.card-body a:hover{
    color: var(--primarycolor);

}
.before_content_ads{
	margin:0 auto;
}

/*/shuffle_btn*/
@media(max-width: 1024px){
    .sort_btn {
     width: 100%;
     margin: 10px auto!important;
 }
 .site_info_logo img{
    margin: 0 auto;
    display: block;
}
.section_title .heading span{
    font-size: 20px!important;
}
}
.sort_btn {
    background-color: unset;
    border:  1px solid;
    border-radius: 20px;
    margin: 15px;
}
.sort_btn.active{
    background-color: var(--primarycolor);
}
header input.search-field{
	color:#111;
}

/*add button header*/
@media(max-width: 1024px){
    .site-branding-button, .site-branding{
        float: left;
        width: 50%;
    }
    .site-branding-button.desktop{
      display:none;
  }
  .logo-brand{
    display: flex;
    align-items: center;
}
}
@media(min-width: 1025px){


    .site-branding-button.desktop{
      float:right;

  }
  .site-branding-button.mobile{
      display:none;
  }

  .heading span:after, .heading span:before {
    content: " ";
    display: block;
    border-bottom: 2px solid #736e6e78;
    /*background-color: #111;*/
}
.heading span{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 16px 0;
    grid-gap: 22px;
}
}
.site-branding-button{
 animation: zoom-in-zoom-out 1s ease infinite;

}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
}
50% {
    transform: scale(1.2, 1.2);
}
100% {
    transform: scale(1, 1);
}
}
/*add button header*/

/* new style*/
body div#main-navigation-bar, .main-header {
    border: 0;
    box-shadow: 0;
}
.header-style1, body.aft-default-mode .header-style1, body.aft-default-mode .aft-popular-tags{
    background: none;
}
div#main-navigation-bar{
    /*background:linear-gradient(180deg,#ffffff,#1f1202);*/
    height: 70px;
    box-shadow: 1px 1px 10px rgba(0,0,0,.15);
    border-radius: 10px;
}
div#main-navigation-bar .container-wrapper{
    height: unset;
}
.main-navigation ul li a{
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #fff;
}
.main-navigation ul li a:hover{
    color: #fff;
}
.main-navigation ul li:after{
    background-color:unset!important
}
div#main-navigation-bar{
    height:unset;
}
li.current_page_item a{
    color: #f3c22f!important;
}
body{
    background-color: #111;
}
.section_title .heading span {
    color: var(--textcolor);
    font-weight: 700;
    line-height: 35px;
    margin: 0 19px;
    position: relative;
    text-shadow: 0 0 2px rgba(0, 0, 0, .6);
}
h1.heading span{
    font-size: 28px;
}
h2.heading span{
    font-size: 24px;
}
h3.heading span{
    font-size: 20px;
}

.section_title .start-title img {
    max-width: 58px;
}
.section_title  h1, .section_title  h2, .section_title h3{
    margin-top: 0;
}
body.full-width-content #primary, .container-wrapper #primary.aft-no-sidebar{
    padding: 0;
}

.zoom:hover {
  transform: scale(1.1);
}
.zoom {
  transition: transform .2s; /* Animation */
}
.blog_container .heading{
    text-transform: capitalize;
}
.blog_excerpt {
    font-size: 14px;
    color: var(--primarycolor);

}
.post-card img{
    max-height: 150px;
}
.post-card.card.row{
/*  border:  1px solid var(--primarycolor);
  border-radius: 5px;
  padding: 10px;
  margin: 10px;
  background: radial-gradient(66.3% 39.31% at 50% -3.17%, rgba(204, 169, 82, .17) 0, rgba(204, 169, 82, 0) 100%), #12100f;*/
}
.site-main{
    max-width: 100%;
    overflow-x: hidden;
}
.single .read-title h4 a:hover {
    color: #fff!important;
}
body.aft-default-mode .aft-home-icon{
    background-color: unset;
    border: 1px solid;
    border-radius: 5px;
}
span.aft-home-icon{
    width: 36px;
    height: 36px;
}
/**
.current_page_item {
    border-bottom: 3px solid var(--primarycolor);
}
***/
.main-navigation ul li{
    padding: 15px 8px;
    font-size: 13px;
}
.related-title:after, .widget-title:after, .header-after1:after{
    display: none;
}

.top-mq{
    border: 3px solid #1DB9F2;
    max-width: 1000px;
    margin: 0 auto;
    display: block;
    padding: 8px;
    border-radius: 20px;
}
.top-mq p{
    margin-bottom: 0;
}

.widget-title .header-after{
    color: var(--textcolor)!important;
}

.primary-footer{
    border-top: 1px solid var(--primarycolor);
    max-width: 1280px;
    margin: 20px auto;
}
.secondary-footer, .site-info, #comments.comments-area, body.custom-background{
    background-color: #282D4D;
}
.site-info{
    margin-bottom: 40px;
}
.home .container-wrapper{
    max-width: 100%;
}
.container-wrapper{
    max-width: 1200px;
}
.custom-container, .home .main-header, .home .header-menu-part{
    max-width: 1200px!important;
    margin: 0 auto;
}
header#masthead{
    background-color: var(--primarycolor);
}
/* new style*/


/*menu image*/
.menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title{
    padding-right: 0;
}
/*menu image*/

.custom-container{
    border: 2px solid var(--primarycolor);
    margin-left: 0;
    margin-right: 0;
    border-radius: 18px;
    padding: 20px 10px;
    background-color: var(--bgcolor);
}
.site_info_logo img{
    background-color: var(--primarycolor);
    width: 300px;
}
.toplist.row, .game_list.row, .site_info, .site_info{
    margin: 40px auto;
}

.site_info_content td{
    border: unset;
    border-bottom: 1px solid hsla(0,0%,100%,.08);
}

@media(min-width: 1024px){
    .align-middle{
        align-items: center !important;
        display: flex;
        justify-content: center;
        text-align: center;
        padding: 20px;
    }
}
.post-card.card.row{
    margin: 10px;
}

.alert_btn{
    color: var(--alertcolor) !important;
    border: 2px solid var(--alertcolor);
    padding: 5px;
    border-radius: 5px;
    font-weight: 500;
    text-transform: uppercase;
    float: right;
}
.post-card img{
    border: 2px solid var(--primarycolor);
    border-radius: 5px;
}
.row.blog_container{
    padding: 10px;
}
.home_content{
    max-width: 1000px;
    margin: 0 auto;
}
header#masthead{
    background-color: var(--primarycolor);
}
.swiper-slide img{
    width: 100%;
}