/*
Theme Name: Armando
Author: Carolina Nymark
Author URI: https://fullsiteediting.com
Theme URI:
Version: 1.2
Description: An experimental full site editing theme for blogs or sports teams. This theme requires Gutenberg version 10.4 or later. Armando includes 13 block styles and 25 block patterns including six headers and four footers.
Tags: full-site-editing, blog, one-column, two-columns, editor-style, block-styles
Text Domain: armando
Requires at least: 5.5
Requires PHP: 7.2
Tested up to: 5.7

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 {
	margin: 0;
	overflow-x: hidden;
}

* {
	box-sizing: border-box;
}

/* Elements */
img {
	max-width: 100%;
	height: auto;
}

/* Match HTML buttons with the search block button.*/
button,
input[type="submit"],
input[type="reset"] {
	background: #f7f7f7;
	border:2px solid #fff;
	border-radius: 4px;
	padding: 6px 10px;
	color: #32373c;
	word-break: normal;
}

.site-header .wp-block-search .wp-block-search__input {
	border: 2px solid #fff;
}

.site-header .wp-block-search .wp-block-search__button {
	border: 2px solid #fff;
	border-radius: 4px;
}

input,
textarea {
	font-size: var(--wp--preset--font-style--normal);
	padding: 0.25em;
}

input[type=search] {
	border-radius: 4px;
}

textarea {
	clear: both;
	display: block;
	width: 100%;
}

pre {
	white-space: pre-wrap;
}

/* Date and categories are all block elements,
we need to adjust them to align them better next to each other. */
.post-meta .wp-block-post-date,
.post-meta .wp-block-post-hierarchical-terms,
.post-nav .wp-block-post-navigation-link,
.is-style-armando-inline {
	display: inline;
}

.post-meta .wp-block-post-date,
.post-meta .wp-block-post-hierarchical-terms {
	margin-right: 0.5em;
}

.post-nav .post-navigation-link-next {
	float: right;
}

/* Adjust underlines to improve accessibility. This is a temporary solution.*/
.wp-site-blocks a:not(.wp-block-button__link) {
	text-decoration: underline;
}

.wp-site-blocks a:hover {
	text-decoration: none;
}

.wp-site-blocks .site-header .wp-block-site-title a {
	text-decoration: none;
}

.wp-site-blocks .site-header .wp-block-site-title a:hover {
	text-decoration: underline;
}

/* Center site title and menu on small screens */
@media ( max-width: 781px ) {
	.wp-site-blocks .site-header .wp-block-site-title {
		text-align: center;
	}
}

@media ( max-width: 1300px ) {
	.wp-site-blocks .site-header .items-justified-right>ul {
		justify-content: initial;
	}
}

/* Override column breakpoints for the site header. */
@media (min-width: 600px) and (max-width: 1024px) {
	.wp-site-blocks .site-header .wp-block-column:not(:only-child) {
		flex-basis: 100%!important;
		flex-grow: initial;
	}

	.wp-site-blocks .site-header .wp-block-column:nth-child(2n) {
		margin-left: initial;
	}
}

@media ( min-width: 782px ) {
	.is-style-armando-multi-color.has-background {
		padding-bottom: 0;
		padding-top: 0;
		padding-right: 0;
	}
}

/* Block figcaptions has an incorrect width on the front. */
.wp-block-image .aligncenter>figcaption {
	display: block;
}

.wp-block-quote,
.wp-block-quote.has-text-align-right {
	border-left: none;
	border-right: none;
}

.blocks-gallery-caption,
.comment-body {
	margin-bottom: 2em;
}

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

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

/* Prevent long titles from overflowing */
.wp-site-blocks h2.wp-block-post-title {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/* Custom block styles and utilities */
.wp-site-blocks .wp-block-post-author__avatar {
	margin-right: 1em;
}

.is-style-armando-hide-caption figcaption,
.is-style-armando-gallery-rounded figcaption {
	display: none;
}

.is-style-armando-gallery-rounded img {
	border-radius: 50%;
}

.is-style-armando-rounded-corners {
	border-radius: 6px;
}

.is-style-armando-box-shadow {
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.06);
	padding: 1.25em 2.375em;
	border-radius: 2px;
}

.is-style-armando-box-shadow-no-padding {
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.06);
}

.is-style-armando-border {
	border: 2px solid currentColor;
	padding: 0.5rem;
}

.is-style-armando-column-border {
	border: 1px solid currentColor;
	padding: 1.25em 2.375em;
}

.is-style-armando-columns-border {
	border: 1px solid currentColor;
}

.is-style-armando-column-r-l-borders {
	border-left: 1px solid currentColor;
	border-right: 1px solid currentColor;
	padding: 1.25em 2.375em;
}

.is-style-armando-top-bottom-border {
	border-top: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
}

/* Remove these when blocks have margin controls */
.is-style-armando-no-bottom-margin,
.is-style-armando-no-bottom-margin .wp-block-columns {
	margin-bottom: 0;
}

.is-style-armando-no-top-margin {
	margin-top: 0;
}

@media ( min-width: 600px ) {
	.is-style-armando-media-overlap {
		width: 150%;
	}
}

.is-style-armando-circular-cover.wp-block-cover,
.is-style-armando-circular-cover .wp-block-cover__image-background,
.is-style-armando-circular-cover.wp-block-cover-image,
.is-style-armando-circular-cover.wp-block-cover-image:before,
.is-style-armando-circular-cover.wp-block-cover.has-background-dim:not(.has-background-gradient):before {
	border-radius: 50% !important;
}

.is-style-armando-vertical-text {
	writing-mode: vertical-lr;
}

.is-style-armando-skewed {
	transform: rotate(-0.8deg);
}

.wp-block-post-featured-image {
	margin-bottom: 50px;
}

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

.admin-bar .is-style-armando-sticky-header {
	position: sticky;
	top: 32px;
}

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

@media screen and (max-width: 782px) {
	.is-style-armando-hide-on-mobile {
		display: none;
	}
}

/* Sidebars */
@media (min-width: 782px) {
	.armando-has-sidebar-right .wp-block-column:not(:first-child),
	.armando-has-sidebar-left .wp-block-column:not(:first-child) {
		margin-left: 0;
		position: sticky;
	}
}

@media ( min-width: 600px ) {
	.armando-sidebar-right, .armando-sidebar-left  {
		position: sticky;
		border-left: 1px solid var(--wp--preset--color--silver);
	}

	.armando-sidebar-left {
		position: sticky;
		border-right: 1px solid var(--wp--preset--color--silver);
	}
}

/* Disable https://github.com/WordPress/gutenberg/pull/27995 until 
* https://github.com/WordPress/gutenberg/pull/26809.
*/
p:empty:before {
	content: none !important;
}