/*
Theme Name: Cw-News-Booster-0.2
Theme URI: https://cyberworldit.com
Author: The Cyber world it team
Author URI: https://cyberworldit.com
Description: Custom News brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 0.2
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: customnews
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

/*---------------------------------------------
        Start common css
----------------------------------------------*/
:root{
    --body-color:#fff;
    /* --ah-1st-color:#222b46;
    --ah-2nd-color:#414c6d;
    --text-color:red;
    --ah-text-hover-color:green; */
}
*{
    font-family: 'kiron',  Siyamrupali,  Arial, Vrinda, FallbackBengaliFont, Helvetica, sans-serif ;
   
}
body {
    margin: 0;
    padding: 0;
    outline: 0;
    background-color: #fff;
    color: #333 !important;
    font-family: 'kiron',  Siyamrupali,  Arial, Vrinda, FallbackBengaliFont, Helvetica, sans-serif ;
}
html{
    font-family: 'kiron',  Siyamrupali, Arial, Vrinda, FallbackBengaliFont, Helvetica, sans-serif ;
     background-color: #f2f3f7;
}
.container {
    position: relative;
    max-width: 1400px;
}
img,
video {
    height: auto;
    max-width: 100%;
}

ul {
    padding: 0 !important;
}

ul,
ol,
li {
    text-decoration: none;
    list-style: none;
    list-style-type: none;
    margin-bottom: 0 !important;
}

a {
    /* color: var(--text-color) !important; */
    text-decoration: none !important;
}
a:hover{
    /* color:var(--ah-text-hover-color) !important; */
}
img {
    border: none;
    vertical-align: middle;
}

mark {
    color: #1c91bc;
    background: none !important;
}

.section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4 {
    padding-bottom: 25px;
    text-align: center;
}

.icon-pl {
    padding-left: 8px;
}

.icon-pr {
    padding-right: 8px;
}

.m-lr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.m-tb-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

