/* ---------------------------------------------------------------------------------------------

	Theme Name: Davis Blocks
    Text Domain: davis-blocks
	Version: 0.2.3
	Description: Davis Blocks is a clean, simple and fast block theme built for Full Site Editing. It can be used out of the box as a lightweight blog theme, or as a foundation for greater things when customized in the Site Editor.
	Tags: blog, one-column, custom-background, custom-colors, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks, full-site-editing
	Author: Anders Norén
	Author URI: https://andersnoren.se
	Theme URI: https://andersnoren.se/teman/davis-blocks-wordpress-theme/
	License: GNU General Public License version 2.0
	License URI: https://gnu.org/licenses/gpl-2.0.html
	Requires PHP: 5.6
	Tested up to: 6.5

/* --------------------------------------------------------------------------------------------- */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

a { text-underline-offset: .15em; }

/* Input styles */

input, textarea, select, button {
	background-color: inherit;
	border-radius: 0;
	font-family: inherit;
	font-size: inherit;
}

input, textarea, select {
	background-color: var( --wp--preset--color--background );
	border: .1rem solid var( --wp--preset--color--secondary );
	color: var( --wp--preset--color--foreground );
	padding: .5em;
}

/* Editor Post Title */

.editor-post-title__input { text-align: center; }

/* Block: Navigation */

.wp-block-navigation__responsive-container-close {
	right: 50%;
	transform: translateX( 50% );
}

/* Block: Search Form */

.wp-block-search__input,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	border-color: var(--wp--preset--color--secondary) !important;
}

/* Block: Separator */

hr.is-style-davis-separator {
	border: none;
	border-bottom: .5px solid;
	border-top: .5px solid;
	overflow: visible !important;
	position: relative;
}

hr.is-style-davis-separator:before,
hr.is-style-davis-separator:after {
	background-color: var( --wp--preset--color--background );
	border: 1px solid;
	box-sizing: border-box;
	content: "";
	height: 12px;
	position: absolute;
		top: calc( 50% - 6px );
	transform: rotate( 45deg );
	width: 12px;
}

hr.is-style-davis-separator:before { left: calc( 50% - 14px ); }
hr.is-style-davis-separator:after { left: calc( 50% + 2px ); }