/*
Theme Name: HitMag Child
Theme URI: http://themezhut.com/themes/hitmag/
Template: hitmag
Author: ThemezHut
Author URI: http://themezhut.com
Description: HitMag is a stylish and powerful theme crafted for magazines, newspapers or personal blogs. HitMag comes with a handful of options to customize your site the way you want. Free version has included a magazine homepage layout, 4 different style blog listing layouts and main color options. Not only that it comes with so many handful of features like author details box, Related posts after articles and control post metadata. All those features and options ensures that HitMag is not just another free WordPress theme but a powerful theme that fulfills all of the basic needs. See all the theme information at https://themezhut.com/themes/hitmag/
Tags: grid-layout,right-sidebar,two-columns,custom-logo,custom-background,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,news,blog,e-commerce,rtl-language-support
Version: 1.4.4.1772792137
Updated: 2026-03-06 15:45:37

*/

 .widget-title {  
    line-height: 35px;
}
.hmb-post .cat-links {
   display:none !important;
}
.hm-container.hticker {
margin-top:60px !important;
}

.hmb-entry-title {
font-size: 1rem;
padding: 0px 15px 15px;
}
.hm-container {
  padding: 0 15px !important;
}

/*slider style*/
.widget .hmb-entry-summary ul, .widget-area ul {
    list-style: none !important;
    padding-left:20px;
padding-right:20px;
}


