/**

Theme Name: Haaski Diary
Description: Haaski Diary is a clean WordPress theme suitable for blogs, e-commerce, personal blogs, and news websites. It offers a selection of 17 Google fonts and gives you the flexibility to personalize your website's appearance to match your brand or style.
Author: ThemeinProgress.
Author URI: https://www.themeinprogress.com
Version: 1.0.2
Requires PHP: 5.3
Tested up to: 6.6
Template: savana-lite
Tags: custom-background, 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: haaski-diary
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Haaski Diary Child WordPress Theme is a child theme of Savana Lite, Copyright 2024 ThemeinProgress.
Haaski Diary 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.

*/

body {
	background-color: #f1f1f1;
	font-family: Roboto;
}

body.no-scrolling {
    overflow: auto !important;
}

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

.page-title a {
	text-decoration:none !important;
}

/* ===============================================
   Topbar section
   =============================================== */

#topbar-section {
	background: #f9f9f9;
	height: 50px;
	line-height: 50px;
	text-align: right;
}

.topbar-date {
	text-align: left;
}

/* ===============================================
   Social buttons
   =============================================== */

#topbar-section .social-buttons {
    margin: 0;
    position: relative;
    text-align: right;
}

#topbar-section .social-buttons a:before {
    top: calc(100% + 50px);
}

#topbar-section .social-buttons a:after {
    top: calc(100% + 10px);
		border-top: none !important;
}

/* Facebook
   ---- */

#topbar-section .social-buttons a[button-title="Facebook"]:after {
    border-bottom: 5px solid #3b5998 !important;
}

/* Twitter
   ---- */

#topbar-section .social-buttons a[button-title="Twitter"]:after {
    border-bottom: 5px solid #00aced;
}

/* Flickr
   ---- */

#topbar-section .social-buttons a[button-title="Flickr"]:after {
    border-bottom: 5px solid #ff0084;
}

/* Linkedin
   ---- */

#topbar-section .social-buttons a[button-title="Linkedin"]:after {
    border-bottom: 5px solid #007bb6;
}

/* Slack
   ---- */

#topbar-section .social-buttons a[button-title="Slack"]:after {
    border-bottom: 5px solid #CF0E5B;
}

/* Pinterest
   ---- */

#topbar-section .social-buttons a[button-title="Pinterest"]:after {
    border-bottom: 5px solid #CF0E5B;
}

/* Tumblr
   ---- */

#topbar-section .social-buttons a[button-title="Tumblr"]:after {
    border-bottom: 5px solid #32506d;
}

/* Soundcloud
   ---- */

#topbar-section .social-buttons a[button-title="Soundcloud"]:after {
    border-bottom: 5px solid #FF9533;
}

/* Spotify
   ---- */

#topbar-section .social-buttons a[button-title="Spotify"]:after {
    border-bottom: 5px solid #1ED761;
}

/* Youtube
   ---- */

#topbar-section .social-buttons a[button-title="Youtube"]:after {
    border-bottom: 5px solid #CD201F;
}

/* Vimeo
   ---- */

#topbar-section .social-buttons a[button-title="Vimeo"]:after {
    border-bottom: 5px solid #19B7EA;
}

/* Vk
   ---- */

#topbar-section .social-buttons a[button-title="Vk"]:after {
    border-bottom: 5px solid #5181B8;
}

/* Instagram
   ---- */

#topbar-section .social-buttons a[button-title="Instagram"]:after {
    border-bottom: 5px solid #3F729B;
}

/* Deviantart
   ---- */

#topbar-section .social-buttons a[button-title="Deviantart"]:after {
    border-bottom: 5px solid #05CC46;
}

/* Github
   ---- */

#topbar-section .social-buttons a[button-title="Github"]:after {
    border-bottom: 5px solid #4183C4;
}

/* Xing
   ---- */

#topbar-section .social-buttons a[button-title="Xing"]:after {
    border-bottom: 5px solid #126567;
}

/* Dribbble
   ---- */

#topbar-section .social-buttons a[button-title="Dribbble"]:after {
    border-bottom: 5px solid #E94C88;
}

/* Dropbox
   ---- */

#topbar-section .social-buttons a[button-title="Dropbox"]:after {
    border-bottom: 5px solid #0060FF;
}

/* Whatsapp
   ---- */

#topbar-section .social-buttons a[button-title="Whatsapp"]:after {
    border-bottom: 5px solid #4FCE5D;
}

/* Telegram
   ---- */

