/**

Theme Name: Jungla
Description: Jungla is a clean and modern WordPress theme. With full WooCommerce support and fully optimized for mobile devices, is the ideal theme for all of your blogging needs.
Author: ThemeinProgress.
Author URI: https://www.themeinprogress.com
Version: 1.0.2
Requires PHP: 5.3
Tested up to: 6.5
Template: savana-lite
Tags: custom-background, custom-header, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, post-formats, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, four-columns, grid-layout, blog, e-commerce, news
Text Domain: jungla
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Jungla Child WordPress Theme is a child theme of Savana Lite, Copyright 2024 ThemeinProgress.
Jungla Child is distributed under the terms of the GNU GPLv3.

Savana Lite WordPress Theme, Copyright 2024 ThemeinProgress.
Savana Lite is distributed under the terms of the GNU GPLv3.

*/

/* ===============================================
   Typography
   =============================================== */

a,
a:hover,
.title a span,
.post-article a:hover,
.post-article a:active,
.post-article a:focus ,
.sidebar-area a:hover,
.sidebar-area a:active,
.sidebar-area a:focus ,
#footer a:hover,
#footer a:active,
#footer a:focus ,
#footer_widgets a:hover,
#footer_widgets a:active,
#footer_widgets a:focus {
	text-decoration:underline;
}

#wrapper a {
    -moz-transition: outline 0.5s ease;
    -o-transition: outline 0.5s ease;
    -ms-transition: outline 0.5s ease;
    transition: all 0.5s ease;
	outline: dotted 1px transparent !important;
}

#wrapper a:active,
#wrapper a:hover,
#wrapper a:focus {
	outline: dotted 1px red !important;
}

#wrapper img {
	height: auto;
}

#wrapper a:focus,
#wrapper button:hover ,
#wrapper button:active ,
#wrapper button:focus ,
#wrapper input:hover ,
#wrapper input:active ,
#wrapper input:focus ,
#wrapper textarea:hover ,
#wrapper textarea:active ,
#wrapper textarea:focus ,
#sidebar-wrapper a:focus,
#sidebar-wrapper button:hover ,
#sidebar-wrapper button:active ,
#sidebar-wrapper button:focus ,
#sidebar-wrapper input:hover ,
#sidebar-wrapper input:active ,
#sidebar-wrapper input:focus ,
#sidebar-wrapper textarea:hover ,
#sidebar-wrapper textarea:active ,
#sidebar-wrapper textarea:focus {
	outline:thin dotted red !important;

}

/* ===============================================
   Page wrapper
   =============================================== */

#wrapper {
	position: relative;
	min-height:100%;
	background: #fff;
    margin: auto;
}

#wrapper img,
#wrapper iframe,
#wrapper object,
#wrapper embed {
	max-width: 100%;
}

#wrapper img {
	max-height:100%;
	height:auto;
}

body.overlay-active #wrapper {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 0) {

	#wrapper {
		width: calc(100% - 30px);
	}

	#menu-wrapper.fixed {
		width: calc(100% - 30px);
		left:15px;
		margin-left:0;
	}

}

@media (min-width: 768px) {

	#wrapper {
		width: 750px;
	}

	#wrapper .container {
		width: 720px;
	}

	#menu-wrapper.fixed {
		width:750px;
		margin-left:-375px;
		left:50%;
	}

}

@media (min-width: 992px) {

	#wrapper {
		width: 970px;
	}

	#wrapper .container {
		width: 940px;
	}

	#menu-wrapper.fixed {
		width:970px;
		margin-left:-485px;
		left:50%;
	}

}

@media (min-width: 1200px) {

	#wrapper {
		width: 1170px;
	}

	#wrapper .container {
		width: 1140px;
	}

	#menu-wrapper.fixed {
		width:1170px;
		margin-left:-585px;
		left:50%;
	}

}

/* ===============================================
   Header
   =============================================== */

#logo-wrapper {
    background-image: url(assets/images/header/header.jpg);
}

#menu-wrapper {
	border-bottom:solid 1px #f6f6f6;
}

