/*
Theme Name: Blockskit
Theme URI: https://blockskit.com/blockskit/
Author: BlockskitDev
Author URI: https://blockskit.com
Description: Blockskit is modern block-based theme where you can build your own unique looking website by using WordPress Blocks Editor. No custom code required.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blockskit
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, education

Blockskit WordPress Theme, Copyright 2024 BlockskitDev
Blockskit is distributed under the terms of the GNU General Public License v3
*/

:root {
    --margin-none: 0;
    --margin-xs: 0.25rem; /* 4px */
    --margin-sm: 0.5rem; /* 8px */
    --margin-md: 1rem; /* 16px */
    --margin-lg: 1.5rem; /* 24px */
    --margin-xl: 2rem; /* 32px */

    --padding-none: 0;
    --padding-xxs: 0.1rem; /* 4px */
    --padding-xs: 0.25rem; /* 4px */
    --padding-sm: 0.5rem; /* 8px */
    --padding-md: 1rem; /* 16px */
    --padding-lg: 1.5rem; /* 24px */
    --padding-xl: 2rem; /* 32px */
	
	--font-color-primary: rgb(15,35,67);
	--font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
}

#site-header {
    position: fixed;
    width: 100%;
    top: 0;
    transition: top 0.3s ease-in-out; /* Smooth transition */
    z-index: 1000; /* Ensure it stays above other content */
}

.fixed-header-height {
	height:110px;
}

.fixed-subheader-height {
	height:70px;
}

.lists {
	height:150px;
}

li.nav-bar-button > a.wp-block-navigation-item__content {
	padding: 2px 16px !important;
	border-radius: 24px !important;
	color: var(--font-color-primary);
	border: 2px solid rgb(15,35,67) !important;
}

.wp-block-navigation-item:hover {
	color:var(--wp-admin-theme-color-darker-10);
}

.wp-block-navigation-item:not(.nav-bar-button) {
    padding: var(--padding-xs) var(--padding-sm);
    color: var(--font-color-primary);
    font-weight: var(--font-weight-regular);
    text-decoration: none;
    position: relative;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0 var(--margin-sm);
}

.wp-block-navigation-item:not(.nav-bar-button)::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: var(--font-color-primary);
    transition: width 0.3s ease-in-out;
}

.wp-block-navigation-item:hover::after,
.wp-block-navigation-item:focus::after {
    width: 100%;
}

.wp-block-navigation-item.current-menu-item:not(.nav-bar-button):after {
    width: 100%;
}

.wp-block-navigation-item.current-menu-item:not(.nav-bar-button){
    font-weight: var(--font-weight-regular);
}



@media (max-width: 782px) {
	.fixed-header-height {
		height:auto;
		margin-bottom:8px !important;
	}
	.fixed-subheader-height {
		height:auto;
		margin-bottom:8px !important;
	}
}