#topbar-section .social-buttons a[button-title="Telegram"]:after {
    border-bottom: 5px solid #0088CC;
}

/* Trello
   ---- */

#topbar-section .social-buttons a[button-title="Trello"]:after {
    border-bottom: 5px solid #0079bf;
}

/* Twitch
   ---- */

#topbar-section .social-buttons a[button-title="Twitch"]:after {
    border-bottom: 5px solid #6441a5;
}

/* Tripadvisor
   ---- */

#topbar-section .social-buttons a[button-title="Tripadvisor"]:after {
    border-bottom: 5px solid #00af87;
}

/* Vine
   ---- */

#topbar-section .social-buttons a[button-title="Vine"]:after {
    border-bottom: 5px solid #00b488;
}

/* Skype
   ---- */

#topbar-section .social-buttons a[button-title="Skype"]:after {
    border-bottom: 5px solid #00AFF0;
}

/* Email
   ---- */

#topbar-section .social-buttons a[button-title="Email"]:after {
    border-bottom: 5px solid #262626;
}

/* RSS
   ---- */

#topbar-section .social-buttons a[button-title="Rss"]:after {
    border-bottom: 5px solid #f60;
}

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

#header {
	line-height: inherit;
	min-height: auto;
	height: auto;
	padding: 30px 0 0 0;
}

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

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

#breadcrumb_wrapper + #top_sidebar {
	margin-top: -30px;
}

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

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

.featured-posts-wrapper + #header_sidebar {
	position:relative;
	margin-top: -30px;
	padding-top:30px;
}

.featured-posts-wrapper + #header_sidebar:after {
	content: '';
	display: block;
	position: absolute;
	width: calc(100% + 30px);
	height: 1px;
	top: 0;
	left: -15px;
	background:#f6f6f6;
}

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

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

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

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

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

#header_sidebar .post-container:last-of-type {
	margin-bottom:25px;
}

#top_sidebar + .masonry-container ,
.featured-links-section + .masonry-container {
	margin-top:0;
}

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

nav.header-menu {
    width: calc(100% - 100px);
}

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

.header-cart-widget {
    top: 30px;
    right: -1px;
}

.header-cart a span {
    height: 23px !important;
    line-height: 23px !important;
    background: none !important;
    color: #616161 !important;
    right: -5px !important;
}

.header-cart {
	position: relative;
	float: right;
	top: 0;
	right: 0;
	margin:0;
	height: 23px;
	line-height: 23px;
	padding-bottom: 30px
}

.header-cart a.cart-contents {
	line-height: 23px;
}

/* ===============================================
   Logo
   =============================================== */

#logo a {
	font-size: 40px;
}

#logo a span {
	font-size: 12px;
	line-height: 0.8em;
	margin-top: 10px;
}

/* ===============================================
   Navigation menu
   =============================================== */

nav.header-menu {
	width: 100%;
}

nav.header-menu ul {
	text-align:center;
	margin-top: 30px;
	margin-bottom: 30px;
	background: #f9f9f9;
}

nav.header-menu ul li {
	float:none;
	display: inline-block;
	text-align: left;
}

nav.header-menu ul li:first-of-type a {
	padding-left: 12px;
}

nav.header-menu ul.children ,
nav.header-menu ul.sub-menu {
	top:24px;
	background: #f9f9f9;
}

/* ===============================================
   News ticker
   =============================================== */

.ticker-wrapper {
	margin: 0;
	margin-top:0;
  margin-bottom: 0;
	background: #f9f9f9;
	height: 50px;
	line-height: 50px;
}

.ticker-wrapper + .featured-links-section {
	margin-top:0;
}

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

.ticker-wrapper h3 {
	margin:0 10px 0 0;
	display: inline-block;
	background:red;
	color:#fff;
	padding:0 10px;
	font-size:14px;
	font-weight: 500;
}

.ticker div {
  display: inline-block;
  word-wrap: break-word;
}

.ticker li {
  display: none;
}

/* ===============================================
   Breadcrumb
   =============================================== */

#breadcrumb_wrapper {
  margin-top:0;
  margin-bottom: 30px;
	background: #f9f9f9;
}

/* ===============================================
   Top section/Featured posts
   =============================================== */

.top-section-wrapper ,
.featured-posts-wrapper {
	background:#fff !important;
	border-bottom: solid 1px #f1f1f1;
	padding:15px 0;
	margin-bottom:30px;
}

