/*
Theme Name: kraftosa2022
Author: 
Author URI: 
Theme URI: 
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: kraftosa2022
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.0
Version: 1.0.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.
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

.site-footer {
	max-width: 1200px;
	margin: 2rem auto ;
}
.rotated-header {
	transform: rotate(90deg);
	transform-origin: 0 0;
	width: 430px;
	position: absolute;
	top: 0px;
	left: 100px;
}
.mobile-bt {
	display: none!important;
}
@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

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

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	font-size: 1rem;
	padding: 0.5rem;
	color: var(--wp--preset--color--foreground);
	background-color: var(--wp--preset--color--secondary);
}

.wp-block-navigation__responsive-container-open:hover,
.wp-block-navigation__responsive-container-close:hover {
filter: brightness(94%)!important;
}
.is-menu-open .wp-block-navigation__responsive-close {
	padding: 0 38px;
}
/*
 * Increase horizontal 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: 1200px ) {
	header,
	main > :not(.alignfull),
	main .wp-block-query > :not(.alignfull),
	main .entry-content > :not(.alignfull),
	main .entry-content .wp-block-columns.alignfull p,
	.site-footer {
		padding-left: var(--wp--custom--h-spacing);
		padding-right: var(--wp--custom--h-spacing);
	}
}
@media (max-width: 1031px) {
	.home-column {
	flex-wrap: wrap!important;
	}
}
@media ( max-width: 1030px ) {
	.home-column.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
	flex-basis: 100%!important;
	}
	.home-first-col {
		display: flex;
		flex-wrap: wrap;
	}
	.home-first-col .wp-block-cover {
		width: 50%;
	}
	.mobile-bt {
		display: inline-block!important;
	}
}

@media ( max-width: 500px ) {

	main > :not(.alignfull),
	main .wp-block-query > :not(.alignfull),
	main .entry-content > :not(.alignfull),
	main .entry-content .wp-block-columns.alignfull p {
		padding-left: 0;
		padding-right: 0;
	}
	main .entry-content .sub-menu {
		padding-left: var(--wp--custom--h-spacing);
		padding-right: var(--wp--custom--h-spacing);
	}
	.home-first-col .wp-block-cover {
		width: 100%;
	}
}