/*
Theme Name: Armando
Author: Carolina Nymark
Author URI: https://fullsiteediting.com
Theme URI:
Version: 2.0.0
Description: A full site editing theme for blogs or sports teams. Armando includes multiple block styles and block patterns including site headers, site footers and page layouts.
Tags: full-site-editing, blog, one-column, two-columns, editor-style, block-styles
Text Domain: armando
Requires at least: 6.0
Requires PHP: 7.2
Tested up to: 6.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/* Make sure that full width blocks are full width, reset the browser margins. */
body {
	overflow-x: hidden;
}

.wp-site-blocks a {
	text-underline-offset: 2px;
}

/* Adjust underlines to improve accessibility. This is a temporary solution.*/
.wp-site-blocks a:hover {
	text-decoration: none;
}

/* Adjust when the menu button is shown */
@media (max-width: 1000px) {
	.wp-site-blocks .site-header .wp-block-navigation__responsive-container {
		display: none;
	}

	.wp-site-blocks .site-header .wp-block-navigation__responsive-container.is-menu-open,
	.wp-site-blocks .site-header .wp-block-navigation__responsive-container-open {
		display: flex;
	}
}

@media (max-width: 781px) {
	.wp-site-blocks .site-header .wp-block-column {
		padding-top: var( --wp--style--block-gap, 2em );
	}
}

/* Expand the last column in the header to full width on small screens */
@media (min-width: 400px) and (max-width: 781px) {
	.wp-site-blocks .site-header .wp-block-column:not(:only-child) {
		flex-grow: 1;
	}
}

/* Comments */
.commentlist,
.children {
	list-style: none;
}

.comment-meta .says,
.home .comment-area {
	display: none; /* Hide single page comment area on the home page */
}

/* Sticky header */
.is-style-armando-sticky-header {
	position: sticky;
	top: 0;
}

/* Move the position down to adjust for the WordPress admin bar */
.admin-bar .is-style-armando-sticky-header {
	position: sticky;
	top: 32px;
}

/* Revert the sticky position on smaller screens */
@media screen and (max-width: 782px) {
	.is-style-armando-sticky-header {
		position: initial;
	}
}

/* Reduce the size of extra large text on small screens. */
@media ( max-width: 600px ) {
	body {
		--wp--preset--font-size--x-large: 2rem;
	}
}

/*
 * Increase padding on smaller screens. 
 * Temporary solution to avoid text content running up to the edge of the browser window,
 * making the text difficult to read.
*/
@media ( max-width: 840px ) {
	main > :not(.alignfull),
	main .entry-content > :not(.alignfull),
	main .entry-content .wp-block-columns.alignfull p {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}