/*
Theme Name: Her Money Blog
Theme URI: https://thethemenook.com/free-themes/her-money-blog/
Author: The Theme Nook
Author URI: https://thethemenook.com
Description: Her Money Blog is a feminine WordPress block theme designed for bloggers, coaches and creators who write about personal finance, side hustles and online business. Built with full site editing (FSE) and the block editor, it offers custom layouts, blog‑style templates, customizable colors and typography. Perfect for a finance blog, money‑making blog, career‑growth blog or entrepreneurial lifestyle site, this clean, responsive theme helps you build authority, attract readers and grow your email list—all without writing any code.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: her-money-blog
Tags: one-column, two-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, blog, news
*/

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* Offset the heading in the About me section */
.overlap-heading {
	margin-left: -100px;
	width: 80%;
}

/* Style the Read more link */
.wp-block-post-excerpt__more-link {
	font-weight: 600;
	color: var(--wp--preset--color--accent-2);
}

/* Style the Categories list in the sidebar */
.wp-block-categories-list {
	margin-left: 0;
	padding-left: 0;
}

.wp-block-categories-list .cat-item {
	list-style-type: none;
	background: var(--wp--preset--color--accent-1);
	padding: .5rem 1rem;
	border-bottom: 1px solid white;
	font-weight: 500;
}

/* Style the Previous/Next post label (Single post) */
.post-navigation-link__label {
	display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
	color: var(--wp--preset--color--accent-2);
}

/* Mobile styles for the header - swap places of Site Title and Nav */
@media (max-width: 900px) {
	.header-col-one {
		order: 2;
		flex: 3 !important;
	}

	.header-col-one .wp-block-site-title {
		text-align: center;
	}

	.header-col-two {
		order: 1;
		flex-grow: 1 !important;
		flex-basis: 0 !important;
	}

	.header-col-two nav {
		justify-content: left;
	}

	.header-col-three {
		order: 3;
	}
}