/*
    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 */

/* ------------ GENERAL 

.dark-skin .container-wrapper {
	background-color: #001536;
}
.container-wrapper{
	border:0px;
	border-radius:5px;
}

.dark-skin .posts-list-counter li.widget-post-list:before {
    border-color: #001536;
}

.tie-slick-dots .slick-active button{
	background-color: #00ffce!IMPORTANT;
}

------------ */


/* ------------ HEADER AND MENU 

.main-menu .menu>li.tie-current-menu>a:after{
	background-color: #00ffce;
}
------------ */


/* ------------ HOME PAGE

.featured-home .section-item{
	position:relative;
	padding:0px;
}

.featured-home .section-item .container{
	padding-top:60px;
}

.featured-home .section-item:before{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	background: #000000a8;
}

.block-home .big-post-left-box .posts-items li:nth-child(n+2) h2 a, .block-home .big-posts-box .posts-items li h2 a, .post-widget-body .post-title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.block-home .big-post-left-box .posts-items li:nth-child(n+2) h2 a{
	min-height:38px;	
}

.block-home .big-posts-box .posts-items li h2 a{
	min-height:56px;
}

.block-head-4.magazine2 .tabs {
    border: 1px solid #0149ff;
}

.block-head-6.magazine2 .tabs>.active a:before,.block-head-6.magazine2 .tabs>.active a:after {
    background-color: #0149ff;
}

#tie-body .tie-slider-nav li > span:hover{
	background-color: #00ffce;
}

div.mag-box .mag-box-options .mag-box-filter-links a.active{
	color:#00ffce!important;
}

 ------------ */

/* ------------ CATEGORIES 

.dark-skin .show-more-button{
	background-color: #00ffce!important;
	color: #001536!important;
}

.mag-box .post-excerpt{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.dark-skin .magazine1 .entry-header-outer+.mag-box{
	border:none!important;
}

.category .mag-box .post-meta {
    margin: 0 0 10px;
}
------------ */


/* ------------ SIDEBAR 

.subscribeForm fieldset{
	border:0px;
	padding: 0px;
    margin: 0px;
}

.subscribeForm .newsletter-icon{
	font-size: 40px;
    display: block;
    margin: 0 0 20px;
    line-height: 0.8;
    color: rgba(255,255,255,0.3);
    text-align: center;
}
.subscribeForm p{
	font-size: 15px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.subscribeForm p:after{
	content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: rgba(255,255,255,0.1);
    bottom: 0;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: 0.15s;
}
.subscribeForm .muDescription{
	font-size: 28px;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 25px;
    font-family: 'Wes FY W03 Bold';
}

.subscribeForm input[type="text"]{
	padding: 8px 30px;
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin-bottom:10px;
}
.subscribeForm input[type=submit]{
	width:100%;
	margin-top:10px;
	padding:10px;
	font-size: 14px;
}
.subscribeForm form{
	position:relative;
}
.subscribeForm form: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;
}
.widget_categories li{
	font-size: 115%!important;
}
.widget_categories .child-cat{
	margin-left:15px;
	font-size: 115%!important;	
}
.cat-counter a+span{
    display:none!important;
}
.sidebar .widget_custom_html{
    padding: 15px!important;
    background-color: #010b1b!important;
}
.sidebar .widget_custom_html .widget-title{
    margin-left:-15px;
}
------------ */


/* ------------ SINGLE POST 

#reading-position-indicator{
	box-shadow: 0 0 10px #00fccc85!important;
	background-color: #00ffce!important;
}

div#ez-toc-container ul.ez-toc-list a, #ez-toc-container a.ez-toc-toggle {
    color: #001536!important;
}

.single-post #tie-wrapper{
background-color:#f7f7f7!important;
}
.single-post .main-content p, .single-post .author-bio, .single-post .main-content .related-item .post-meta{
    color:#000!important;
}
.single-post .main-content .entry-content a, .single-post .main-content h1, .single-post .main-content h2, .single-post .main-content h3, .single-post .main-content h4, .single-post .main-content h5, .single-post .main-content h6{
    color:#001536!important;
}
.single-post .mag-box-title h3{
    color:#fff!important;
}
.single-post .author-bio{
    font-weight:500;
}
.single-post .main-content .about-author .social-icons li.social-icons-item a:not(:hover) span {
    color: #074dff !important;
}

------------ */


/* ------------ FOOTER 

footer .about-author{
	display:grid;	
}
------------ */

/* ------------ FORM ARTICLES
.form-article input:not([type=submit]), .form-article textarea{
    border: 2px solid #dbdfe4!important;
    color: #2a2e2e!important;
    background-color: #fff!important;
}
.form-article input:not([type=submit]):focus, .form-article textarea:focus{
    background-color: #fff!important;
}
.form-article{
    padding: 25px!important;
    background-color: #f1f1f1;
    border-radius: 5px;
}
.form-article a{
    color: #000!important;
}
.form-article p{
    font-size: 14px!important;
}
.form-article .tie-col-md-4, .form-article .tie-col-md-12{
    margin-bottom: 10px;
}

------------ */

/* ------------ MOBILE 
@media screen and (max-width: 767px) {
    .magazine1:not(.has-builder):not(.error404) .main-content, .magazine1:not(.has-builder):not(.error404) .sidebar{
    padding-left:15px!important;
    padding-right:15px!important;}
}

@media screen and (max-width: 1100px) and (min-width: 992px) {
	.main-nav .menu>li:not(.is-icon-only)>a {
	padding-left: 10px;
	padding-right: 10px;}
}

------------ */