/*
CTC Separate Stylesheet
Updated: 2024-06-24 03:05:22
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.3.9.1719198322
*/
body {
    font-family: LocalFont,sans-serif;
    color: #24232f;
    font-size: 16px;
    line-height: 20px;
}

.main-navigation {
    background-color: #0C376A;
    clear: both;
    display: block;
    float: left;
    font-family: "Ubuntu", sans-serif;
    width: 100%;
}
.main-navigation a {
    font-weight: normal;
}

.site-info{
	 background-color: #0C376A;
}
.site-title{
	font-size:20px;
}

.hitmag-single .entry-title{
	font-size:20px;
	font-family: "Ubuntu", sans-serif;
}
.entry-header .entry-title{
	font-size:20px;
	font-family: "Ubuntu", sans-serif;
	 
}

.list-box {
	border-radius: 3px;
    background: #ffffff;
    border: solid 1px #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px;
	min-height: 180px;
	 
}

.list-box .box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}

.list-box .list-title {
    font-size: 15px;
    margin: 0;
    line-height: 1;
	margin-bottom: 10px;
	
}
.list-box p {
	 font-size: 15px;
}

.list-box .offer-merchant-img{
	margin: 0 auto;
    text-align: center;
}

.list-box .offer-merchant-img img{
	  width: 100px;
}

.list-box .offer-description{
	margin: 0 auto;
    text-align: center;
}

.list-box .offer-description h4{
	margin: 0;
	font-size: 18px;
}

.list-box .coupon-border {
    border: 2px dashed rgba(0,0,0,.125);
    width: 160px;
    margin: 0 auto;
    padding: 5px;
    font-size: 12px;
	margin-bottom: 10px;
}

.list-box .get-deal{
    background: #0c376a;
    width: 85px;
    margin: 0 auto;
    padding: 4px;
   
}

.list-box .get-deal a{
 color: #FFF;	
}

.clear-both{
	    clear: both;  
}
hr{
	margin-top: 20px;
}
.min-height-300{
 min-height: 300px;
}
 
 
 
#respond{
	display: none;
}
.site-info-owner{
	    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.site-branding {
    float: left;
    max-width: 100%;
    margin: 14px 0;
}
 
ins.adsbygoogle { background: transparent !important; }
.activity-type-navs,.subnav-filters {
   /* display:none;*/
    
}
body.buddypress .site-content{padding-top:0 !important; margin-top: -38px;}
.activity-list.bp-list{
	padding:0 !important; 
}
.activity-list .activity-item div.item-avatar{
	    width: 8% !important;
}
.activity-inner {
	padding: 0!important;
	background: #fff;
	
}
.activity-list .activity-item .activity-content .activity-inner, .activity-list .activity-item .activity-content blockquote{
	background: #fff;
	margin: 0;
}
#activity-stream{
	padding-top: 0px;
	
}

.activity-list .activity-item .activity-header .time-since{
font-size: 10px;
}
.activity-list .activity-item .activity-header{
	font-size: 10px;
}
.activity-list .activity-item .activity-inner p{
	font-size: 15px;
}
.activity-list .activity-item .activity-inner p a{
	font-size: 22px;
}

.activity-list.bp-list{
	background: #fff;
	border: 0;
}
.activity-list.bp-list .activity-item {
    background: #fff;
    border: 1px solid #b7b7b7;
    box-shadow: none;
    margin: 10px 0;
}
#buddypress #item-header-cover-image{
	display: none;
}
#buddypress #header-cover-image{
	display: none;
}
.users-nav{
	display: none;
}
.buddypress-wrap .bp-subnavs{
	display: none;
}

/* offer CSS */
      .offer-outer{
      width: 100%;	    
      margin: 0 auto;
      background: #FFF;
      }
      .offer-box{
   position: relative;
    border-radius: 3px;
    background: #ffffff;
    margin-bottom: 5px;
    width: 100%;
    font-family: 'Source Sans Pro',sans-serif;
    overflow-y: auto;
    margin: 0 auto;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
    margin-bottom: 5px;
    padding: 8px;
	
      }
    .offer-box  .box-title {     
    font-size: 20px;
    margin: 0;
    line-height: 30px;
    font-family: 'Open Sans';
    font-weight: bold;
      }
      .offer-box .box-header.with-border{
      /*border-bottom: 1px solid #f4f4f4;*/
      }
      .offer-box .box-header{
      color: #444;
      display: block;
      padding: 10px;
      position: relative;
      }
	  
	.offer-box .box-header a:hover {
    color: #fff;
	}

      .offer-box .box-body {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      padding:5px 5px 5px 5px
      }
      .offer-box .box-body p{
      font-size: 15px;
      }
      .offer-box .book-now a{
      font-size: 15px;
      font-weight: bold;
      color: #000;
      text-decoration: none;
      }
      .offer-box .date-time{
      font-size: 10px;
    	color: #d2d6de;
      }

.offer-box .date-time a{
       
    	color: #d2d6de;
      }

   .offer-box .details{
    font-size: 18px;
	margin-top: 0px;
	font-family: "Ubuntu", sans-serif;   
}

