/*
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 women bloggers, coaches and creators writing about personal finance, side hustles, online business and entrepreneurial lifestyle topics. Built with full site editing (FSE) and the block editor, it offers a flexible magazine-style homepage, blog-style templates, customizable colors and typography — all without writing code. Whether you're building a finance blog, career-growth blog or money-minded lifestyle site, Her Money Blog helps you publish with authority, grow your email list and build a site that works as hard as you do.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0.5
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;
	}
}