/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      1.0.2
	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 */


:root {
	--primary-color: #ec1d23;
	--secondary-color: #2c2f34;
}

.d-none{
	display: none !important;
}

.mag-box-options .slider-arrow-nav{
	flex: 0 0 70px;
}

.slider-arrow-nav a {
    border: 1px solid rgb(0 0 0 / 85%);
    font-size: 20px;
    line-height: 30px;
    width: 30px;
    height: 30px;
}

header .tie-row.logo-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .tie-row.logo-row:after {
	display: none;
}

header .image-logo img {
	width: 235px !important;
	min-width: 127px;
	height: auto !important;
	max-height: 100% !important;
	padding: 0 35px;
}

header .main-menu-wrapper .components {
	flex-direction: row-reverse;
}

.main-menu .menu > li > a{
	padding: 0 8px;
}

.header-container {
	position: relative;
	z-index: 999;
}

header .components .tie-search-trigger {
	color: black !important;
}

header .main-menu-wrapper .components .button {
	font-weight: 400 !important;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: 15px;
	background-color: var(--primary-color);
	transition: background-color .3s ease;
}

header .main-menu-wrapper .components .button:hover {
	background-color: var(--secondary-color);
}

header .main-menu-wrapper .components .button i {
	font-size: 18px;
}

nav.main-nav.menu-style-border-bottom .menu>li {
	border-bottom: none !important;
	background-color: transparent;
	transition: background-color .3s ease-in;
}

.header-menu .menu{
	align-items: center;
}

#main-nav .main-menu>ul>li>a {
	color: black !important;
}

#main-nav .main-menu>ul> .btn-menu{
	line-height: normal;
}

#main-nav .main-menu>ul> .btn-menu:hover{
	background-color: transparent !important;
}

#main-nav .main-menu>ul> .btn-menu:hover a:hover{
	color: white;
	background-color: var(--primary-color);
}

#main-nav .main-menu>ul> .btn-menu:hover a::before{
	display: none;
}

#main-nav .main-menu>ul> .btn-menu a{
    border: 1px solid var(--primary-color);
    border-radius: 60px;
    height: 31px;
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 14px;
    color: var(--primary-color) !important;
}

#main-nav .main-menu>ul> .btn-menu{
	margin-left: 10px;
}

nav.main-nav.menu-style-border-bottom .menu>li.tie-current-menu,
nav.main-nav.menu-style-border-bottom .menu>li:hover {
	background-color: var(--primary-color);
	margin-bottom: 0;
}

#main-nav .main-menu>ul>li.tie-current-menu>a,
#main-nav .main-menu>ul>li:hover>a {
	color: white !important;
}

nav.main-nav.menu-style-border-bottom .menu>li>a::before {
	content: '';
	background: var(--secondary-color);
	width: 40%;
	display: block;
	height: 3px;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: scale(0);
	transition: transform .3s ease-in;
}

nav.main-nav.menu-style-border-bottom .menu>li.tie-current-menu>a::before,
nav.main-nav.menu-style-border-bottom .menu>li:hover>a::before {
	transform: scale(1);
}

.breaking-title:before {
	background: #e3e3e3;
}

.breaking-title span {
	position: relative;
	z-index: 1;
	color: black;
}

.top-nav {
	border: none !important;
}

.topbar-wrapper {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.tie-logo-img-default {
	max-height: 100% !important;
}

#logo {
	margin-top: 15px;
	margin-bottom: 15px;
}

#main-nav .main-menu>ul>li>a {
	text-transform: initial !important;
	font-weight: 500;
	height: 100%;
}


.main-nav-boxed .main-menu-wrapper {
	background-color: transparent !important;
}



.admin-bar .theme-header .fixed-nav {
	left: 0;
}

.main-nav-dark .main-nav.fixed-nav {
	background-color: #ffffffd1;
	background-color: white;
	left: 0;
}

.widget-title .tie-icon {
	display: none;
}

footer .social-icons-widget ul {
	display: flex;
	gap: 10px;
}

footer .social-icons-widget .social-icons-item .social-link {
	background: transparent !important;
	width: auto;
	height: auto;
	line-height: normal;
}