.offer-box .offer-short-disc{
        font-size: 18px;
    margin-top: 10px;
    font-family: "Ubuntu", sans-serif;
    line-height: 40px; 
}

.offer-box .details pre{
    font-size: 16px;
    margin-top: 0px;
    background: #fff;
    font-family: "Lato", sans-serif;
    overflow: unset;
    padding: 0;
}
.offer-box .details h4{
	margin: 0;
	font-size: 16px;
	line-height: 23px;
	font-weight: normal;
}

 .offer-box .book-now a {
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    border: solid 2px;
    padding: 5px 10px 6px 10px;
    background: #0C376A;
}

 .offer-box table tr td{
         border: 0px;
      }

.offer-box table {
         border: 0px;
 }
#post-offers{
	font-size: 15px;
    background: #e74c3c;
	color:#FFF;
    padding: 6px;
    font-weight: bold;
}
 
.hitmag-single .cat-links{
/*	display:none;*/
}

.image-box{
	width: 100%;
	/*padding-top:10px;*/
}

.image-box img{
width: 100%;
}

.offer-box .box-header .with-border {
    border-bottom: 1px solid #f4f4f4;
}
.offer-box .box-header {
    display: block;
    padding: 10px;
    position: relative;
	background:#0C376A;
}

 


.offer-box .category{
float: right;
background:#0C376A;
padding: 4px;
color: #FFF;
font-size: 10px;
text-transform:capitalize;	
border-radius: 3px;	
}
.offer-box .category a{
	color:#fff;
}

.box-title a{
	color:#0C376A;
}

ins.adsbygoogle { background: transparent !important; }

.book-now{
	margin-bottom: 10px;
}
.page-content, .entry-content, .entry-summary{
	    margin: 0;
}

.entry-content p{
	font-size: 16px;
    line-height: 30px;
    color: #24232f;
    margin: 10px 0;
}

.details a{
	color:#000;
} 

.hitmag-post .entry-summary p{
	    line-height: 25px;
}
h2 {
   font-size: 20px;
}

.offer-box .offer-short-disc pre{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    /*font-family: "Ubuntu", sans-serif;*/
    font-family: 'Open Sans';
    padding: 0;
    font-size: 18px;
    background: #fff;
    line-height: 35px;
}

.entry-content p{
   font-family: 'Open Sans'; 
   font-size: 18px !important;
   line-height: 35px;
   
}

.magic-box{
    font-size: 20px;
    margin: 0;
    line-height: 30px;
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    border: solid 1px #ccc;
    padding: 10px;
    margin-bottom: 5px;
}

 

.magic-box span{
  font-size: 12px;
  line-height: 0px;
 text-align: center;
  color: #888888;
  font-weight: normal;
}

h1 {
    font-size: 26px !important;
}

h2 {
    font-size: 22px !important;
}

h3 {
    font-size: 18px !important;
}

h4 {
    font-size: 14px !important;
}

h5 {
    font-size: 10px !important;
}

@keyframes color-change {
  0% { color: red; }
  50% { color: white; }
  100% { color: red; }
}
.ad-box{
    border: dotted 2px;
    padding: 2px;
    text-align: center;
    color: red;    
    font-size:25px;
       
}
.ad-box a{
  animation: color-change 1s infinite;   
}

 /* Loader styles */
        #loader {
            display: none;
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(255,255,255,0.8);
            text-align: center;
            padding-top: 200px;
            font-size: 20px;
            color: #333;
        }
        /* Offer card styles */
        .deal-card {
            width: 100%;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 0px 20px 20px 20px;
            margin: 20px auto;
            box-shadow: 0 4px 10px rgba(0,0,0,0.08);
            font-family: Arial, sans-serif;
            line-height: 30px;
        }
        .deal-title {
            font-size: 22px;
            font-weight: bold;
            color: #222;
            margin-bottom: 10px;
        }
        .deal-description {
            font-size: 16px;
            color: #555;
            margin-bottom: 12px;
            line-height: 30px;
        }
        .deal-dates {
            font-size: 14px;
            color: #777;
            margin-bottom: 15px;
        }
        .coupon-box {
            font-size: 14px;
            font-weight: bold;
            align-items: left;
            gap: 10px;
        }
        .coupon-code {
            background: #f8e71c;
            color: #111;
            font-weight: bold;
            padding: 8px 14px;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            position: relative;
        }
        .coupon-code:hover::after {
            content: attr(data-full);
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            background: #f8e71c;
            border-radius: 6px;
            padding: 8px 14px;
            color: #111;
            font-weight: bold;
            text-align: center;
            z-index: 2;
        }
        .copy-btn {
            background: #ff9900;
            color: #fff;
            font-weight: bold;
            padding: 7px 14px;
            border: none;
            border-radius: 2px;
            cursor: pointer;
            transition: background 0.3s;
            margin-left: 10px;
        }
        .copy-btn:hover {
            background: #e68a00;
        }
        .offer-link {
            display: inline-block;
            background: #0C376A;
            color: #fff !important;
            padding: 8px 16px;
            border-radius: 3px;
            text-decoration: none;
            transition: background 0.3s;
        }
        .offer-link:hover {
            background:#2980B9;
        }