#top_sidebar {
	border-bottom:solid 1px #f6f6f6;
}

#header-wrapper {
	margin-bottom: 0;
}

#header_sidebar {
    margin-top: 30px;
	margin-bottom: 30px;
}

#top_sidebar {
    margin-top: 0;
	margin-bottom: 30px;
}

#top_sidebar + .featured-links-wrapper ,
#header_sidebar + .featured-links-wrapper {
	margin-top:0px;
}

#header-wrapper + #content {
	margin-top:30px;
}

#top_sidebar .post-container {
	border-bottom: solid 1px #f6f6f6;
}

#top_sidebar .post-container:last-of-type {
	border-bottom: none;
}

#top_sidebar .post-article ,
#bottom_sidebar .post-article {
    padding: 30px ;
}

.featured-links-wrapper {
	margin-top:30px;
}

/* ===============================================
   Header search
   =============================================== */

.header-search .search-form {
	visibility: hidden;
}

.header-search .search-form.is-open {
	visibility: visible;
}

/* ===============================================
   Featured links
   =============================================== */

.featured-link-item a:active ,
.featured-link-item a:focus {
	opacity:0.3
}

/* ===============================================
   Slideshow
   =============================================== */

.slick-slideshow .slider-overlay .title {
	font-size:18px
}

.slick-slideshow .slick-slides .slick-article:hover ,
.slick-slideshow .slick-slides .slick-article:active ,
.slick-slideshow .slick-slides .slick-article:focus {
	opacity:0.8;
	transition:all 300ms ease;
}

/* ===============================================
   Post article
   =============================================== */

.post-article:not(.aside) {
    padding: 30px 0;
    background: none;
}

.masonry .product-content,
#blog .post-article,
#header_sidebar .post-article ,
#sidebar .post-article,
#masonry .post-article {
	background: #f6f6f6;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	padding:30px;
}

.entry-category {
    margin-bottom: 20px;
}

/* ===============================================
   Related posts
   =============================================== */

.related-posts section {
    display: inline-block;
    width: 33%;
    margin-right: 0.5%;
}

.related-posts h3 {
	line-height:45px;
	margin:45px 0;
	text-align:center;
}

.related-posts section .related_post_details {
    -moz-transition: outline 0.5s ease;
    -o-transition: outline 0.5s ease;
    -ms-transition: outline 0.5s ease;
    transition: outline 0.5s ease;
    outline: dotted 1px transparent;
	text-align:center
}

.related-posts section:last-of-type {
    margin-right: 0;
}

.related-posts section .related_post_permalink:hover + .related_post_details ,
.related-posts section .related_post_permalink:focus + .related_post_details {
    outline: dotted 1px red;
}

.single_related_post {
	height:200px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.single_related_post .related_post_details {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	margin:0;
}

.single_related_post .related_post_details:before {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: .3;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.3) 30%, rgba(143,143,143,0.4) 50%, rgba(0,0,0,0.6) 100%);
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.single_related_post .related_post_inner_details {
    position: absolute;
    bottom: 15px;
    color: #fff;
    padding: 0 20px;
}

.single_related_post .related_post_inner_details h3 {
    margin: 0;
	font-size: 16px;
    line-height: 1.4em;
}

.related_post_permalink {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	z-index:999;
}

.related_post_permalink:hover + .related_post_details:before,
.related_post_permalink:focus + .related_post_details:before {
	opacity: 0.5;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 50);
	filter: alpha(opacity= 50);
}

#sidebar .post-article {
    border-bottom: solid 1px #fff;
}

#sidebar .post-article:last-of-type {
    border-bottom: none;
}

/* ===============================================
   Footer
   =============================================== */

#bottom_sidebar {
	border-top: solid 1px #f6f6f6;
}

#bottom_sidebar .post-container {
	border-bottom: solid 1px #f6f6f6;
}

#bottom_sidebar .post-container:last-of-type {
	border-bottom: none;
}

#footer_widgets {
    padding: 30px 0;
}

@media screen and (min-width : 0) and (max-width : 991px) {

	.related-posts section {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.5%;
	}

}