#top_sidebar + .top-section-wrapper ,
#top_sidebar + .featured-posts-wrapper {
	margin-top:-30px;
}

.top-section-wrapper + .featured-posts-wrapper {
	margin-top: -30px;
    padding-top: 0;
}

#top-section-inner ,
#featured-posts-inner {
	margin-bottom: 0;
}

.featured-posts-container {
	margin-bottom: 0
}

h1.archive-title + .featured-posts-container,
h1.search-result-title + .featured-posts-container{
	margin:25px 0 0 0;
}

.featured-posts-container .featured-post {
	display: inline-block;
	float: left;
	background-size: cover;
	background-position: center;
	position: relative;
	margin: 0;
	cursor: pointer;
}

.featured-posts-container .featured-post .featured-post-info {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #fff;
	font-size: 12px;
	margin: 0;
	line-height: 1.4em;
}

.featured-posts-container .featured-post .featured-post-info .title {
	font-size: 19px;
	font-weight: 600;
	line-height: 20px;
}

.featured-posts-container .featured-post .featured-post-permalink {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	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%);
}

.featured-posts-container .featured-post-permalink:focus ,
.featured-posts-container .featured-post:hover .featured-post-permalink {
	opacity: .5
}

.new-post-categories ,
.featured-posts-container .featured-post .featured-post-categories {
	position: absolute;
	width: 100%;
	left: 10px;
	top: 10px;
}

.post .post-icon,
.new-post-category ,
.featured-posts-container .featured-post .featured-post-category {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	padding: 5px 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #d14a2b;
	line-height: 1.4em;
}

.featured-posts-container .item {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	float: none;
	height: 500px;
}

/* Featured posts > Layout 1 */

.featured-posts-container.layout-1 .featured-post-0 {
	grid-area: 1 / 1 / 2 / 2;
}

.featured-posts-container.layout-1 .featured-post-1 {
	grid-area: 1 / 2 / 2 / 3;
}

.featured-posts-container.layout-1 .featured-post-2 {
	grid-area: 1 / 3 / 2 / 5;
}

.featured-posts-container.layout-1 .featured-post-3 {
	grid-area: 2 / 1 / 3 / 3;
}

.featured-posts-container.layout-1 .featured-post-4 {
	grid-area: 2 / 3 / 3 / 4;
}

.featured-posts-container.layout-1 .featured-post-5 {
	grid-area: 2 / 4 / 3 / 5;
}

/* Featured posts > Layout 2 */

.featured-posts-container.layout-2 .featured-post-0 {
	grid-area: 1 / 1 / 3 / 2;
}

.featured-posts-container.layout-2 .featured-post-1 {
	grid-area: 1 / 2 / 3 / 3;
}

.featured-posts-container.layout-2 .featured-post-2 {
	grid-area: 1 / 3 / 2 / 4;
}

.featured-posts-container.layout-2 .featured-post-3 {
	grid-area: 1 / 4 / 2 / 5;
}

.featured-posts-container.layout-2 .featured-post-4 {
	grid-area: 2 / 3 / 3 / 4;
}

.featured-posts-container.layout-2 .featured-post-5 {
	grid-area: 2 / 4 / 3 / 5;
}

/* Featured posts > Layout 3 */

.featured-posts-container.layout-3 .featured-post-0 {
	grid-area: 1 / 1 / 3 / 2;
}

.featured-posts-container.layout-3 .featured-post-1 {
	grid-area: 1 / 2 / 2 / 3;
}

.featured-posts-container.layout-3 .featured-post-2 {
	grid-area: 1 / 3 / 2 / 4;
}

.featured-posts-container.layout-3 .featured-post-3 {
	grid-area: 2 / 2 / 3 / 3;
}

.featured-posts-container.layout-3 .featured-post-4 {
	grid-area: 2 / 3 / 3 / 4;
}

.featured-posts-container.layout-3 .featured-post-5 {
	grid-area: 1 / 4 / 3 / 5;
}

/* Featured posts > Layout 4 */

.featured-posts-container.layout-4 .featured-post-0 {
	grid-area: 1 / 1 / 2 / 2;
}

.featured-posts-container.layout-4 .featured-post-1 {
	grid-area: 1 / 2 / 2 / 4;
}

.featured-posts-container.layout-4 .featured-post-2 {
	grid-area: 2 / 1 / 3 / 2;
}

.featured-posts-container.layout-4 .featured-post-3 {
	grid-area: 2 / 2 / 3 / 3;
}

