/**

Theme Name: Haaski Minimal
Description: Haaski Minimal is a clean child theme of Savana Lite, 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 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-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-minimal
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Haaski Minimal Child WordPress Theme is a child theme of Savana Lite, Copyright 2024 ThemeinProgress.
Haaski Minimal 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 {
	font-family: "Raleway", sans-serif;
}

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

#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:first-of-type a {
    padding-left: 12px;
}

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

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

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

}
