/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      3.1
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain:  jannah-child
*/


/* write custom css after this line */



/* roboto-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 200;
    src: url('./assets/fonts/roboto-v47-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('./assets/fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('./assets/fonts/roboto-v47-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('./assets/fonts/roboto-v47-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    src: url('./assets/fonts/roboto-v47-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-600italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 600;
    src: url('./assets/fonts/roboto-v47-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('./assets/fonts/roboto-v47-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-700italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('./assets/fonts/roboto-v47-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  





.single-big-img #breadcrumb em:last-of-type {
	  display: none;
	}

/* .container-wrapper,
.tie-weather-widget.widget {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05)
} */

/* .dark-skin .container-wrapper,
.dark-skin .tie-weather-widget.widget {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2)
} */


/* 
@media(min-width:1350px) {

    .container,
    .wide-next-prev-slider-wrapper .slider-main-container {
        max-width: 1350px
    }
} */


@media(max-width:1250px) {
    .share-buttons-sticky {
        display: none
    }
}

pre.wp-block-code {
    background: #000;
    color: #fff
}

@media screen and (max-width:339px) {

    .sn-content,
    .sn-header {
        height: 250px;
        width: 300px;
        margin: 2px auto 3px
    }
}

@media screen and (max-width:1099px) and (min-width:340px) {


    .sn-content,
    .sn-header {
        height: 280px;
        width: 336px;
        margin: 4px auto
    }
}

@media screen and (max-width:479px) {
    .main-nav-wrapper {
        height: 54.125px
    }
}

@media screen and (max-width:990px) and (min-width:480px) {
    .main-nav-wrapper {
        height: 59.025px
    }
}

@media screen and (max-width:990px) {
    .button-mobile {
        background-color: #ffffff;
        color: #000000!important;
        margin: 0px 0px 12px 5px;
        padding: 1px 92px 0px 10px !important;
        border-radius: 5px;
        font-size: 12px!important;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
      }
      .button-mobile:hover {
        background-color: #c29952;
        color: white!important;
      }
}

@media screen and (max-width:470px) {
    .seoneurons-block-content {
        width: 300px;
        height: 250px
    }
}

@media screen and (min-width:470px) {
    .seoneurons-block-content {
        width: 320px;
        height: 336px
    }
}

@media screen and (min-width:1100px) {
    .sn-header {
        height: 90px;
        width: 728px;
        margin: 4px auto
    }

    .sn-content {
        height: 280px;
        width: 336px;
        margin: 4px auto
    }

    .seoneurons-block-content {
        width: 720px;
        height: 300px
    }
}

.seoneurons-block-fixed {
    position: fixed;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20
}

.dark-skin .entry a:not(.button, .post-bottom-meta),

.wp-block-code>code,
code {
    color: #fff !important
}
/* .entry-content img{box-shadow:-1px 3px 17px 5px #6454545c} */
#content .container-wrapper {
    border: 0 !important;
    border-radius: 5px !important
}


.header_banner {
    width: 320px;
    height: 250px
}

@media(min-width:500px) {
    .header_banner {
        width: 468px;
        height: 60px
    }
}

@media(min-width:800px) {
    .header_banner {
        border: none;
        height: 280px;
        width: 1200px;
        margin: 0;
        padding: 0;
        position: relative;
        visibility: visible;
        background-color: transparent;
        display: inline-block;
        overflow: visible
    }
}

button#accept-all,
button#accept-necessary {
    padding: 6px 13px 8px;
    border-radius: 5px;
    margin: 10px 35px 10px 0;
    color: #fff
}

button#accept-all {
    background-color: green
}

button#accept-necessary {
    background-color: #255f7b
}

@media (max-width:478px) {
    .theme-header {
        max-height: 62.7833px
    }
}

.single-big-img .entry-header {
    position: relative!important;
}

.full-width-area .entry-header-outer {
    padding: 130px 0 0 !important;
}

@media (max-width: 1240px) {
    .full-width-area .entry-header-outer {
        padding: 100px 100px 0 !important;
    }
}

.single-big-img .thumb-overlay {
    background-color: rgba(0, 0, 0, 0.3);
}
.fullwidth-entry-title  .thumb-overlay:after, .first-post-gradient li:first-child .post-thumb:after, .scroll-2-box .post-thumb:after{
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.0))!important;
}
	.page #breadcrumb .current,
	.page #breadcrumb em:last-of-type,
	
	.page #breadcrumb .current,
	.page #breadcrumb em:last-of-type,
	
	/* .single-big-img #breadcrumb em:last-of-type {
	  display: none;
	} */
/* .single-post #breadcrumb .current {
	display: none;
} */
.side-aside a.remove
{
	left: 90%!important;
}

@media (min-width: 768px) { 

    #share-buttons-sticky > div > a.whatsapp-share-btn {
        display: inline-block !important;
    }
	#share-buttons-bottom > div > a.whatsapp-share-btn
	{
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {

      .full-width-area .entry-header-outer {
        padding: 20px 20px 0 !important;
      }
      h1 {font-size: 33px;}
}
@media (max-width: 767px) {
.entry-header-outer #breadcrumb {
    margin: 0 0 0px!important;
    padding: 0;
}
}
#main-nav:not(.fixed-nav) #sticky-logo, #main-nav:not(.fixed-nav) .flex-placeholder {
    display: block!important;
}
#main-nav.main-nav.header-nav.menu-style-line.menu-style-minimal.fixed.fixed-nav {
    background-color: #ffffff;
    color: black;
}

nav#main-nav.fixed-nav.fixed-not-bottom div.container a:not(:hover) {
    color: black !important;
}




.side-aside a.remove {
	left: 90% !important;
}