.featured-posts-container.layout-4 .featured-post-4 {
	grid-area: 2 / 3 / 3 / 4;
}

.featured-posts-container.layout-4 .featured-post-5 {
	grid-area: 1 / 4 / 3 / 5;
}

/* Featured posts > Layout 5 */

.featured-posts-container.layout-5 .featured-post-0 {
	grid-area: 1 / 1 / 2 / 3;
}

.featured-posts-container.layout-5 .featured-post-1 {
	grid-area: 1 / 3 / 2 / 4;
}

.featured-posts-container.layout-5 .featured-post-2 {
	grid-area: 1 / 4 / 2 / 5;
}

.featured-posts-container.layout-5 .featured-post-3 {
	grid-area: 2 / 1 / 3 / 2;
}

.featured-posts-container.layout-5 .featured-post-4 {
	grid-area: 2 / 2 / 3 / 3;
}

.featured-posts-container.layout-5 .featured-post-5 {
	grid-area: 2 / 3 / 3 / 5;
}

/* Featured posts > Layout 6 */

.featured-posts-container.layout-6 .featured-post-0 {
	grid-area: 1 / 1 / 2 / 3;
}

.featured-posts-container.layout-6 .featured-post-1 {
	grid-area: 1 / 3 / 2 / 5;
}

.featured-posts-container.layout-6 .featured-post-2 {
	grid-area: 2 / 1 / 3 / 2;
}

.featured-posts-container.layout-6 .featured-post-3 {
	grid-area: 2 / 2 / 3 / 3;
}

.featured-posts-container.layout-6 .featured-post-4 {
	grid-area: 2 / 3 / 3 / 4;
}

.featured-posts-container.layout-6 .featured-post-5 {
	grid-area: 2 / 4 / 3 / 5;
}

/* Featured posts > Layout 7 */

.featured-posts-container.layout-7 .featured-post-0 {
	grid-area: 1 / 1 / 2 / 3;
}

.featured-posts-container.layout-7 .featured-post-1 {
	grid-area: 1 / 3 / 2 / 4;
}

.featured-posts-container.layout-7 .featured-post-2 {
	grid-area: 1 / 4 / 2 / 5;
}

.featured-posts-container.layout-7 .featured-post-3 {
	grid-area: 2 / 1 / 3 / 2;
}

.featured-posts-container.layout-7 .featured-post-4 {
	grid-area: 2 / 2 / 3 / 4;
}

.featured-posts-container.layout-7 .featured-post-5 {
	grid-area: 2 / 4 / 3 / 5;
}

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

.featured-links-section {
  padding: 0;
  background: #fff;
  margin-top: -30px;
  margin-bottom: 30px;
}

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

.featured-links-parent {
  display: grid;
  grid-template-rows: 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 0px;
}

.featured-links-parent.featured-elements-4 ,
.featured-links-parent.featured-elements-5 ,
.featured-links-parent.featured-elements-6 {
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 2fr;
	grid-row-gap: 5px;
}

.featured-links-parent.featured-elements-3 {
	grid-template-columns: repeat(3, 1fr);
}

.featured-links-parent.featured-elements-2 {
	grid-template-columns: repeat(2, 1fr);
}

.featured-links-parent.featured-elements-1 {
	grid-template-columns: repeat(1, 1fr);
}

@media screen and (min-width : 992px) {

	.featured-link-item {
		width: 100% !important;
	}

}

.featured-link-item a {
    width: 100%;
    z-index: 999;
}

.featured-link-item .featured-link-title {
  width: 100%;
}


.featured-link-item .featured-link-title {
    z-index: 998;
}

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

/* ===============================================
   Scrollable sidebar
   =============================================== */

#sidebar-wrapper #scroll-sidebar .mobile-navigation {
    background: #fff;
}

#sidebar-wrapper #scroll-sidebar,
body.logged-in.customizer_active #sidebar-wrapper #scroll-sidebar {
	background: #fff;
}

nav#mobilemenu ul li a,
#scroll-sidebar p,
#scroll-sidebar a,
#scroll-sidebar span,
#scroll-sidebar .title,
#scroll-sidebar li,
#scroll-sidebar address,
#scroll-sidebar dd,
#scroll-sidebar blockquote,
#scroll-sidebar caption,
#scroll-sidebar td,
#scroll-sidebar th {
	color:#616161;
}

#sidebar-wrapper nav#mobilemenu {
	padding-top: 30px;
    padding-bottom: 30px;
}

