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

/*ÇEŞİTLİ DÜZENLEMELER - GENEL*/

////
.featured-area {
position: fixed !important;
    width: 100%;
    top: 48px;
    z-index: 100;
}






.the-global-title {
	display: none !important;
}
.site-footer {
	margin-top: 20px !important;
}
.site-info {
	padding: 10px 0 !important;
}
.post-title {
	font-weight: bold !important;
}
.featured-area {
	margin: 20px 0 0 !important;
}
.entry-content {
	padding: 10px !important;
}
.post-thumb {
	float: none !important;
}
.tab-content {
	padding: 10px !important;
}
.post-widget-body .post-title {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
	overflow:hidden;
}
.tabs>li>a {
	line-height: 30px !important;
	font-weight: bold;
}
.tab-content-elements {
	margin-top: -5px !important;
	margin-bottom: -5px !important;
}
li.widget-post-list {
	padding: 5px 0 !important;
}
.copyright-text {
	font-weight: bolder !important;
}
.show-more-button {
	font-weight: bolder !important;
	background: red !important;
	border-width: 2px !important;
	border-color: black !important;
}
.mag-box {
	margin-bottom: 0px !important;
}
#mobile-menu li a {
	color: black !important;
	text-transform: uppercase;
	text-align: center;
	padding: 15px 0px 15px 0px !important;
	font-weight: bold !important;
}
.tie-fluid-width-video-wrapper {
	padding-top: 0% !important;
}
.featured-area {
	margin-top: 0px !important;
}
.first-post-gradient li:first-child .post-thumb {
	margin: -19px -16px 0 -16px !important;
}


/*ÇEŞİTLİ DÜZENLEMELER - PASİF*/
/*
.mejs-overlay-button {
    display: none !important;
}
.mejs-controls {
    background: none !important;
}
.wp-video {
    width: 100% !important;
}
.mejs-controls {
    margin-bottom: 10px !important;
}
.mejs-time-buffering, .mejs-time-current, .mejs-time-float, .mejs-time-float-corner, .mejs-time-float-current, .mejs-time-hovered, .mejs-time-loaded, .mejs-time-marker, .mejs-time-total {
    height: 3px !important;
}
.mejs-time-rail {
		padding-top: 15px !important;
}
.rumblePlayer-Rumble-cls {
		position: fixed !important;
		top: 50px !important;
		z-index: 1 !important;
}
.theme-header.has-shadow {
		position: fixed !important;
		top: 0px !important;
		z-index: 1 !important;
		width: 100%;
}
.post-content.container-wrapper {
		top: 35px !important;
		z-index: -1 !important;
}
.post-components {
		margin-top: 50px !important;
}
.section-item {
		margin-top: 50px !important;
}
.post-content.container-wrapper {
		position: relative !important;
		top: 45px !important;
		z-index: -1 !important;
}
.post-components>div, .post-components #add-comment-block {
    margin-top: 60px !important;
}
.section-item {
		margin-top: 70px !important;
}
.post-meta {
    padding-bottom: 10px !important;
	}
*/
/*ÇEŞİTLİ DÜZENLEMELER - PASİF*/

/*
    Responsive styles here
*/

@media only screen and (max-width: 320px) {
.normal-side .tabs {
    flex-wrap: nowrap;
	}
}
@media only screen and (max-width: 480px) {
	.entry-title {
		font-size: 16px !important;
	}
	#related-posts .related-item {
    padding: 0 5px !important;
	}
	#related-posts.container-wrapper {
		padding: 10px !important;
	}
}
@media only screen and (max-width: 670px) {
	.show-more-button {
    margin: 15px auto -15px !important;
	}
}
@media only screen and (max-width: 767px) {
	.featured-area {
    margin-top: 0px !important;
	}
	.entry-header-outer {
    padding: 10px 10px 0 10px !important;
	}
	.site-content {
		margin-top: 0px !important;
		margin-bottom: -20px;
	}
	.entry-header .entry-title {
    margin-bottom: 0px !important;
	}
	.post-components>div {
    margin-top: 0px !important;
	}
	.container-wrapper {
    margin-bottom: 0px !important;
	}
	a.go-to-top-button.show-top-button {
    bottom: 48px !important;
		right: 8px !important;
	}
	.entry-content {
    padding: 10px 0 0  !important;
	}
}
@media only screen and (max-width: 991px) {
	#theme-header.has-normal-width-logo #logo {
    margin: 5px 0 !important;
	}
	.section-item {
    padding-top: 0px !important;
	}
	.content-only {
    margin: 20px 0 !important;
	}
	.big-posts-box .posts-items li .post-title {
    font-size: 14px !important;
	}
	#related-posts .related-item {
    margin-bottom: 10px !important;
	}
	.sidebar-right .sidebar {
    margin-top: -1px !important;
	}
	.entry-header {
    text-align: center;
	}
}
@media only screen and (min-width: 671px) {
	.miscellaneous-box .posts-items li {
    margin-top: 15px !important;
	}
	.section-item.is-first-section.full-width {
		margin-top: -15Px !important;
		margin-bottom: -15px !important;
	}
}
@media only screen and (min-width: 768px) {
	.entry-header-outer {
    padding: 10px 10px 0 10px !important;
	}
	a.go-to-top-button.show-top-button {
    bottom: 9px !important;
		right: 8px !important;
	}
}
@media only screen and (min-width: 992px) {
	.main-nav-wrapper {
    height: 50px !important;
	}
	.section-item {
    padding-top: 20px !important;
	}
	#the-post.container-wrapper.post-content.tie-standard {
		margin-top: -10px !important;
	}
	.post-components {
		margin-top: -10px !important;
	}
	.tie-col-md-8 {
    width: 70% !important;
	}
	.tie-col-md-4 {
    width: 30% !important;
	}
	.sidebar-right .sidebar {
    margin-top: -10px !important;
	}
	.tie-video.post-content {
    margin-top: -10px !important;
	}
	.share-buttons {
    padding: 5px !important;
	}
	.show-more-button {
    margin: 15px auto 20px !important;
	}
}
@media only screen and (min-width: 1242px) {
	h1 {
    font-size: 28px;
	}
}
@media only screen and (min-width: 1528px) {
	.post-content.container-wrapper 	{
    margin-bottom: 10px;
	}
}

/*
    Responsive interval styles here
*/

@media only screen and (min-width:481px) and (max-width:540px) {
	
}

@media only screen and (min-width:481px) and (max-width:767px) {
	.entry-title {
		font-size: 20px !important;
	}
}
@media only screen and (min-width:481px) and (max-width:992px) {
	.entry-title {
		font-size: 20px !important;
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.post-components>div, .post-components #add-comment-block {
    padding: 15px 20px 15px 20px !important;
	}
	.related-item {
		padding: 0 7px 0 7px !important;
	}
}
@media only screen and (min-width:768px) and (max-width:1241px) {
	.entry-title {
		font-size: 25px !important;
	}
}