html{font-size: 4dvw}
.kide_header{padding: 2dvw}
.kide_nav{background-color: var(--kide-light);
  position: absolute; 
	left: 0; height: fit-content;
	transition: all .25s;
}
.kide_nav>ul{
	display: block; 
	padding: 0; margin: 0; width: 100%; }
.kide_nav>ul>li{
	display: flex;
	justify-content: left;
	margin: 0; padding: 0; width: 100%;
	text-align: left;
}
.kide_nav>ul>li>a{
	display: block; width: 100%; height: fit-content; 
	padding: 3dvw 2dvw;
	text-align: left; }
#logo{height: 10dvw; width: auto; min-width: 15dvw}
#nav_open{display: none}
#lbl_nav_close, #lbl_nav_open{position: absolute; right: 2dvw; padding: 0}
#lbl_nav_close span{}
#lbl_nav_close .bi{width: 5dvw; height: 5dvw;}

#nav_open ~.kide_nav{top: 100%; left: -100%;}
#nav_open:checked ~.kide_nav{top: 100%; left: 0}

#nav_open:checked ~#lbl_nav_open{display: none;}
#nav_open:checked ~#lbl_nav_close{display: block;}
#nav_open ~#lbl_nav_close{display: none;}
#nav_open ~#lbl_nav_open{display: block;}

.kide_btn_primary{font-size: 1.15rem; padding: 1dvw 2dvw}
.kide_hero_title, h1{
	font-size: 3rem
}
h2{font-size: 2.5rem !important; line-height: 1.2}
h3{font-size: 2rem !important; line-height: 1.2}
p{font-size: 1.25rem !important;}

.kide_footer_grid{grid-template-columns: 1fr}
/*
<header class="kide_header">
		<a id="logo" class="kide_logo" href="/"><img src="<?= $logo[0] ?>"  alt="<?= __('Krajowy Instytut Doradztwa Energetycznego'); ?>" /></a>
			<input type="checkbox" id="nav_open" aria-hidden="true">
			<label id="lbl_nav_open"  for="nav_open"><span aria-label="Otwórz nawigację główną" class="bi bi-list"></span></label>
			<label id="lbl_nav_close"  for="nav_open"><span aria-label="Zamknij nawigację główną" class="bi bi-x-lg"></span></label>
			<?= wp_nav_menu( $args = ['theme_location' => 'mnu_primary', 'container_class'=>'kide_nav'] ) ?>
			<a class="kide_btn kide_btn_primary kide_btn_header" id="header_action_btn"><?= __('Bezpłatna konsultacja') ?></a>
	</header>
*/