/* Custom CSS for 3-column Magazine Bottom Widgets */
.hitmag-magazine-bottom-widgets {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.hitmag-magazine-bottom-widgets .widget {
    width: 33.333333% !important;
    padding: 0 15px;
    box-sizing: border-box;
}

.hitmag-magazine-bottom-widgets .widget-title {
display:none !important;
}

.site-header {
  margin: 0 0 15px !important;
}

@media (max-width: 768px) {
    .hitmag-magazine-bottom-widgets .widget {
        width: 100% !important;
    }

.hm-container.hticker {
margin-top:20px !important;
}
.site-header {
  margin: 0 0 15px !important;
}
.n-title {
font-size:16px !important;
}
.tag-name {
font-size:9px !important;
}
.auth-name {
font-size:13px !important;
}
}

@media (min-width: 769px) and (max-width: 991px) {
.hitmag-magazine-bottom-widgets .widget, .th-grid-3 .hitmag-post {
    width: 50% !important;
}
}

/*
.hasimg.ncs-slide-headline .hmb-entry-title a, .hasimg.ncs-slide-headline .ncs-meta {
    color: #fff;
}
*/

.noimg.ncs-slide-headline .hmb-entry-title a, .hasimg.ncs-slide-headline .hmb-entry-title a, .hasimg.ncs-slide-headline .ncs-meta {
    color: #000;
}

.m-content ul {
margin: 0px !important;
}

/*border animation*/
/*
.dashed-border-loader {
  position: relative;
}

.dashed-border-loader::before,
.dashed-border-loader::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 10px;
  pointer-events: none;
  z-index: 2;
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.95) 0px,
    rgba(255, 255, 255, 0.95) 5px,
    transparent 5px,
    transparent 24px
  );
  background-size: 100% 24px;
  animation: dashedBorderMove 2s linear infinite;
}

.dashed-border-loader::before {
  left: -10px;
}

.dashed-border-loader::after {
  right: -10px;
}

@keyframes dashedBorderMove {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 24px;
  }
}*/

/*
.dashed-border-loader {
  position: relative;
  overflow: hidden;
}

.dashed-border-loader::before,
.dashed-border-loader::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 10px;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(92, 57, 0, 0.35) 20%,
    rgba(140, 86, 0, 0.65) 35%,
    rgba(231, 153, 19, 1) 50%,
    rgba(140, 86, 0, 0.65) 65%,
    rgba(92, 57, 0, 0.35) 80%,
    transparent 100%
  );
  background-size: 100% 140px;
  background-repeat: repeat-y;
  animation: dashedBorderMove 1.2s linear infinite;
}

.dashed-border-loader::before {
  left: -10px;
}

.dashed-border-loader::after {
  right: -10px;
}

@keyframes dashedBorderMove {
  0% {
    background-position: 0 -140px;
  }
  100% {
    background-position: 0 140px;
  }
}
*/


@property --angle {
  syntax: '<angle>';
  inherits: true;
  initial-value: 0deg;
}

.dashed-border-loader {
  --angle: 0deg;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  animation: rotate-gradient 10s linear infinite;
}

@keyframes rotate-gradient {
  from {
    --angle: 0deg;
  }
  to {
    --angle: 360deg;
  }
}

.hitmag-post {
    margin-bottom: 30px;
}

.hm-slide-holder>.hm-slide-content, .hm-slider-details {
    position: unset;
}

.widget .wpp-list, .widget .wpp-list li {
    padding-left: 0px !important;
  padding-right: 0px !important;
}
.widget .wpp-list .wpp-post-title {
    font-weight: bold;
    
}

.hm-slide-image img {
    width: 100% !important;
    height: auto !important;
    position: unset !important;
}
.hm-slide-image {
    padding-top: 0px !important;
}

.ncs-additional-btn {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
}

.ncs-additional-btn .ncs-btn {
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    padding: 8px 10px;
    font-size: 13px;
   
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff !important;
}

/*
.ncs-btn-cat,
.ncs-btn-12h {
    flex: 0 0 50%;
    width: 50%;
}*/

.ncs-btn-24h, .ncs-btn-cat, .ncs-btn-12h {
    flex: 0 0 100%;
    width: 100%;
}

.ncs-btn-cat  { background: #1d4ed8; }
.ncs-btn-12h  { background: #059669; }
.ncs-btn-24h  { background: #dc2626; }

.ncs-btn-cat:hover  { background: #1e40af; }
.ncs-btn-12h:hover  { background: #047857; }
.ncs-btn-24h:hover  { background: #b91c1c; }
.divider {
    height:1px;
}

#media_image-2 {
    margin-bottom: 5px;
}

/*logo animation */
.logo-switch {
  position: relative;
  width: 690px;
  height: 168px;
  overflow: hidden;
}

.logo-switch .logo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.logo-one {
  animation: logoOneSwitch 5s infinite ease-in-out;
}

.logo-two {
  animation: logoTwoSwitch 5s infinite ease-in-out;
}

/* Related Posts Swiper Carousel */
.hmrp-swiper {
    position: relative;
    padding: 0 0 30px 0 !important;
    overflow: hidden;
}

.hmrp-swiper .swiper-slide .hm-rel-post {
    width: 100% !important;
    margin-right: 0 !important;
    float: none !important;
    margin-bottom: 0 !important;
}

.hmrp-swiper .swiper-pagination-bullet-active {
    background: #e74c3c !important;
}

@media (min-width: 769px) {
.ncs-highlight {
    min-height: 650px;
    display: flex;
    align-items: center;
}
}



.titleab {
    position: absolute;
    z-index: 99999;
    bottom: 20px;
    text-align: center;
}

.titleab a, .titleab a:hover, .titleab a:visited, .titleab a h3 {
    color: #000;
    text-shadow: none;
}

.site-footer {
    background: #000 !important;
}

.slide-entry-meta .comments-link {
    display: none !important;
}

.hm-slider-details {
    background: unset;
}

.ads-block {
    min-width: 100%;
    min-height: 1px;
    margin-top:15px;
    margin-bottom: 15px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}


@media (max-width: 768px) {
  .hm-slider-details .cat-links, .slide-entry-meta {
    display: block;
  }
  
  .logo-switch {
  position: relative;
  width: 300px;
  height: 73px;
  overflow: hidden;
}

.hitmag-magazine-bottom-widgets .widget.widget_text, .posts-wrap .hitmag-post{
    margin-bottom: 15px;
}
}

.ncs-image, .poster-image {
    position: relative;
}

.hmb-entry-title, .poster-title {
    position: absolute;
    bottom: 0px;
}

.hm-slider-details .cat-links {
  background: transparent !important;
  padding: 0px;
}

.slide-entry-meta {
    text-shadow: none !important;
} 
.slide-entry-meta .meta-sep:nth-child(4) {
    display: none;
}


@keyframes logoOneSwitch {
  0%, 42% {
    opacity: 1;
    transform: translateY(0);
  }

  50%, 92% {
    opacity: 0;
    transform: translateY(12px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes logoTwoSwitch {
  0%, 42% {
    opacity: 0;
    transform: translateY(12px);
  }

  50%, 92% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(12px);
  }
}