/**

Theme Name: Haaski Minimal Pro
Description: Haaski Minimal Pro is a clean child theme of Savana, perfect for building your personal blog or travel blog. It gives you the flexibility to customize your website's appearance and offers a selection of 18 Google Fonts. Haaski Minimal Pro is also compatible with WooCommerce and the most popular page builders.
Author: ThemeinProgress.
Author URI: https://www.themeinprogress.com
Version: 1.0.0
Requires PHP: 5.3
Tested up to: 6.5
Template: savana
Tags: custom-background, 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: haaski-minimal-pro
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

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

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

*/

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

body.custom-background {
	background-color: #ffffff;
}

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

h1.title a,
h2.title a,
h3.title a,
h4.title a,
h5.title a,
h6.title a ,
h1.product-title a ,
h3.product-title a ,
h4.product-title a {
	text-decoration: none;
}

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

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

body.topbar_show_newsticker #topbar-section  {
	text-align: left;
}

body:not(.topbar_show_newsticker) #topbar-section .topbar_socials,
body:not(.topbar_show_socials) #topbar-section .topbar_newsticker {
	width:100%
}
  
/* ===============================================
   Topbar section > 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
   =============================================== */

.hd-flex {
	display: flex;
	width: 100%;
    align-items: center;
    justify-content: center;
	padding: 20px 0;
}

#header {
    line-height: inherit;
    min-height: auto;
    height: auto;
}

#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;
}

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

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

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

#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;
	color:#616161
}

#logo a span {
    font-size: 12px;
    line-height: 1.1em;
    margin-top: 10px;
	text-transform: none;
}

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

.header-menu nav#primary-menu ul {
	text-align:right;
}

.header-menu nav#secondary-menu ul {
	text-align:left;
}

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

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

nav.header-menu ul li a {
	margin:0;
}

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

nav.header-menu ul ul {
	left: 0;
}

nav.header-menu ul.children ,
nav.header-menu ul.sub-menu {
	border: solid 1px #f1f1f1;
}

nav.header-menu#secondary-menu ul.children ,
nav.header-menu#secondary-menu ul.sub-menu {
	left: -9999em;
}

nav.header-menu#secondary-menu li:hover > ul,
nav.header-menu#secondary-menu li:focus > ul,
nav.header-menu#secondary-menu li.focus > ul {
    right: 0;
	left: inherit;
}

nav.header-menu#secondary-menu li li:hover > ul,
nav.header-menu#secondary-menu li li:focus > ul,
nav.header-menu#secondary-menu li li.focus > ul {
    right: 100%;
	left: inherit;
}

.mobile-navigation-button {
	display: none;
}

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

   .ticker-wrapper {
	margin: 0;
	margin-top:0;
  	margin-bottom: 0;
	background: #f9f9f9;
}

.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:12px;
	font-weight: 700;
}

.ticker {
	display: flex;
	align-items: center;
	text-align: left;
	height: 50px;
}

.ticker div {
	display: inline-block;
	word-wrap: break-word;
	line-height: normal
}
  
.ticker li {
	display: none;
}

.ticker-wrapper .ticker a {
	text-decoration: none;
	font-size: 12px;
}

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

#breadcrumb_wrapper {
    margin-top:0;
}

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

.top-section-wrapper ,
.featured-posts-wrapper {
	background:#f1f1f1 !important;
	padding:30px 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 .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: .9
}

.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(9, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 0px;
	height: 400px;
}

/* Featured posts > Layout 1 */

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

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

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

/* Featured posts > Layout 2 */

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

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

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

/* Featured posts > Layout 3 */

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

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

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

/* Featured posts > Layout 4 */

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

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

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

/* Featured posts > Layout 5 */

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

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

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

/* Featured posts > Layout 6 */

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

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

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

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

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

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

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

.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 thumbnail
   =============================================== */

   .post .pin-container {
    background:none !important;
}

.post .pin-container:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* ===============================================
   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 {
	border:solid 1px #ddd;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	padding:30px;
}

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

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

.masonry .product-thumbnail {
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-top:solid 1px #ddd;
}

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

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

#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-details {
    margin-bottom: 30px;
}

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

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

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

.post-container .page-format .post-details {
    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-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-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.9;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 90);
	filter: alpha(opacity= 90);
}

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

#sidebar .post-article {
    margin-bottom: 15px;
	border: solid 1px #ddd;
}

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

.woocommerce .woocommerce_cart_details {
    padding: 30px 0 0 0;
}

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

.product-content {
    padding: 0;
}

/* ===============================================
   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 transparent;
	text-decoration: none;
}

.savana-pagination span.current span {
	background: none !important;
}

.savana-pagination a:hover span,
.savana-pagination a:active span,
.savana-pagination a:focus span {
	color: #fff;
}

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

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

	.featured-posts-container .item {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 5px;
		height: 600px;
	}
	
	.featured-posts-container .featured-post-0 {
		grid-area: 1 / 1 / 2 / 2 !important;
	}
	
	.featured-posts-container .featured-post-1 {
		grid-area: 2 / 1 / 3 / 2 !important;
	}
	
	.featured-posts-container .featured-post-2 {
		grid-area: 3 / 1 / 4 / 2 !important;
	}

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

}

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

	#topbar-section {
		height: auto;
		line-height: auto;
		text-align: center;
	}
	
	#topbar-section .ticker {
		justify-content: center;
		height: 40px;
	}

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

	#topbar-section .social-buttons a {
		margin-bottom: 20px;
	}

	.hd-flex-col-2 {
		width: 6.66666667%;
		float:left
	}
	
	.hd-flex-col-10 {
		width: 93.33333333%;
		float:left
	}

	.mobile-navigation-button {
		display:block;
		text-align: center;
		position: relative;
		height: 20px;
		line-height: 20px;
		margin-bottom: 20px;
	}

	.mobile-navigation {
		display:inline-block;
		height: 20px;
		line-height: 20px;
	}

	#sidebar-wrapper #scroll-sidebar .mobile-navigation {
		position: relative;
	}

	#sidebar-wrapper #scroll-sidebar .mobilemenu-box {
		padding: 0 50px;
	}

	#sidebar-wrapper #scroll-sidebar .mobile-navigation {
		display:inline-block;
		text-align: left;
		float: none;
		padding: 0;
		z-index: 999;
		margin-top: 25px;
		margin-left: 50px;
		line-height: initial;
		height: auto;
		position: relative;
	}

	#sidebar-wrapper #scroll-sidebar .mobile-navigation i {
		margin-left:0;
		color:#616161;
	}

	nav.header-menu {
		margin-bottom:0px;
	}
	
	nav.header-menu,
	.header-menu-col {
		display:none !important;
	}

	nav#mobilemenu .sf-sub-indicator {
		right: 15px;
	}

	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-link-item {
		margin-bottom:0;
	}

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

	#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;
	}
    
	.wp-pagenavi {
		margin-top: -20px;
	}

}