#sidebar-wrapper .sidebar-area .post-article {
	padding:30px;
	border-top:solid 1px #ddd
}

#sidebar-wrapper .sidebar-area .copyright-section {
	text-align:center;
}

#sidebar-wrapper .sidebar-area .social-buttons {
    text-align: center;
	margin-bottom:15px
}

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

.masonry .product-content,
#blog .post-article,
#header_sidebar .post-article ,
#sidebar .post-article,
#masonry .post-article {
	padding:30px;
}

#masonry .pin-container + .post-article {
	border-top:none;
}

#masonry .pin-container + .post-article {
	padding-top: 0;
}

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

.masonry .product-thumbnail + .product-content {
	border-top:none;
}

/* ===============================================
   Post icon
   =============================================== */

.post .pin-container  {
	background:#f9f9f9;
}

.post .pin-container img {
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.post .pin-container:hover img {
	opacity:  inherit ;
	filter: none;
}

/* ===============================================
   Post details
   =============================================== */

.post-details {
	margin-bottom: 30px;
}

.post-details + .post-article {
	padding-top: 0px;
	margin-top: 0px;
}

.post-container .page-format .title {
	margin:0 0 40px 0;
}

.post-details .page-title,
#masonry .post-details .page-title {
	padding-bottom: 15px;
}

#masonry .post-details {
	border-left:solid 1px #f6f6f6;
	border-right:solid 1px #f6f6f6;
	border-top:solid 1px #f6f6f6;
	border:none;
	padding:0;
}

#masonry .post-details + .pin-container {
	border-left:solid 1px #f6f6f6;
	border-right:solid 1px #f6f6f6;
}

#masonry .entry-category {
	margin-bottom: 0;
}

/* ===============================================
   Post meta
   =============================================== */

.post-meta {
	text-align:center;
	display:block;
	font-size:10px !important;
	text-transform: capitalize;
	margin-top:15px;
	color:#616161;
	font-weight:normal;
}

.post-category-meta {
	margin-top:0px;
}

.post-category-meta span {
	display: inline-block;
	margin-bottom: 30px;
}

.post-category-meta span a {
	text-decoration: none;
	padding: 0 15px !important;
	background:#f9f9f9;
	height: 30px;
	display: inline-block;
	line-height: 30px !important;
	margin:0 2px
}

.post-meta a {
	color:#616161;
	font-size:10px !important;
}

.post-meta span {
	font-size:12px !important;
	padding:0 5px;
	line-height: 1.4em;
}

.post-meta span a {
	font-size:12px !important;
	line-height: 1.4em;
}

.post-meta span i {
	margin-right:5px;
}

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

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

.related-posts-grid {
  display: grid;
	grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 0px;
}

.related-posts-grid-4 ,
.related-posts-grid-5 ,
.related-posts-grid-6 {
	grid-template-rows: 2fr;
	grid-row-gap: 5px;
}

.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);
}

/* ===============================================
   Post image
   ============================================= */

.post-container.post-container-wrap .pin-container.blog-section {
	min-height:220px;
	margin-bottom:0;
}

.post-container.post-container-wrap .pin-container.blog-section img {
	object-fit: cover;
	object-position: center center;
}

#wrapper .post-container.post-container-wrap .pin-container.blog-section img {
	height: 100%;
}

/* ===============================================
   Sidebar
   =============================================== */

#sidebar .post-article {
  margin-bottom: 15px;
}

.sidebar-area h2.wp-block-heading {
	font-size: 18px;
	margin: 0 0 25px 0;
  padding: 0;
}

/* ===============================================
   WooCommerce
   =============================================== */

.woocommerce_cart_page .post-article {
  padding:0 !important;
}

body.woocommerce-cart .post-container .container-fluid .title {
    margin-bottom: 30px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	padding:30px;
    border: solid 1px #f6f6f6;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-color: #f6f6f6;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 1px solid #f6f6f6;
}

.up-sells.upsells.products + .related.products {
	margin-top:15px
}

/* ===============================================
   Pagination
   =============================================== */

.wp-pagenavi a:hover,
.savana-pagination span,
.savana-pagination a span:hover,
.wp-pagenavi span.current,
.post-article .wp-pagenavi a:hover {
	border: solid 1px #d14a2b;
}

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi span.current,
.savana-pagination span {
	border: solid 1px #f9f9f9;
}

/* ===============================================
   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;
}

/* ===============================================
   Back to top
   =============================================== */

#back-to-top span {
    color: #888;
	background:none !important;
	font-size:20px
}