@media (min-width: 768px) {
	#share-buttons-sticky>div>a.whatsapp-share-btn {
		display: inline-block !important;
	}

	#share-buttons-bottom>div>a.whatsapp-share-btn {
		display: inline-block !important;
	}
    .search-compact-icon {
    margin: 0 20px 0px 0;
}
}

/* .thumb-overlay .thumb-content {
	text-shadow: 4px 2px 9px #00000073, -4px 2px 12px #00000091
}

.thumb-overlay {
	background-color: rgba(0, 0, 0, 0.3);
} */
.entry-header .post-is-trending{
    margin: 15px 0 10px 22px;
    display: inline-block;
}
.fullwidth-entry-title-wrapper .entry-header-outer .post-cat-wrap {
    display: inline-block!important;
}

@media (min-width: 992px) {
	.categories-block ul.categories-layout-wrap.categories-wrap-3 li {
    max-width: 32%;
}
    nav#main-nav.fixed-nav div.container a {
        color: black !important;
    }
    nav#main-nav.fixed-nav div.container a::after {
        background: black !important;
    }
	nav#main-nav.fixed-top div.container a.button {
        background: rgb(255, 255, 255) !important;
		color: #000000!important;
    }
	nav#main-nav.fixed-top div.container a.button:hover {
        background: #c29952 !important;
		color: #ffffff!important;
    }
	#menu-components-wrap > ul > li.custom-menu-button.menu-item.custom-menu-link > a {
		background-color: var(--brand-color); /* Default background color */
		color: white; /* Default text color */
		text-decoration: none; /* Optional: remove underline from links */
		padding: 10px 20px; /* Optional: add some padding */
		border-radius: 5px; /* Optional: make the button edges rounded */
	}
	
    nav#main-nav:not(.fixed-top) #menu-components-wrap a.button {
        color: white!important;
    }
	#menu-components-wrap > ul > li.custom-menu-button.menu-item.custom-menu-link > a.button:hover {
		background-color: #c29952; /* Background color on hover */
		color: white!important; /* Text color on hover */
	}
    nav#main-nav:not(.fixed-top) .sub-menu{
	background-color: #ffffff!important;
	color: #000;
    }
    nav#main-nav:not(.fixed-top) .sub-menu .menu-item:hover{
	background-color: var(--brand-color)!important;
    color: #ffffff!important;
	}
    nav#main-nav:not(.fixed-top) .sub-menu .menu-item a:hover{
        color: #ffffff!important;
        }
    
        nav#main-nav.fixed-top .sub-menu .menu-item:hover{
            background-color: #ffffff!important;
        }   
        nav#main-nav.fixed-top .sub-menu .menu-item a:hover{
        color: #000000!important;
    }



}

@media (max-width: 550px) {
	.single-big-img .entry-header{
		padding: 10px;
	}

}


.author-avatar a {
    pointer-events: none;
    cursor: default;
}
a#go-to-content {
    display: none;
}

aside .container-wrapper {
    padding: 10px;
}

#category-title-section .taxonomy-description.entry {
    max-width: 1200px;
    margin: 0 20px 0 20px;
}

#ez-toc-container ul 
{line-height: 1.7em!important;}

.tie-slick-dots button {
    border: 2px solid var(--brand-color)!important;
    height: 10px!important;
    width: 10px!important;
    
}


/* Category */


                /* Overlay to Darken the Background Image */
                #category-title-section::before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, 0.6); /* Dark overlay */
                    z-index: -1; /* Place behind content */
                }
                #category-title-section a {
                    color: var(--brand-color);
                    font-weight: 600;
                    /* text-decoration: underline; */
                }

                #category-title-section a:hover {
                    text-decoration: underline;
                }

                
                /* Styling the Page Title */
                #category-title-section .page-title {
                    font-size: 2.5rem; /* Large font for the title */
                    font-weight: bold; /* Make the title stand out */
                    margin: 10px 0;
                    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); /* Subtle text shadow for readability */
                    transition: transform 0.3s ease, color 0.3s ease;
                }

                /* Hover effect for Page Title */
                #category-title-section .page-title:hover {
                    transform: scale(1.05);
                    color:rgb(255, 255, 255); /* Change color on hover */
                }

                /* Styling the Breadcrumb */
                #category-title-section #breadcrumb {
                    font-size: 1rem; /* Breadcrumb font size */
                    margin-bottom: 10px; /* Space below breadcrumb */
                    color: #dedede; /* Slightly muted color for breadcrumb */
                    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* Subtle shadow for readability */
                }

                /* Styling Breadcrumb Links */
                #category-title-section #breadcrumb a {
                    color:#dedede; /* Highlight links in breadcrumb */
                    text-decoration: none; /* Remove underline */
                    transition: color 0.3s ease;
                }

                #category-title-section #breadcrumb a:hover {
                    text-decoration: underline; /* Underline on hover */
                    color: #ffffff; /* Change color on hover */
                }

                /* Responsive Adjustments */
                @media (max-width: 768px) {
                    #category-title-section {
                        min-height: 300px;
                        padding: 30px 10px;
                    }

                    #category-title-section .page-title {
                        font-size: 2rem;
                    }

                    #category-title-section #breadcrumb {
                        font-size: 0.9rem;
                    }
                }

                @media (max-width: 480px) {
                    #category-title-section {
                        min-height: 250px;
                        padding: 20px 5px;
                    }

                    #category-title-section .page-title {
                        font-size: 1.5rem;
                    }

                    #category-title-section #breadcrumb {
                        font-size: 0.8rem;
                    }
                }



/* search bar color */

form > input.tie-popup-search-input {

    background: rgb(255 255 255 / 70%) !important;
    color: #312f2f;
}

.tie-popup-is-opend .tie-popup a.remove {display: none;}