/*
	Theme Name:   Stranger Dimensions 2020
	Theme URI:    https://strangerdimensions.com/
	Description:  Stranger Dimensions 2020 Theme
	Author:       Rob Schwarz
	Author URI:   https://www.strangerdimensions.com
	Template:     jannah
	Version:      1.1.8
	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 */

/* mobile header stuff */

.mobile-header-components .nav-icon { background-color: #fff !important; }
.mobile-header-components .nav-icon::before, .mobile-header-components .nav-icon::after { background-color: #fff !important; }

/* sidebar featured sections */
#menu-sidebar-menu .menu-item { border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 8px; }

.page .entry a, .taxonomy-description a { color: #08f; }
.page .entry a:hover, .taxonomy-description a:hover { color: #000; }
.tag .page-title { text-transform: lowercase; font-size: 28px; }

p.continue-reading { font-style: italic; }
p.continue-reading a { color: #007cba;}
p.continue-reading a:hover { color: #000; }

/* Homepage Featured Section */
#homepage-featured-block { max-width: 1120px; margin: 30px auto 30px auto; text-align: center; }
/* one */
#homepage-featured-posts { margin: 0 auto; overflow: hidden;}
.homepage-post { width: 32%; display: inline-block; vertical-align: top;}
.homepage-post-2 { margin: 0 4px; }
.homepage-post-image { position: relative; }
.homepage-post-image img {  filter: hue-rotate(25deg); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.homepage-post-image img:hover { background-color: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; }
.homepage-category {
	display: block;
	font-size: 13px;
	font-weight: 400;
	margin: 12px 0 20px;
	position:absolute;
	top: -8px;
	left: 0px;
	z-index: 999;
}
.homepage-category a {
	background-color: #00FF9F;
	color: #131313;
	padding: 7px 12px;
	text-transform: uppercase;
}
.homepage-category a:hover,
.homepage-category a:focus {
	color: #0088ff;
	background-color: #131313;
}
#homepage-featured-posts .homepage-title {
	display: block;
	font-size: 13px;
	font-weight: 400;
	margin: 12px 0 20px;
	position:absolute;
	bottom: -14px;
	left: 0px;
	z-index: 999;
text-align: left;
background: rgba(0,0,0,0.8);
padding: 10px; }
#homepage-featured-posts .homepage-title h2 { line-height: 1.1; padding: 5px 10px 10px 10px; }
#homepage-featured-posts .homepage-title h2 a { overflow: hidden; text-align: left; font-size: 1.2rem; color: #fff; }
#homepage-featured-posts .homepage-title h2 a:hover { color: #0088ff; }

/* two */
#homepage-featured-posts-two { margin: 0 auto; text-align: center; }
.homepage-post-two { width: 48.3%; display: inline-block; vertical-align: top;}
.homepage-post-two-2 { margin: 0 4px; }
.homepage-post-two .homepage-post-image { position: relative; }
.homepage-post-two .homepage-post-image img {  filter: hue-rotate(25deg); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.homepage-post-two .homepage-post-image img:hover { background-color: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; }
.homepage-post-two .homepage-category {
	display: block;
	font-size: 13px;
	font-weight: 400;
	margin: 12px 0 20px;
	position:absolute;
	top: 0px;
	left: 8px;
	z-index: 999;
}
.homepage-post-two .homepage-category a {
	background-color: #00FF9F;
	color: #131313;
	padding: 7px 12px;
	text-transform: uppercase;
}
.homepage-post-two .homepage-category a:hover,
.homepage-post-two .homepage-category a:focus {
	color: #0088ff;
	background-color: #131313;
}
#homepage-featured-posts-two .homepage-title {
	display: block;
	font-size: 13px;
	font-weight: 400;
	margin: 12px 0 20px;
	position:absolute;
	bottom: -13px;
	left: 0px;
	z-index: 999;
text-align: left;
background: rgba(0,0,0,0.8);
padding: 10px 10px 0 10px;
width: 100%; }
	#homepage-featured-posts-two .homepage-title h2 { line-height: 1.1; padding: 5px 10px 10px 10px; }
	#homepage-featured-posts-two .homepage-title h2 a { overflow: hidden; text-align: left; font-size: 1.2rem; color: #fff; }
	#homepage-featured-posts-two .homepage-title h2 a:hover { color: #0088ff; }

/* post cats & tags */
.post-bottom-meta-title, .post-bottom-meta a { border: 0; }
.post-cat { font-size: 14px; font-weight: 600; }
.post-bottom-meta-title { padding: 2px 6px !important; font-size: 14px; font-weight: 600; }
.post-bottom-meta a:not(:hover) { color: #fff !important; }
.post-bottom-meta a { background: #08f !important; padding: 2px 6px !important; font-size: 14px; font-weight: 600; color: #fff !important; transition: 0.3s;  }
.post-bottom-meta a:hover { color: #fff !important; background: #006dcc !important; }

/* Related Posts Single */
#related-posts-new { position: relative; }
#related-posts-new .the-post { display: inline-block; }
#related-posts-new .thumb { float: left; width: 40%; margin-right: 20px; position: relative; }
#related-posts-new .meta { padding-top: 10px; }
#related-posts-new .meta a { font-weight: 600; font-size: 1.2em; line-height: 1.4;}
#related-posts-new .meta a:hover { color: #08f; }
#related-posts-new .excerpt { padding-top: 10px; overflow: hidden; }
#related-posts-new hr { width: 50%; margin: 15px auto 15px; background-color: #fff; }
#related-posts-new hr:last-child { display: none; }

/* loop */ 

#tie-wrapper .mag-box.wide-post-box .posts-items > li:nth-child(n) .post-title { font-size: 20px !important; }

/* Archives */

#archive-posts { text-align: left; margin-top: 40px; }
.archive-spacer { margin-bottom: 20px; }
.tag-link-count { color: #2c2f34; }
.page-template-archives-temp #the-post .entry-content, .page-template-archives-temp #the-post .entry-content p { font-size: 15px; }

/* Within */

.within-post { clear: both; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 0 15px 0; margin: 40px auto 40px auto; text-align: center; max-width: 336px; }
.after-post { clear: both; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 0 15px 0; margin: 50px auto 50px auto; text-align: center; max-width: 336px; }
.sidebar-post { clear: both; padding: 15px 0 15px 0; margin: 40px auto 10px auto; text-align: center; max-width: 336px; }
.a-title { font-size: 0.9rem; color: #ddd; }

.entry-content .wp-caption .wp-caption-text { margin-bottom: 30px; text-align: right; }

/* Pop posts plugin */

.wpp-list li a { color: rgb(51, 51, 51); }
.dark-skin .wpp-list li a { color: rgb(255, 255, 255); }

/* dark skin */

.dark-skin #tie-wrapper, .dark-skin #theme-header { background-color: #27292d; }
.dark-skin, .dark-skin body { }
.dark-skin .within-post, .dark-skin .after-post, .dark-skin .sidebar-post { border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); }
.dark-skin .a-title { color: #a5a5a5; }
.dark-skin blockquote { color: #fff; background: #1f2024 !important }
.dark-skin .entry p a, .dark-skin .entry p a:not(:hover) { color: #42A7FF; }
.dark-skin .entry p a:hover { color: #fff; }
.dark-skin .tag-link-count { color: #fff; }
.dark-skin .page-template-archives-temp .entry a, .dark-skin .page-template-archives-temp .entry a:not(:hover) { color: #42A7FF; }
.dark-skin .page-template-archives-temp .entry a:hover { color: #fff; }

#related-posts .related-item .post-title { font-size: 14px; line-height: 20px; }

@media (max-width: 479px) {
	#theme-header.has-normal-width-logo #logo img { max-width: 260px !important; margin-top: 2px; }
	.entry-header h1.entry-title { font-size: 24px !important; line-height: 1.3; }
	 #related-posts-new .meta { padding-top: 0; }
     #related-posts-new .excerpt { display: none; }


}

@media screen and (max-width: 767px) {
	
	.entry-header .entry-title { font-size: 1.5rem; }
	#homepage-featured-block { display: none; }
	
}

@media (max-width: 991px) {
	#theme-header.has-normal-width-logo #logo img { max-width: 260px !important; }
	#homepage-featured-posts .homepage-title h2, #homepage-featured-posts-two .homepage-title h2 { line-height: 1.2rem; }
    #homepage-featured-posts .homepage-title h2 a, #homepage-featured-posts-two .homepage-title h2 a  { font-size: 1.0rem;  }
	.homepage-post-two .homepage-category { top: -7px; }
}