#back-to-top span.open, #back-to-top span:hover {
	background:none !important;
    color: #444;
}

/* ===============================================
   MOBILE
   =============================================== */

@media screen and (max-width: 767px){

	.featured-posts-wrapper + #header_sidebar:after {
		width: 100%;
		left: 0px;
	}

}

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

	#header {
		text-align:center;
	}

	#topbar-section {
		height: auto;
		line-height: normal;
		padding: 10px 0
	}

	#topbar-section .topbar-date,
	#topbar-section .social-buttons {
		text-align: center;
		height: auto;
		line-height: normal;
		padding: 10px 0
	}

	#topbar-section .social-buttons {
		padding-bottom: 0
	}

	#topbar-section .social-buttons a {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.mobile-navigation {
		margin:10px auto;
		display:inline-block;
		position: relative;
	}

	nav.header-menu {
		margin-bottom:0px;
	}

	nav.header-menu,
	.header-menu-col {
		display:none !important;
	}

	nav#mobilemenu ul li.page_item_has_children a + a ,
	nav#mobilemenu ul li.page_item_has_children a + a {
		width: 10%;
		text-align: center;
	}

	nav#mobilemenu ul li.page_item_has_children a ,
	nav#mobilemenu ul li.page_item_has_children a {
		display: inline-block;
		width: 89%;
	}

  .featured-links-parent {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 5px;
  }

  .featured-posts-container .item {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    height: 600px;
  }

  .featured-posts-container .featured-post-0 {
      grid-area: 1 / 1 / 2 / 2 !important;
  }
  .featured-posts-container .featured-post-1 {
      grid-area: 1 / 2 / 2 / 3 !important;
  }
  .featured-posts-container .featured-post-2 {
      grid-area: 2 / 1 / 3 / 2 !important;
  }
  .featured-posts-container .featured-post-3 {
      grid-area: 2 / 2 / 3 / 3 !important;
  }
  .featured-posts-container .featured-post-4 {
      grid-area: 3 / 1 / 4 / 2 !important;
  }
  .featured-posts-container .featured-post-5 {
      grid-area: 3 / 2 / 4 / 3 !important;
  }

	.featured-link-item {
		margin-bottom:0;
	}

	.related-posts-grid,
	.featured-links-parent,
	.featured-links-parent.featured-elements-4 ,
	.featured-links-parent.featured-elements-5 ,
	.featured-links-parent.featured-elements-6 {
	  display: grid;
		grid-template-columns: repeat(1, 1fr);
	  grid-column-gap: 0px;
	  grid-row-gap: 5px;
	}

	#sidebar,
	.post-container,
	.product-container,
	#masonry .post-container,
	.commentlist li .comment-respond,
	.row.masonry,
	.post-article.col-md-4,
	.post-article.col-md-6 {
		margin-bottom:30px;
	}

	body.woocommerce-cart #header-wrapper + .container {
		margin-top:0px !important;
	}

	.woocommerce .cart-collaterals .cart_totals,
	.woocommerce-page .cart-collaterals .cart_totals {
		margin-top:15px
	}

	.woocommerce #content table.cart td.actions .input-text,
	.woocommerce table.cart td.actions .input-text,
	.woocommerce-page #content table.cart td.actions .input-text,
	.woocommerce-page table.cart td.actions .input-text {
		width: 100% !important;
		margin-bottom: 5px;
	}

}

@media screen and (min-width : 992px) and (max-width : 1199px) {

	#masonry .pin-container:after {
		width: calc(100% - 30px);
		left: 15px;
	}

}

@media screen and (min-width: 600px){

	.post-container.post-container-wrap .pin-container.blog-section {
		float:left;
		width:45%;
	}

	.post-container.post-container-wrap .pin-container.blog-section + .post-article {
		float:left;
		width:55%;
		padding:50px
	}

	.post-container.post-container-wrap:after {
		margin:0;
		content: '';
		display: table;
		clear: both;
	}

	body.is_blog_section .post-container.post-container-wrap .post-article-wrap {
		background:#fff;
		padding:25px
	}

	body.is_blog_section .post-container.post-container-wrap.has-post-thumbnail .post-article-wrap {
		display:flex;
	}

	.blog_layout .post-container.post-container-wrap {
		padding:0px;
	}

}

@media screen and (min-width: 992px){

	#topbar-section .col-md-9 {
		width: 100%;
	}

	#topbar-section .col-md-3 + .col-md-9 {
		width: 75%;
	}

}