span.ahk {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.section-box {
    margin: 0 auto;
    box-shadow: 0 0 12px #cecece;
    overflow: auto;
    /* background:var(--body-ah-1st-color) */
    background: #fff;
}
/*---------------------------------------------
        common css end
----------------------------------------------*/
/*---------------------------------------------
    Top section
----------------------------------------------*/
.top-section{
    text-align:center; 
    font-size:16px;  
    background:#fff;
    text-align: left;
}
.search-container,
.navigation-top {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.navigation-top ul li {
    float: left;
}
.navigation-top ul li a {
    padding: 0px 10px;
    display: block;
    color: #000;
    line-height: 1;
    border-right: 2px solid #232323;
}
.navigation-top ul li:last-child a{
    border: 0;
}

.top-section .date-container {
    color: #232323;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}
/*==================================================
    Start header section
==================================================*/
.header-section {
    background-color: #fff;
}

.logo {
    padding: 5px;
}

.logo img {
    max-width: 88%;
}

.right-top a {
    padding: 10px 20px;
    background: red;
    color: #fff;
    border-radius: 50px 10px 10px 50px;
    font-weight: 600;
}

.right-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    padding: 5px 0;
}
.right-container p{
    margin: 0;
}

/*==================================================
    End header section
==================================================*/

/*==================================================
    End Mobile header section
==================================================*/
.mobile-header {
    background: #ffff;
}
.mobile-header .search-container{
    
 }
.mobile-header .mobile-part-header .search-container{
     display:block;
 }
.mobile-header .mobile-part .logo{
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
}
.mobile-header .mobile-part .logo img {
    max-width: 35%;
    padding: 0;
}
.mobile-navigation .active-n .ancestor-wrapper .icon{
    background: #232323;
}
.mobile-navigation .active-n  .sub-menu{
    display: block;
    background: #232323;
}
.mobile-navigation .sub-menu{
    display:none;
}
.mobile-navigation .ancestor-wrapper .icon {
    padding: 10px 15px;
}
.mobile-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 70%;
    height: 90%;
    text-align: center;
    margin-top: 0;
     transition: 0.5s ease;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: var(--ah-1st-color);
    z-index: 9999;
    display: none;
    overflow:auto;
}
.mobile-navigation ul li {
    display: block;
    border-bottom: 1px solid;
}
/* .mobile-navigation ul li .ancestor-wrapper a,  */
.mobile-navigation ul li a {
    padding: 13px 13px;
    font-size: 17px;
    line-height: 1;
    color: #fff;
    width: 100%;
    display: block;
}
.mobile-navigation ul > .current_page_item > .ancestor-wrapper > a, 
.mobile-navigation ul > .current-menu-item > .ancestor-wrapper > a {
    color: #c3c3c3 !important;
}
.mobile-navigation  ul  li  .ancestor-wrapper a{
    border-right: 1px solid;
}
.mobile-navigation ul ul {
width: 100%;
position: relative;
left: 0 !important;
}
.mobile-navigation ul li a:hover {
	 color: #fff;
}
.mobile-navigation ul .current_page_item a {

}	

.menu-closed {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-closed img{height: 30px;}
.menu-closed button{
    background-color: #000;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.Menu-button {
	display: block;
	padding: 5px 0;
	right: 0;
}
/*toggle button*/
.Menu-button {

}
.seaech-btn,
.menu-toggle {
    position: relative;
    font-size: 17px;
    background: transparent;
    border: none;
    border-radius: 5px;
}
.mobile-part {
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-toggle-btn {
 padding-left:5px
}
/*==================================================
    End Mobile header section
==================================================*/

/*==================================================
    Start top section
==================================================*/
.social-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
}
.social-container p{
    margin: 0;
}
.social-container .social-item{
    float: left;
}

.social-container .social-item {
    padding: 0 10px;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 33px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    margin: 4px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.social-container ul .social-item {
    text-align: right;
}
.social-container .social-item:nth-child(1){color:#3b5998;}
.social-container .social-item:nth-child(2){color:#c4302b;}
.social-container .social-item:nth-child(3){color:#00acee;}
.social-container .social-item:nth-child(4){color:#0e76a8;}
.social-container .social-item:nth-child(5){color:#D44638;}
.social-container .social-item:nth-child(6){color:#3f729b;}
/*==================================================
    End top section
==================================================*/

/*==================================================
    Start Navigation section
==================================================*/
.navigation-section {
    transition: 0.3s;
    background-color:var(--ah-1st-color);
}

.main-navigation {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-navigation>ul {
    /* border: 1px solid #011b0a;  */
    border-left: 0;
}

.main-navigation > ul > li {
    text-transform: uppercase;
    -webkit-box-shadow: inset 1px 0 0 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 1px 0 0 0 rgba(255,255,255,.1);
    box-shadow: inset 1px 0 0 0 rgba(255,255,255,.1);
    transition: 0.4s;
}

.main-navigation ul li {
    position: relative;
}
.main-navigation > ul > li {
    float: left;
    padding: 0 7px;
}
.main-navigation > ul > li:nth-child(5) .sub-menu li,
.main-navigation > ul > li:nth-child(2) .sub-menu li{
    float: left;
    border-right: 1px solid #eae5e5;
    border-bottom:0;
}
.main-navigation > ul > li:nth-child(5) .sub-menu li:last-child,
.main-navigation > ul > li:nth-child(2) .sub-menu li:last-child{
    border-right:0;
}
.main-navigation > ul > li:nth-child(5) .sub-menu,
.main-navigation > ul > li:nth-child(2) .sub-menu{
    width: max-content;
}
/*--icon css--*/
.menu-icon {
    margin-right: 4px;
    color: inherit;
}
.ancestor-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ancestor-wrapper .icon {
    padding: 0px;
}
.ancestor-wrapper .icon  i {
    font-size: 12px;
    color:#fff;
}
.ancestor-wrapper > a{
    display: block;
    width: 100%;
}
/*--icon css--*/
.main-navigation > ul > ul> li > .ancestor-wrapper > .icon > i{
    padding: 1px 4px;
} 
.main-navigation > ul > ul> li {
    padding: 0 5px ;
}
.main-navigation > ul > li > .ancestor-wrapper > a, 
.main-navigation > ul > li > a {
    padding: 8px 8px;
    font-size: 17px;
    border: 0;
    color: #fff;
    display: block;
    font-weight: 600;
    transition: 0.4s;
}
.main-navigation ul li:hover, 
.main-navigation ul > .current-menu-item {
    background-color: #0a0a0a;
}
.main-navigation ul li a:hover {
    color: #fff;
}
.menu-item-type-taxonomy,
.menu-item-type-post_type{
    
}
.main-navigation ul > .current_page_item,
.main-navigation ul > .current_page_item ,
.main-navigation ul > .current-menu-item ,
.main-navigation ul > .current-menu-item {
    color: #fff;
    background-color: #0a0a0a;
}
/* End main menu*/
.main-navigation ul > .menu-item-has-children > a ,
.main-navigation ul ul > .menu-item-has-children > a ,
.main-navigation ul  ul ul> .menu-item-has-children > a {
    display:block;
}
 
/*---------------------------
     Start Dropdown-menu
---------------------------*/
.main-navigation ul ul {
    position: absolute;
    background: #fff;
    z-index: 111;
    top: 150%;
    text-align: left;
    display: none;
    left:0px;
    width: 200px;
	border: 1px solid #23282d;
	transition:0.3s;
}
.main-navigation ul ul ul{
    left: 100%;
    top: 0 !important;
    display: none ;
}

.main-navigation > ul > ul::before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 2px;
    z-index: -2;
    vertical-align: middle;
    border-top: 10px solid;
    border-right: 10px solid transparent;
} 
.main-navigation > ul > ul::before {
    top: -5px;
    left: 6px;
    transform: rotate(45deg);
}
/* .main-navigation ul ul ul::before {
    top: 6px;
    left: -7px;
    transform: rotate(-45deg);
} */
.main-navigation ul ul li {
    display: block;
    border-bottom: 1px solid #eae5e5;
    transition: 0.5s;
}
.main-navigation ul ul li:last-child {
    border-bottom:0px;
}
.main-navigation ul ul li a,
.main-navigation ul ul ul li a{
    color: #333;
    padding: 8px 15px;
    display: block;
    text-align: left;
    transition: 0.3s;

}

.main-navigation ul li:hover > .sub-menu {
	display: block;
    top: 100%;
}
.main-navigation ul ul li:hover > ul.sub-menu {
	display: block;
    top: -1px !important;
}
.main-navigation ul li:hover > .sub-menu,
.main-navigation ul ul li:hover > ul.sub-menu{
    transition:0.3s;
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/*---------------------------
     End Dropdown-menu
---------------------------*/

/*menu sticky*/
.fixed-header {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    /*background: #fff;*/
    z-index: 9991;
    box-shadow: 0 1px 3px 0 rgba(32, 33, 36, .28);
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    transition: 0.5s ease-out;
}
.news-tricker-fixed .newsTickerCon {
    height: 30px;
}
.news-tricker-fixed .recent-title {
    height: 30px;
}
.news-tricker-fixed .newsTickerCon li{
    padding: 5px 12px;
}
.news-tricker-fixed .recent-title h2 {
    padding: 5px;
}
.news-tricker-fixed{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    transition: 0.5s ease-out;
}
/*menu sticky*/

/*==================================================
    End Navigation section
==================================================*/


/*==================================================
   start- contactus.php
==================================================*/

.contact-us-section {
    background: linear-gradient(to bottom left, #1c91bc, #2d3352);
    color: #fff;
    padding: 70px 0;
}

.contactus-main {
    background: rgba(0, 0, 0, 0.8);
    padding: 20px;
}

.contact-us-head {
    background-image: url(assets/images/about1.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 0;
    margin-bottom: 20px;
    border-radius: 20px;
    border: 2px solid #fff;
}

.contact-us-head p {
    text-align: center;
    padding: 25px;
    margin-bottom: 0;
    width: 90%;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 15px;
}

.contact-location {
    padding: 0 20px 20px;
    background: #ffffff6b;
    margin-bottom: 20px;
}

.location-social ul {
    display: block;
}

.location-social ul li {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    background: #e4e2e2;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.location-social {
    display: block;
    text-align: center;
    background: #fff;
    padding: 5px 0;
}

.location-address ul li a i {
    margin-right: 10px;
}

.form-icon {
    width: 50px;
    height: auto;
    background: #fff;
    color: #1c91bc;
    border-right: 2px solid !important;
}

.form-icon.btn i {
    font-size: 30px;
    border: 0;
    border-radius: 0;
}

.form-input {
    width: 80%;
}

.form-icon {
    border-radius: 0 !important;
}

.form-input {
    width: 80%;
    border: 0 !important;
    border-radius: 0 !important;
}

.form-item {
    margin-bottom: 20px;
    background: #ffffff4a;
    padding: 8px;
}

.submit-item {
    max-width: 350px;
    margin: 40px auto;
}

.ccbtn.btn {
    padding: 10px 80px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    border-radius: 30px !important;
    background: #fff;
    color: #1c91bc;
    transition: 0.3s;
}

.ccbtn.btn:hover {
    background: #1c91bc;
    color: #fff;
}

.con-us-title {
    margin: 25px 0;
}

.con-item-title p {
    margin-bottom: 0;
    padding: 8px 0;
}

.loc-text {
    font-weight: 400;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    background: #fff;
    color: #1c91bc;
}

.loc-icon {
    background: #fff;
    border-right: 2px solid #1c91bc !important;
    color: #1c91bc;
    width: 40px;
    border-radius: 0 !important;
}

.lo-item {
    margin-bottom: 10px;
}

/*==================================================
   End- contactus.php
==================================================*/

/*========================
back to top start
=========================*/

.back-top {
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--ah-2nd-color);
    height: 40px;
    width: 40px;
    line-height: 40px !important;
    background: var(--ah-1st-color);
    /* opacity: 0.7; */
    right: 0;
    margin: 0px 18px;
    position: fixed;
    bottom: 60px;
    color: white;
    z-index: 9999;
    cursor: pointer;
    transition: 0.3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.back-top:hover {
    opacity: 1;
}

.back-t {
    display: none;
}

/*========================
back to top start
=========================*/



/*===================================================================
    Start-comment.php
===================================================================*/
.comments-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

/*===================================================================
    End comment End
===================================================================*/

/*===================================================================
       Start common page
===================================================================*/

.cat-title {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
    line-height: 25px;
}
.cat-title a{
    color: #000;
}

.cp-5 {
    padding: 0 5px !important;
    margin-bottom: 10px;
}

.cat-item {
    height: 100%;
    background: #fff;
}

.post-info {
    padding: 10px;
    text-align:left;
}

.post-info p {
    color: #333;

}

.cat-item:hover {
    /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    -webkit-transform: all .3s ease-in-out;
    -ms-transform: all .3s ease-in-out;
    transform: all .3s ease-in-out;
    position: relative; */
}

.post-info .post-meta {
    margin-bottom: 8px;
}

.page-nav-link {
    text-align: center;
    background: #fff;
    display: block;
    float: left;
    width: 100%;
}
.pagination {
    display: flex !important;
    align-items: center;
    justify-content: center;
        margin: 12px 0;
}
.page-numbers.current {
    z-index: 1;
    background-color:var(--ah-1st-color);
    color: #ffff;
}
.page-nav-link .nav-links {
    border:1px solid #dedede;
    border-radius: 5px;
}
.page-numbers:hover {
    background-color: #e9ecef;
}
.page-numbers {
    padding: 5px 10px;
    border-right:1px solid #dedede;
    float: left;
    transition: 0.4s;
    color: var(--ah-1st-color);
}
.page-numbers:last-child{
    border: none;
}

.page-nav-link .screen-reader-text,
.single-nav-link .screen-reader-text {
    display: none;
}
.single-nav-link .page-numbers{
    border:1px solid #dedede;
}
.single-nav-link .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
}
.widget-container .widget-title {
    padding: 5px;
    margin: -8px -8px 8px -8px;
    font-size: 20px;
    background: var(--ah-1st-color);
    color: #fff;
    font-size: 20px;
}
.home .widget-container .widget{margin-top:0; margin-bottom: 10px;}
.widget-container .widget ul li {
    border-bottom: 1px solid #dede;
}
.widget-container .widget ul li a{
    padding: 5px 0;
    color:#000;
    display: block;
    font-size:16px;
}
.widget-container .widget ul li:last-child{
    border-bottom:none;
}
.widget-container .widget{
	background:#fff;
	padding:8px;
	margin-top: 10px;
	/* border-top-left-radius: 8px;
    border-top-right-radius: 8px; */
}
.widget-container .widget ul{
	background:#fff;
	padding:8px;
	margin-top: 10px;
}
.widget-container .recentcomments {
    text-align: left;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    font-weight: 600;
    color: #333;
}
.more{
    color: var(--ah-1st-color);
    /* background: #dedede;
    padding: 2px 10px;
    border-radius: 3px; */
}

/*===================================================================
       End common page
===================================================================*/

/*==============================
       Start Categoty page
===============================*/
.after-nav {
    background: #fff;
}

.category-page {
    padding: 15px 0;
    background: #fff;
}

.cat-item-container {
    /*    background: #fff;*/
    /*padding: 0 10px;*/
}

.cat-item-container .cat-title {
    font-size: 19px;
    color: #333;
    margin-bottom: 10px;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; */
    line-height: 25px;
    font-weight: 600;
}
.cat-item-container .cat-title a {
    color: #000;
}
.cat-item-container .cat-title a:hover {
    color: #1e88e5;
}
.cp-5 {
    padding: 0 5px !important;
    margin-bottom: 10px;
}

.cat-item-container .cat-item {
    height: 100%;
    background: #4f7af917;
    transition: 0.4s;
}

.single-page.post-info p {
    color: #333;
    font-size: 13px;
}
.cat-item-container .post-info p {
    color: #333;
    font-size: 18px;
}
.cat-item-container .post-thumbnail.cat-img {
    padding: 8px;
    /* transform: scale(1); */
    transition: 0.4s;
    overflow: hidden;
    width: 33%;
    float: left;
    margin-right: 15px;
}
/* .post-thumbnail.cat-img a img{
    overflow: hidden;
}
.cat-item-container .cat-item:hover .post-thumbnail.cat-img {
    transform: scale(1.2);
    overflow: hidden;
} */

/*==============================
       End Categoty page
===============================*/

/*===================================================================
        Recent post
===================================================================*/
.widget-title h4 {
    background: #fff;
    display: block;
    margin: 0;
    padding: 5px 15px;
    text-align: center;
}

.recent-post {
    overflow: auto;
}

.azizul-count {
    overflow: hidden;
    float: left;
    padding: 1px;
    margin-top: 15px;
    border-radius: 50%;
    color: #fff;
    background: #000;
    font-size: 19px;
    border: 5px solid#FFFFFF;
    width: 40px;
    height: 40px;
    /* height: auto; */
    text-align: center;
    margin-right: -10px;
    z-index: 1;
    position: relative;
}
.image-container.re-post a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.recent-post-item .image-container {
    width: 40%;
}
.image-container.re-post img {
    width: 80%;
}
.recent-post .tab-title-box li {
    flex: 1;
}
.recent-post .tab-title-box li a.active{
    border-top: 2px solid var(--ah-2nd-color);
}
.home .recent-post .tab-content{
    max-height: 465px;
}
.recent-post .tab-content {
    max-height: 360px;
    width: 100%;
    overflow: auto;
    margin-bottom: 8px;
    border:1px solid #dee2e6;
    border-top: 0;
}
.tab-title h4 {
    padding: 5px 15px;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    text-align:center;
}
.tab-title-box .nav-link {
    display: block;
     padding: .0rem 0rem !important; 
}
.tab-title-box{
    background: #fff;
}
.recent-post-item {
    overflow: auto;
    padding: 5px 8px;
    background: #fff;
    border-bottom: 2px dashed #dedede;
    transition: 0.3s;
}
 .recent-post .nav-tabs .nav-link.active {
    border-bottom: 0;
    border-radius: 0;
    color: white;
    background: var(--ah-1st-color);
    
}
.recent-post-item:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
}

.image-container {
    float: left;
    height: auto;
    margin-right: 10px;
}

.recent-post-title {
   
    height: auto;
    /* padding-left: 8px; */
}
.recent-post-title i {
    color: var(--ah-1st-color);
}

.recent-post-title h2 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
}
.recent-post-title h2 a{
	font-weight:600;
    color: #333;
}

.deities a {
    font-size: 12px;
    color: #333;
}
.recent-post .nav-tabs .nav-link {
    color: #000;
}
/*===================================================================
                        End Recent post
=====================================================================/*

/*===================================================================
                    Start Home Page-layout
====================================================================*/
/*------------------------------
   layout-cat title
-------------------------------*/
.layout-section-p {
    padding: 20px 0;
}

.layout-cat {
    background-color: var(--ah-2nd-color);
    /* border-bottom: 2px solid var(--ah-1st-color); */
    border-left: 5px solid var(--ah-3rd-color);
}

.layout-cat h3 {
    margin: 0;
    display:inline-block;
    padding: 8px 10px;
    font-size: 26px;
    font-weight: 600;
    background:var(--ah-1st-color);
    color: #fff;
    position: relative;
}
.layout-cat h3:after {
    left: 100%;
    height: 0;
    width: 7px;
    position: absolute;
    top: 0;
    content: "";
    pointer-events: none;
    margin-left: 0;
    margin-top: 0;
    border-top: 48px solid var(--ah-1st-color);
    border-right: 30px solid transparent;
}
.layout-cat h3 a{
    color: #fff;
    
}

/*------------------------------
    End layout-cat title
-------------------------------*/



/*------------------------------
    Start advertisement_block 
-------------------------------*/
.abv-container {
    padding: 15px 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cat-top-adv .abv-container {
    padding-top: 20px !important;
    padding-bottom: 0 !important;
}
.abv-container img{
    width: 100%;
}
/*------------------------------
     End advertisement_block 
-------------------------------*/
/*===================================================================
                    End Home Page-layout
====================================================================*/

/*===================================================================   
                    Start Archive Page-layout
====================================================================*/
.cat-page-block .post-item:first-child {
    width: 100%;
    padding: 0;
}

.cat-page-block .post-item:first-child {
    width: 57%;
    position: relative;
    display: block;
    overflow: auto;
    padding: 0;
}

.cat-page-block .post-item:first-child .post-image{
    width: 100%;
    display: block;
    margin-right: 0;
}
.cat-page-block .post-item:first-child .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 8px 8px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
} 
.cat-page-block .post-item:first-child .caption a {
    color: #fff;
}

.cat-page-block .post-item {
    margin: 0;
    padding: 0px 0px 8px 8px;
    display: block;
    width: 43%;
    overflow: auto;
    float: left;
}
.cat-page-recent-post .tab-title h4 {
   
}

.cat-page-recent-post .tab-content {
/*    max-height: 252px;*/
    max-height: 288px;
    margin-bottom: 0;
}
.headbar {
    border-left: 4px solid var(--ah-2nd-color);
    padding: 8px 10px;
    display: block;
    background:  var(--ah-1st-color);
    color: #fff;
}
/*===================================================================
                    End Archive Page-layout
====================================================================*/

/*===================================================================
                    Start Single Page-layout
====================================================================*/
.single-page {
    background: #fff;
    padding: 20px 0;
}

.single-item-title {}

.single-page-container {
    background: #fff;
    padding: 15px
}

.single-page .post-info p {
    color: #333;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
}

.single-cat-title {
    color: #222;
    font-weight: 800;
    padding: 0 5px;
    line-height: 1.5;
    font-size: 30px;
    text-align: left;
}

/*enter-footer*/
.entry-footer .icon {
    display: inline-block;
    fill: currentColor;
    height: 1em;
    position: relative;
    top: -0.0625em;
    vertical-align: middle;
    width: 1em;
    color: #333;
    margin-right: 20px;
}

.entry-footer .screen-reader-text {
    display: none;
}

.entry-footer {
    text-align: left;
}
.single-page-container .post-info {
    padding: 0;
}
/*enter-footer*/

.page-nav-link .screen-reader-text,
.single-nav-link .screen-reader-text {
    display: none;
}

.single-nav-link .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
}

.entry-footer .icon {
    display: inline-block;
    fill: currentColor;
    height: 1em;
    position: relative;
    top: -0.0625em;
    vertical-align: middle;
    width: 1em;
    color: #333;
    margin-right: 20px;
}
.single-left-container{
    background: #fff;
    height: 100%;
    padding: 6px;
}

.top-post-on {
    border-top: 1px solid #dedede;
}
.post-sharing{
 padding: 8px 0;
border-bottom: 1px solid #dedede;
margin-bottom: 8px;
}
.news-desk {
    font-size: 13px;
    background: #dedede;
    padding: 2px 5px;
    margin-right: 10px;
    border-radius: 4px;
}
.single-page .posted-on ul li {
    font-size: 13px;
    margin-right: 10px;
    border-radius: 4px;
}
.single-page .posted-on {
    display: flex;
    align-items: center;
}
.single-page .posted-on a{
    font-size: 13px;
    margin-right: 10px;
    border-radius: 4px;
    display: block;
    padding: 2px;
}
.single-page .posted-on a{
    color: #000;
}
.single-page .posted-on ul {
   display: flex;
}

.section-related-posts {
    padding-bottom: 25px;
    background-color: #fff;
}
.section-related-posts .cat-item {
    border: 1px solid #dedede;
}
.single-page #breadcrumbs {
    margin-top:0 !important;
    margin-bottom: 15px !important;
    border-bottom:1px solid #dedede;
}
/*===================================================================
                    End Single Page-layout
====================================================================*/

/*===================================================================
                    Start comments-area
====================================================================*/
.comments-area {
    padding: 15px 20px;
    background: #fff;
    box-shadow: 0 0 12px #dedede;
    margin-bottom: 20px;
}
.comments-area textarea ,
.comments-area input {
    width: 100%;
}
.comments-area label {
    font-weight: 600;
  font-size: 20px;
}


/*===================================================================
                    End comments-area
====================================================================*/

/*===================================================================
                  Start breadcrumbs
====================================================================*/
#breadcrumbs{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    background: #f5f5f5 !important;
    padding: 7px;
    color: #fff;
    text-align:left;
    display: block;
    border-radius: 0;
}

#breadcrumbs li a{
    color: var(--ah-1st-color);
}
#breadcrumbs li {
    color: #333 !important;
    font-size: 14px;
}
/*===================================================================
                End breadcrumbs
====================================================================*/

/*===================================================================
    post item  common class  [ch-]
=====================================================================*/
.post-item-container {
    position: relative;
    max-width: 100%;
    overflow: auto;
    /*    background: #fff;*/
}

.post-item {
    margin: 0;
    padding: 8px;
    display: block;
    width: 100%;
    overflow: auto;
    background: #fff;
}

.item-box {
    position: relative;
}

.post-image {
    position: relative;
    width: 30%;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
.post-image img {
    transform: scale(1);
    transition: 0.4s;
}
.caption p {
    margin: 0;
    line-height: 24px;
    font-size: 16px;
    color: #000;
}

h2.post-title-header {
    font-size: 25px;
    padding: 10px 0;
    line-height: 1.2;
    color: #000;
}
.post-title {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    /* font-weight: bold;
    word-wrap: break-word; */
    margin: 0;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 48px; */
    padding: 0 2px;
}
.post-title a{
    display: block;
    font-weight: 600;
}
.post-title i {
    color:var(--ah-1st-color);
}
.caption a {
    color: #000;
    word-wrap: break-word;
}
.post-item .content {
    font-size:1.1rem;
    margin: 0;
}
.post-item:hover  img {
    transform: scale(1.1);
}
.post-category {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2;
        background: rgb(255 255 255 / 60%);
    padding: 4px 8px;
    line-height: 1;
    color: #fff;
}
.img-gallery-container.video-block .post-category {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #0000009e;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.more-btn {
    text-align: right;
    padding: 5px 10px;
}
.more-btn a {
    color: var(--ah-1st-color);
}
/*
.post-item-container:hover .post-image img {
    transform: scale(1.2);
}
*/
/*===================================================================
   End  post item common class  [ch-]
=====================================================================*/

/*==============================
    Start gallery 
==============================*/
.homepage-gallery{
    /* background-image: url(..//images/footer-bg.jpg); */
    background-repeat: repeat;
    padding: 25px;
    background: var(--ah-1st-color);
}
.homepage-gallery ul.post-item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.homepage-gallery .video-gallery-container .post-item {
    border: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.homepage-gallery .video-gallery-container .post-item:nth-child(1) {
    border-bottom: 2px solid #dedede;
    border-right: 2px solid #dedede;
}
.homepage-gallery .video-gallery-container .post-item:nth-child(2) {
    border-bottom: 2px solid #dedede;
}
.homepage-gallery .video-gallery-container .post-item:nth-child(3) {
    border-right: 2px solid #dedede;
}
.homepage-gallery .video-gallery-container .item-box::after {
    position: absolute;
    content: "\f03d ";
    font-family: FontAwesome;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-color: #06060670;
    text-align: center;
    line-height: 40px;
    font-size: 25px;
    border-radius: 0 0 15px 0;
    color: #dedede;
}
.homepage-gallery .img-gallery-container .caption ,
.homepage-gallery .video-gallery-container .caption {
    /* position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px;
    background-color: #06060670; */
}
.homepage-gallery .img-gallery-container .caption h2 ,
.homepage-gallery .video-gallery-container .caption h2{
    
}
.homepage-gallery .img-gallery-container .post-image ,
.homepage-gallery .video-gallery-container .post-image {
    width: 100%;
    float: none;
}
.video-gallery-container {
    color: #333;
}
.homepage-gallery .img-gallery-container .caption {
    background: #f3f3f3;
}
.homepage-gallery .img-gallery-container.video-block .caption h2{
    /* font-size: 18px; */
    /* line-height: 1.2;
    margin: 0; */
}
.homepage-gallery .img-gallery-container .caption h2{
    margin: 5px 0 ;
    font-size: 28px;
    line-height: 28px;
    padding: 8px;
}

/*.video-gallery-container .caption {
    width: 79%;
}/*

/*.video-gallery-container .caption a {
    background: none;
    color: #fff;
}*/





/*==============================
    Start gallery 
==============================*/

/*==============================
    Start Footer Navigation
==============================*/
.footer-navigation{
    margin-top:20px;
    border-top:1px solid #dedede;
    border-bottom:1px solid #dedede;
    background:#fff;
    padding: 14px 0;
}

.footer-nav ul {
    text-align: center;
}

.footer-nav ul li a {
    color: #000;
    font-weight: 600;
}
.footer-nav ul li {
    padding: 5px 0;
    display: inline-flex;
    padding: 0 12px;
}
/*==============================
    End Footer Navigation
==============================*/

/*==============================
    Start site-info
==============================*/
.site-info-section {
    background: #ffffff;
    border-bottom: 2px solid #eaeaea;
}

.site-info {
    padding: 25px 0;
}

.site-info p {
    margin: 0;
    text-align: center;
    color: #525252;
	font-size:18px
}
.fixed-info{

    padding: 8px;
    margin: 0;
}
 .copy-rules{
    background: #222b46;
    padding: 5px 0;
    border-bottom: 1px solid var(--ah-2nd-color);
}
 .copy-rules p {
    margin: 0;
    text-align: center;
    color: #fff;
}
/*==============================
    End site-info
==============================*/

/*==================================================
    Start-footer-section
==================================================*/
.footer-section {
    background: #272626;
    background-image: linear-gradient(to top right, #1c91bc, #09103a);
    color: #fff;
}

.footer-container {
    background: #ffffff26;
    padding: 15px;
}

.footer-item1 {}

.footer-item1 h4 {
    margin-bottom: 22px;
    padding: 0 0 10px;
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
    /* background: #1c91bc; */
    /* border-radius: 12px 0; */
    color: #fff;
    border-bottom: 1px solid #fff;
    line-height: 1;
}

.footer-item-inner {
    /*     padding: 15px;*/
}

.widget-item ul li,
.footer-contact ul li {
    padding: 3px 0;
}

.footer-social ul li {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    background: #fff;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}

.footer-contact {}

.footer-logo {
    text-align: center;
}
.footer-logo img{
    max-width: 30%;
}

.footer-social {
    padding-top: 35px;
    text-align: center;
}

.widget-item ul li a,
.footer-contact ul li a {
    color: #fff;
    font-family: Helvetica;
    transition: 0.3s;

}

.widget-item ul li a {
    display: block;
}

.widget-item ul li:hover a {
    padding-left: 3px;
    text-decoration: underline;
}

/*==================================================
    End-footer-section
==================================================*/ 
/*==================================================
    Start search-container
==================================================*/ 

.search-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.search-container .search-form{
    width: 100%;
    display: flex;
}
.search-container .search-field {
    width: 60%;
    margin: 0;
    border:0;
    padding: 0 8px;

}
.search-container .input-group {
    justify-content: flex-end;
}
.search-container .search-submit {
    margin: 0;
    background: #232323;
    border: 0;
    color: #fff;
    padding: 3px 8px;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
}
.search-container .screen-reader-text {
    margin-left: 5px;
}

.search-container .search-btn{background-color: var(--ah-1st-color); color:#fff; min-width: 60px;}
.search-container {width: 100%;}
.search-container input{border:0; border-radius: 0;}
.search-container .input-group {width: 100%;}
.search-container .form-control {background-color: #f9f9f9;}
/*==================================================
    End search-container
==================================================*/ 

/*==================================================
    Start date-container
==================================================*/ 

.date-container {
    text-align: left;   
}
.date-container i{
    padding: 0 7px 0 15px;
}
/*==================================================
    End date-container
==================================================*/ 

/*==============================
 copyright-section
================================*/
.copyright_section {
    width: 100%;
    float: left;
    background-color: var(--ah-1st-color);
    padding: 5px 0;
    background-image: url(assets/images/footer-bg.jpg);
}

.copyright-text {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #d0d0d0;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    text-transform: none;
    text-align: center;
    font-family: sans-serif;
}
.copyright-text a{
    font-family: inherit;
}

/*==============================
 End---copyright-section
================================*/















/*red green color animation*/
@-webkit-keyframes redGreen {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0)
    }
}

@-moz-keyframes redGreen {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0)
    }
}

@-ms-keyframes redGreen {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0)
    }
}

@keyframes redGreen {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0)
    }
}

/*
box-shadow: 0 0 0 0 rgb(22, 113, 57,.8);
    -webkit-animation: redGreen 2s infinite cubic-bezier(.66, 0, 0, 1);
    -moz-animation: redGreen 2s infinite cubic-bezier(.66, 0, 0, 1);
    -ms-animation: redGreen 2s infinite cubic-bezier(.66, 0, 0, 1);
    animation: redGreen 2s infinite cubic-bezier(.66, 0, 0, 1)
red green color animation
*/
.counter-container {
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.counter-image{
    max-width: 100%;
    padding:  0px 10px;
}
.countdown{font-family: arial; text-transform: uppercase;}
.countdown > div{display: inline-block;}
.countdown > div > span{display: block; text-align: center;}
.countdown-container{
    margin:0 3px;
    border-radius: 4px;
    overflow: hidden;
}
.countdown-container .countdown-value{
    font-size: 24px;
     background:#333333;;
      padding:8px; 
      color:#fff; 
      text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
      line-height: 1;
    }
.countdown-container .seconds{
    padding: 8px;
}
.countdown-heading{
    background: var(--ah-1st-color);
    padding: 2px;
    color: #fff;
}