/*
Theme Name: Custom
Author: Juha 
Author URI: https://juhavenetjoki.fi
Theme URI: https://juhavenetjoki.fi
Tags: full-site-editing, block-patterns
Text Domain: custom
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

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

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
header{
	position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    margin-top: 0 !important;
    /*background: none;*/
    width: 100%;
	background-color: transparent;
	transition: background-color 0.3s ease-in-out;
	}

header.is-scrolled {
	background-color: var(--wp--preset--color--vivid-purple)!important;
}
main {
    margin-top: 0;
	margin-bottom: 0;
}
footer.site-footer.wp-block-template-part {
    margin-block-start: 0px;
}

.bevel-2-corners {
	corner-bottom-left-shape: bevel;
	corner-top-right-shape: bevel;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.bevel-2-corners-1 {
	corner-bottom-right-shape: bevel;
	corner-top-left-shape: bevel;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.bevel-all-corners {
	corner-bottom-left-shape: bevel;
	corner-top-right-shape: bevel;
	corner-bottom-right-shape: bevel;
	corner-top-left-shape: bevel;
	border-radius: 20px;
}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))) {
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}
/* main menu hover underline */
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))):hover {
	text-decoration: underline;
}
.wp-block-navigation .wp-block-navigation-item__label {
	font-weight: 600;
}
.wp-block-site-title {
	font-weight: 600;
}
.wp-block-navigation-item.current-menu-item.wp-block-navigation-link {
  text-decoration: underline;
}
/* main menu current-menu-item and hover color --wp--preset--color--vivid-purple */
/*:root :where(.wp-block-navigation a:where(:not(.wp-element-button))):where(.current-menu-item, :hover) {
	color: var(--wp--preset--color--vivid-purple)!important;
}*/

/* .wp-container-core-navigation-is-layout-2c90304e {
  flex-direction: column;
  align-items: center;
}
/* mobile menu wrapper background-color --wp--preset--color--vivid-purple */
/*.wp-container-core-navigation-is-layout-2c90304e .wp-block-navigation__responsive-container {
  background-color: var(--wp--preset--color--vivid-purple);
}
.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__overlay-container {
    width: 100%;
    background-color: var(--wp--preset--color--vivid-purple)!important;
}
*/
/*wp-block-button:hover::before {
    box-shadow: 0 0 15px 5px rgb(255, 255, 255);
	transition: all 1s ease;
	content: '';
	inset: 0;
	position: absolute;
    background-color:transparent;
}*/