/*
Theme Name: Alpine
Theme URI: https://alpine.com
Author: wonderingcloud
Author URI: https://wonderingcloud.com
Description: Alpine.
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alpine
Tags: one-column, 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, accessibility-ready, blog, portfolio, news
*/

/* Landing pages with the "Light" text color option: the top notification
   block's children inherit color (currentColor / inherit), so we only need
   to recolor the container. The border is border-dark, so override it too. */
body.landing-light .wp-block-custom-blocks-top-notification {
	color: #FFFBEA;
	border-color: #FFFBEA;
}

/* When the mobile menu is open on a light landing page, the cream overlay
   covers the screen, so the normally-white header elements must go dark. */
@media (max-width: 767px) {
	body.landing-light.menu-open #menu-toggle,
	body.landing-light.menu-open #masthead a[rel="home"] {
		color: #202020;
	}
	body.landing-light.menu-open .wp-block-custom-blocks-top-notification {
		color: #202020;
		border-color: #202020;
	}
}