footer .subscribe-widget input[type="submit"] {
	background-color: var(--primary-color);
	transition: opacity .3s ease-in-out;
}

footer .subscribe-widget input[type="submit"]:hover {
	opacity: .8;
}

/*.main-banner .boxed-slider-wrapper .thumb-content {
	max-width: calc(100% - 45px);
	background: white;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 23px;
	padding: 30px 20px;
}*/

.main-slider .thumb-meta {
	color: white;
}

.main-banner .boxed-slider-wrapper .thumb-title {
	font-size: 50px;
	color: var(--primary-color);
	text-transform: uppercase;
	max-width: 100%;
	line-height: 50px;
}

.main-banner .thumb-overlay .thumb-title a {
	color: white !important;
	font-family: 'Futura XBlkCn BT';
	font-size: 3rem;
	line-height: 1.08;
}

.main-banner .boxed-slider-wrapper .tie-slick-dots {
	bottom: 45px;
}

/*.main-banner .boxed-slider-wrapper .tie-slick-dots .slick-active button {
	background: #cccccc;
}*/

.main-banner .thumb-overlay .thumb-desc {
	color: white;
}

.main-banner .boxed-slider .thumb-overlay::after{
	content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    width: 100%;
    height: 100%;
    bottom: 0;
}

.tie-slick-dots button{
	border: .4px solid #ffffff40;
	background: #2c2f34;
}

.archive.category #category-slider {
	max-width: calc(1200px - 32px);
	margin: 0 auto;
}

.archive.category .entry-archives-header .entry-title {
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
}

.archive.category h1 {
	font-weight: 400;
}

div[id*="tie-newsletter-"] .widget-title {
	display: none;
}

.single-post .comments-area {
	display: none;
}

.single-post .about-author {
	margin-bottom: 80px;
}

.live-signal {
	position: relative;
}

.button-signal-live {
	text-align: center;
}

.button-signal-live>a {
	background: #ec1c24 !important;
	line-height: 21px;
	width: auto;
	padding: 10px 20px;
	display: inline-flex;
	border-radius: 60px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 14px;
	color: white;
	margin-bottom: 0;
}

.button-signal-live>a:hover {
	background: #ba0000 !important;
	color: white;
}

.live-signal .button-signal-live>a::before {
	font-size: 18px !important;
	content: "\f144" !important;
	font-family: "Font Awesome 6 Free" !important;
	position: relative !important;
	top: 0 !important;
	transform: translateY(0);
	right: 0;
}

.button-signal-live>.sub-menu {
	font-size: 14px;
	color: black;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	max-width: 200px;
	width: 200px;
	margin: 0 auto;
	box-shadow: 0px 4px 11.7px 0px #00000040;
	border: 2px solid rgb(0 0 0 / 10%);
	position: absolute;
	transform: translateY(-200%);
	right: -15px;
	z-index: 1;
	background: white;
	margin-top: 0px;
	transition: transform .3s ease-in-out;
}

.open-signal .button-signal-live>.sub-menu {
	transform: translateY(0%);
}

.button-signal-live>.sub-menu>li {
	padding: 15px 20px;
	display: flex;
	gap: 10px;
	align-items: center;
}

.button-signal-live>.sub-menu>li>a {
	color: black;
	font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", "Open Sans", Arial, sans-serif;
	font-weight: 600;
	transition: color .3s ease;
}

.button-signal-live>.sub-menu>li:hover a{
	color: var(--primary-color);
}

.sidebar .tie-weather-user-location {
	display: none;
}

.container-404 {
    text-align: center;
    margin: 30px auto !important;
    max-width: 825px;
}

.container-404 h2{
    color: var(--primary-color);
    font-weight: bold;
    font-size: 64px;
    font-family: Futura XBlk BT !important;
    text-transform: uppercase;
}

.container-404 h3{
    font-size: 18px;
    margin: 30px 0;
}

.container-404 button{
    background: var(--base-color);
}

footer .dorm-de{
	position: relative;
}

footer .dorm-de input {
    width: 100%;
}

footer .dorm-de input[type="email"]{
	padding-left: 45px;
}

