/*
Theme Name: Zoya
Theme URI: https://zoya.qodeinteractive.com
Description: Lifestyle Blog
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Text Domain: zoya
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * Mobile menu sits under #qodef-page-mobile-header with position:absolute. The page
 * wrapper uses overflow:hidden, which clips that panel. While the menu is open,
 * allow overflow on the wrapper and lock body scroll for a stable panel.
 */
body.qodef-mobile-navigation--opened {
	overflow: hidden;
}

body.qodef-mobile-navigation--opened #qodef-page-wrapper {
	overflow: visible;
}

/*
 * Sticky sidebar (desktop only): flex row gives the sidebar column the same height
 * as the main column so position:sticky can run the full scroll. Pull/push offsets
 * are reset because flex order handles left/right sidebar. Wrapper overflow is
 * visible only when a sidebar is present so sticky is not clipped.
 */
@media only screen and (min-width: 1025px) {
	body.qodef--has-sidebar #qodef-page-wrapper {
		overflow: visible;
	}

	body.qodef--has-sidebar #qodef-page-content.qodef-grid.qodef-layout--template > .qodef-grid-inner {
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
	}

	body.qodef--has-sidebar #qodef-page-content.qodef-grid.qodef-layout--template > .qodef-grid-inner.clear::before,
	body.qodef--has-sidebar #qodef-page-content.qodef-grid.qodef-layout--template > .qodef-grid-inner.clear::after {
		content: none;
		display: none;
	}

	body.qodef--has-sidebar #qodef-page-content.qodef-grid.qodef-layout--template > .qodef-grid-inner > .qodef-grid-item {
		float: none;
		align-self: stretch;
		left: auto;
		right: auto;
	}

	body.qodef-sidebar-layout--left #qodef-page-content.qodef-grid.qodef-layout--template > .qodef-grid-inner {
		flex-direction: row-reverse;
	}

	body.qodef--has-sidebar #qodef-page-sidebar {
		position: -webkit-sticky;
		position: sticky;
		top: 32px;
		margin-bottom: 0;
	}

	body.admin-bar.qodef--has-sidebar #qodef-page-sidebar {
		top: 64px;
	}
}