/* universal.css */


/* Base transition styles for all transitioning elements */
/*header.wp-block-template-part .current-menu-item a*/ 
header.wp-block-template-part,
header.wp-block-template-part .wp-block-site-logo img,
header.wp-block-template-part .wp-block-social-link .wp-block-social-link-anchor svg
{
    transition-property: background-color, box-shadow, padding-top, padding-bottom, padding-left, padding-right, margin, filter, color, fill, text-decoration-thickness, text-decoration-line;
    transition-duration: var(--transition_duration, 0.3s);
    transition-timing-function: var(--transition_effect, ease);
}

/* Initial state of the header */
header.wp-block-template-part {
    position: var(--header_position, fixed);
    top: var(--header_top_css, 0px);
    z-index: var(--z_index, 100);
    width: 100%;
    background-color: rgba(var(--initial_background_color_r, 255), var(--initial_background_color_g, 255), var(--initial_background_color_b, 255), var(--initial_opacity, 1));
    box-shadow: var(--initial_shadow, none);
    padding-top: var(--initial_padding_top, 20px);
    padding-bottom: var(--initial_padding_bottom, 20px);
    color: rgb(var(--initial_font_color_r, 0), var(--initial_font_color_g, 0), var(--initial_font_color_b, 0));
}

/* Scrolled state of the header */
header.wp-block-template-part.scrolled {
    position: var(--header_position, fixed);
    top: var(--header_top_css, 0px);
    z-index: var(--z_index, 100);
    width: 100%;
    background-color: rgba(var(--scroll_background_color_r, 255), var(--scroll_background_color_g, 255), var(--scroll_background_color_b, 255), var(--scroll_opacity, 1));
    box-shadow: var(--scroll_shadow, 0 1px 3px rgba(0, 0, 0, 0.1));
    padding-top: var(--scroll_padding_top, 10px);
    padding-bottom: var(--scroll_padding_bottom, 10px);
    color: rgb(var(--scroll_font_color_r, 0), var(--scroll_font_color_g, 0), var(--scroll_font_color_b, 0));
}

/* Logo image styling - defaults and scrolled changes */
header.wp-block-template-part .wp-block-site-logo img {
    filter: none; /* Default state */
}

header.wp-block-template-part .wp-block-site-logo img.scrolled {
    filter: var(--logo_filter_value, blur(0px)); /* Scrolled state */
}

/* SVG fill color in social links - defaults and scrolled changes */
header.wp-block-template-part .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
    fill: rgb(var(--initial_social_icon_color_r, 0), var(--initial_social_icon_color_g, 0), var(--initial_social_icon_color_b, 0)); /* initial state */
}

header.wp-block-template-part .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg.scrolled {
    fill: rgb(var(--scroll_social_icon_color_r, 0), var(--scroll_social_icon_color_g, 0), var(--scroll_social_icon_color_b, 0)); /* Scrolled state */
}

/* Fix scroll behaviour when on mobile for the admin bar */
@media (max-width: 768px) { 
    header.wp-block-template-part.scrolled {
        top: var(--top_gap) !important; 
    }
}

/* Current menu item custom styling */
header.wp-block-template-part .current-menu-item a {
    text-decoration-line: var(--current_menu_item_text_decoration_style, underline);
    text-decoration-color: rgb(var(--current_menu_item_text_decoration_color_r, 0), var(--current_menu_item_text_decoration_color_g, 0), var(--current_menu_item_text_decoration_color_b, 0));
    text-decoration-thickness: var(--current_menu_item_text_decoration_thickness, auto);
}

/* Current menu item custom styling when scrolled */
header.wp-block-template-part .current-menu-item a.scrolled {
    text-decoration-line: var(--current_menu_item_scroll_text_decoration_style, underline);
    text-decoration-color: rgb(var(--current_menu_item_scroll_text_decoration_color_r, 0), var(--current_menu_item_scroll_text_decoration_color_g, 0), var(--current_menu_item_scroll_text_decoration_color_b, 0));
    text-decoration-thickness: var(--current_menu_item_scroll_text_decoration_thickness, auto);
}

/* Hover and focus effect for all navigation items */
header.wp-block-template-part .wp-block-navigation-item a:hover,
header.wp-block-template-part .wp-block-navigation-item a:focus,
header.wp-block-template-part .current-menu-item a:hover,
header.wp-block-template-part .current-menu-item a:focus {
    text-decoration-line: var(--current_menu_item_text_decoration_style, underline);
    text-decoration-color: rgb(var(--current_menu_item_text_decoration_color_r, 0), var(--current_menu_item_text_decoration_color_g, 0), var(--current_menu_item_text_decoration_color_b, 0));
    text-decoration-thickness: var(--current_menu_item_text_decoration_thickness, auto);
    color: rgb(var(--current_menu_item_text_decoration_color_r, 0), var(--current_menu_item_text_decoration_color_g, 0), var(--current_menu_item_text_decoration_color_b, 0));

}

/* Hover and focus effect for all navigation items when scrolled */
header.wp-block-template-part .wp-block-navigation-item a.scrolled:hover,
header.wp-block-template-part .wp-block-navigation-item a.scrolled:focus,
header.wp-block-template-part .current-menu-item a.scrolled:hover,
header.wp-block-template-part .current-menu-item a.scrolled:focus {
    text-decoration-line: var(--current_menu_item_scroll_text_decoration_style, underline);
    text-decoration-color: rgb(var(--current_menu_item_scroll_text_decoration_color_r, 0), var(--current_menu_item_scroll_text_decoration_color_g, 0), var(--current_menu_item_scroll_text_decoration_color_b, 0));
    text-decoration-thickness: var(--current_menu_item_scroll_text_decoration_thickness, auto);
    color: rgb(var(--current_menu_item_scroll_text_decoration_color_r, 0), var(--current_menu_item_scroll_text_decoration_color_g, 0), var(--current_menu_item_scroll_text_decoration_color_b, 0));
}

header.wp-block-template-part.scrolled .wp-block-site-logo img {
    content: var(--scroll_logo); 
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: rgb(var(--initial_background_color_r, 255), var(--initial_background_color_g, 255), var(--initial_background_color_b, 255)) !important;
}