/*
Theme Name: Armando
Author: Carolina Nymark
Author URI: https://fullsiteediting.com
Theme URI:
Version: 1.1
Description: A basic full side editing theme for blogs. This theme has a three different header templates to choose from. This is an experimental theme.
Tags: full-site-editing, blog, one-column, editor-style, block-styles
Text Domain: armando
Requires at least: 5.5
Requires PHP: 7.2
Tested up to: 5.6

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;
}

.wp-site-blocks .wp-block-search .wp-block-search__input,
.wp-site-blocks .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;
}

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 {
	display: inline;
}

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

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

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

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

/* 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-block-site-title.has-normal-font-size.has-white-color {
	margin: 0;
	line-height: 1;
}

.wp-block-site-title.has-normal-font-size.has-white-color a {
	font-size: var(--wp--preset--font-size--normal);
	color: var(--wp--preset--color--white);
}

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

/* Alignments, widths, margins and padding*/
.wp-site-blocks {
	padding: 0 var(--wp--custom--spacing);
}

.wp-site-blocks .default-width,
.wp-site-blocks .wp-block-post-content > *,
.wp-site-blocks [class*="wp-block-post-excerpt"] > * {
	max-width: var(--wp--custom--width--default);
	margin-left: auto;
	margin-right: auto;
}

.entry-content > * {
	margin-top: var(--wp--custom--spacing);
	margin-bottom: var(--wp--custom--spacing);
}

/* Increase the spacing around the search block when inside the navigation menu.*/
nav .wp-block-search {
	padding: var(--wp--custom--spacing);
}

.wp-site-blocks .alignwide {
	width: var(--wp--custom--width--wide);
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.wp-site-blocks .alignfull {
	transform: translateX(calc(0px - var(--wp--custom--spacing)));
	width: calc(100% + (2 * var(--wp--custom--spacing)));
	max-width: calc(100% + (2 * var(--wp--custom--spacing)));
	margin-left: 0;
	margin-right: 0;
	box-sizing: content-box;
}

.aligncenter {
	text-align: center;
}

.wp-site-blocks .alignleft {
	float: left;
	margin-right: 2em;
	margin-top: var(--wp--custom--spacing);
	margin-bottom: var(--wp--custom--spacing);
	max-width: 360px;
}

.wp-site-blocks .alignright {
	float: right;
	margin-left: 2em;
	margin-top: var(--wp--custom--spacing);
	margin-bottom: var(--wp--custom--spacing);
	max-width: 360px;
}

.site-main .wp-block-query-loop.is-flex-container {
	padding: var(--wp--custom--spacing);
}

/* Query pagination block has no working CSS class, add a wrapper as a work around.*/
.archive-pagination div {
	display: inline;
	line-height: 3;
}

.archive-pagination a {
	color: #fff;
	background-color: #32373c;
	border: none;
	border-radius: 3px;
	box-shadow: none;
	cursor: pointer;
	font-size: 1.125em;
	padding: .667em 1.333em;
	text-align: center;
	text-decoration: none;
	overflow-wrap: break-word;
}

.archive-pagination div:nth-of-type(2) a{
	margin-left: var(--wp--custom--spacing);
}

.site-footer .wp-block-latest-posts.wp-block-latest-posts__list {
	padding-left: 0;
}

@media screen and (min-width: 840px) {

	.wp-site-blocks .alignleft {
		margin-left: calc(0.5 * (100vw - var(--wp--custom--width--default)));
	}
	.wp-site-blocks .alignright {
		margin-right: calc(0.5 * (100vw - var(--wp--custom--width--default)));
	}
}

@media screen and (max-width: 840px) {

	.wp-site-blocks .default-width,
	.wp-site-blocks .wp-block-post-content > *,
	.wp-site-blocks [class*="wp-block-post-excerpt"] > *,
	.wp-site-blocks .site-footer > *  {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.wp-site-blocks .site-footer > * {
		margin-bottom: calc(2* var(--wp--custom--spacing));
	}
}

/* Custom block styles */
.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: 0.5rem;
	border-radius: 2px;
}

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

.wp-block-social-links.is-style-armando-social-icons-color a {
	color: var(--wp--preset--color--dark-blue);
}

.wp-block-social-links.is-style-armando-social-icons-color .wp-social-link button {
	color: var(--wp--preset--color--dark-blue);
}

.wp-block-social-links.is-style-armando-social-icons-color .wp-social-link {
	background: none;
}