footer .dorm-de div[class*="col-md"] + div[class*="col-md"]{
	margin-top: 10px;
}

footer .dorm-de::before{
    font-size: 15px;
    position: absolute;
    left: 12px;
    top: 10px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 18px;
    content: "\f0e0";
    font-family: tiefonticon;
}

footer .dorm-de .wpcf7-spinner{
	display: none;
}

footer .wpcf7-response-output {
    margin: 1em 0.5em 0;
	line-height: normal;
}

footer .wpcf7 form.invalid .wpcf7-response-output, 
footer .wpcf7 form.unaccepted .wpcf7-response-output, 
footer .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    background: #ffb900;
    color: black;
}

footer .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
	background: #46b450;
}

footer .ftr-news{
	text-align: center;
	margin-bottom: 25px;
}

footer .ftr-news h4{
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 15px;
}

footer .ftr-news h3{
    font-weight: normal;
}

.stream-item-mag+.stream-item-mag{
	display:none !important;
}

.magazine2 .share-buttons-bottom {
    border: none;
    padding: 0;
}

.footer-widget-area:last-child{
    background: #19191D;
    margin: 0;
    padding: 15px 0;
	position: relative;
}

.footer-widget-area:last-child ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.footer-widget-area:last-child ul li{
    margin: 0;
    padding: 0;
}

.footer-widget-area:last-child::before,
.footer-widget-area:last-child::after {
    content: '';
    width: 100%;
    background: #19191D;
    height: 100%;
    position: absolute;
    top: 0;
}

.footer-widget-area:last-child::before {
    left: -100%;
}

.footer-widget-area:last-child::after {
    right: -100%;
}

.widget-title .the-subtitle{
	text-transform: uppercase;
}


@media screen and (max-width: 1140px) {
	.button-signal-live>a {
		padding: 10px 5px;
		gap: 4px;
	}
}

@media screen and (max-width: 991px) {
	.logo-wrapper {
		width: 100%;
	}

	.button-signal-live>.sub-menu {
		position: fixed;
		left: 0;
		right: 0;
		transform: translateX(calc(-100vh + -100%));
		transition: transform .3s ease-in-out;
	}

	.button-signal-live>a {
		margin-bottom: 10px;
		padding: 10px 20px;
		gap: 10px;
	}

	.open-signal .button-signal-live>.sub-menu {
		transform: translateX(0%);
	}
}

@media screen and (max-width: 768px) {
	header .tie-row.logo-row {
		display: block;
		padding: 0 15px;
	}

	.admin-bar .theme-header .fixed-nav {
		top: 0;
		left: 0;
		padding: 0 15px;
	}

	#logo {
		text-align: center !important;
	}

	.logo-container {
		box-shadow: none;
	}

	#top-nav {
		display: none;
	}

	#mobile-search .search-field {
		background-color: white;
		border-color: black;
		margin-top: 20px;
	}

	#mobile-search .search-form:after {
		color: black;
		top: 50%;
		transform: translateY(-5px);
	}

	.side-aside #mobile-menu .menu>li {
		border: none;
	}

	.main-banner .boxed-slider-wrapper .thumb-title {
		font-size: 1.5rem !important;
		max-width: 100%;
		line-height: normal;
	}

	.boxed-slider-wrapper .slide {
		height: 450px;
	}

	.signal-live__mobile {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		font-size: 14px;
		height: auto;
		background: transparent;
		padding: 0;
		margin-bottom: 35px;
	}

	.signal-live__mobile a {
		font-size: 14px;
		display: flex;
		align-items: center;
		gap: 15px;
	}

	.signal-live__mobile a i {
		font-size: 18px;
	}

	.logo-container.fixed-nav,
	.theme-header .fixed-nav {
		left: 0;
		padding-inline: 15px;
	}

	.container-404 h2{
		font-size: 35px;
	}

	.main-banner .thumb-overlay .thumb-title a{
		font-size: 1.5rem !important;
	}

	.stream-item-mag{
		display: none;
	}

	.stream-item-mag+.stream-item-mag{
		display: block !important;
	}

	.footer-widget-area:last-child ul{
		flex-direction: column;
	}

}