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

	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: 13px;
	position: absolute;
	top: calc( 50% - 6px );
	transform: rotate( 45deg );
	width: 13px;
}

hr.is-style-davis-separator:before { display: none; }
hr.is-style-davis-separator:after { left: calc( 50% - 6px ); }

/* TG stuff */

/* utility */
.list-no-style {
	list-style: none;
}

.list-bullet-square {
	list-style-type: square;
}

.main-nav a {
	position: relative;
	text-decoration: none;
}

.main-nav a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	/* Adjust line thickness */
	background-color: #000;
	/* Line color */
	transition: width 0.25s ease, left 0.25s ease;
}

.main-nav a:hover::after {
	width: 100%;
	left: 0;
}

.heading-separator {
	width: 25%;
}

/* mobile */
@media screen and (max-width: 782px) {
	.main-nav {
		justify-content: center;
	}

	.top-logo-col {
		display: flex;
		justify-content: center;
	}

	.home-image-col {
		display: flex;
		justify-content: center;
	}

	.heading-separator {
		width: 40%;
	}
}