/*
Theme Name: Kubio Child
Theme URI: http://example.com/kubio-child
Description: A child theme for the Kubio theme
Author: Sergiu Coltan
Author URI: http://example.com
Template: kubio
Version: 1.0.0
*/


/* ---- START NAVBAR CUSTOMIZATION ----*/

.h-navigation_sticky .h-hide-normal {
    display: flex
}

.h-navigation_sticky .h-hide-sticky {
    display: flex;
    position: fixed;
}

.h-navigation_sticky .kubio-logo-image,
.h-navigation_sticky .kubio-alternate-logo-image,
.h-navigation_sticky.wp-block-kubio-navigation-section__nav {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(23, 25, 39, .1);
    padding-bottom: 10px;
    padding-top: 10px;
}


.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer.bordered-active-item>.kubio-menu>ul>li:after,
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer.bordered-active-item>.kubio-menu>ul>li:before {
    background-color: rgba(var(--kubio-color-6), 1)
}

.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul {
    justify-content: flex-end
}

.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li>a {
    color: rgba(var(--kubio-color-6), 1)
}

.kubio-404-header__k__6mt_9f_jXJ-outer .h-navigation_sticky.wp-block-kubio-navigation-section__nav {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(23, 25, 39, .1);
    padding-bottom: 10px;
    padding-top: 10px
}

.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer.bordered-active-item>.kubio-menu>ul>li:after,
.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer.bordered-active-item>.kubio-menu>ul>li:before {
    background-color: rgba(var(--kubio-color-6), 1)
}

.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul {
    justify-content: flex-end
}

.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul>li>a {
    color: rgba(var(--kubio-color-6), 1)
}

.kubio-front-header__k__Gp3qTlxXlu-outer .h-navigation_sticky.wp-block-kubio-navigation-section__nav {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(23, 25, 39, .1);
    padding-bottom: 10px;
    padding-top: 10px
}

.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer.bordered-active-item>.kubio-menu>ul>li:after,
.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer.bordered-active-item>.kubio-menu>ul>li:before {
    background-color: rgba(var(--kubio-color-6), 1)
}

.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul {
    justify-content: flex-end
}

.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul>li>a {
    color: rgba(var(--kubio-color-6), 1)
}

.kubio-header__k__jZZ7ZgkWWk-outer .h-navigation_sticky.wp-block-kubio-navigation-section__nav {
    padding-bottom: 30px;
    padding-top: 30px
}

.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer.bordered-active-item>.kubio-menu>ul>li:after,
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer.bordered-active-item>.kubio-menu>ul>li:before {
    background-color: rgba(var(--kubio-color-5), 1)
}

.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul {
    justify-content: center
}

.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li>a {
    color: rgba(var(--kubio-color-5), .8)
}

.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li.current-menu-item>a,
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li.current_page_item>a,
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li>a.hover,
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li>a:hover {
    color: rgba(var(--kubio-color-6), 1)
}

.kubio-404-header__k__6mt_9f_jXJ-outer .h-navigation_sticky.wp-block-kubio-navigation-section__nav {
    padding-bottom: 30px;
    padding-top: 30px
}

.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer.bordered-active-item>.kubio-menu>ul>li:after,
.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer.bordered-active-item>.kubio-menu>ul>li:before {
    background-color: rgba(var(--kubio-color-5), 1)
}

.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul {
    justify-content: center
}

.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul>li>a {
    color: rgba(var(--kubio-color-5), .8)
}

.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul>li.current-menu-item>a,
.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul>li.current_page_item>a,
.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul>li>a.hover,
.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul>li>a:hover {
    color: rgba(var(--kubio-color-6), 1)
}

.kubio-front-header__k__Gp3qTlxXlu-outer .h-navigation_sticky.wp-block-kubio-navigation-section__nav {
    padding-bottom: 30px;
    padding-top: 30px
}

.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer.bordered-active-item>.kubio-menu>ul>li:after,
.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer.bordered-active-item>.kubio-menu>ul>li:before {
    background-color: rgba(var(--kubio-color-5), 1)
}

.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul {
    justify-content: center
}

.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul>li>a {
    color: rgba(var(--kubio-color-5), .8)
}

.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul>li.current-menu-item>a,
.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul>li.current_page_item>a,
.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul>li>a.hover,
.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul>li>a:hover {
    color: rgba(var(--kubio-color-6), 1)
}

.kubio-header__k__jZZ7ZgkWWk-outer .h-navigation_sticky.wp-block-kubio-navigation-section__nav {
    background-color: rgba(var(--kubio-color-5), 1);
    padding-bottom: 0;
    padding-top: 0
}

.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer.bordered-active-item>.kubio-menu>ul>li:after,
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer.bordered-active-item>.kubio-menu>ul>li:before {
    background-color: rgba(var(--kubio-color-5), 1)
}

.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li>a {
    color: rgba(var(--kubio-color-5), .8)
}

.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li.current-menu-item>a,
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li.current_page_item>a,
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li>a.hover,
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li>a:hover {
    color: rgba(var(--kubio-color-6), 1)
}

html.kubio-theme #kubio .kubio-404-header__k__6mt_9f_jXJ-outer .h-navigation_sticky.wp-block-kubio-navigation-section__nav {
    background-color: rgba(var(--kubio-color-5), 1);
    padding-bottom: 0;
    padding-top: 0
}

.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer.bordered-active-item>.kubio-menu>ul>li:after,
.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer.bordered-active-item>.kubio-menu>ul>li:before {
    background-color: rgba(var(--kubio-color-5), 1)
}

.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul>li>a {
    color: rgba(var(--kubio-color-5), .8)
}

.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul>li.current-menu-item>a,
.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul>li.current_page_item>a,
.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul>li>a.hover,
.h-navigation_sticky .kubio-404-header__k___GipAjLnn8q-outer>.kubio-menu>ul>li>a:hover {
    color: rgba(var(--kubio-color-6), 1)
}

.kubio-front-header__k__Gp3qTlxXlu-outer .h-navigation_sticky.wp-block-kubio-navigation-section__nav {
    background-color: rgba(var(--kubio-color-5), 1);
    padding-bottom: 0;
    padding-top: 0
}

.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer.bordered-active-item>.kubio-menu>ul>li:after,
.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer.bordered-active-item>.kubio-menu>ul>li:before {
    background-color: rgba(var(--kubio-color-5), 1)
}

.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul>li>a {
    color: rgba(var(--kubio-color-5), .8)
}

.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul>li.current-menu-item>a,
.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul>li.current_page_item>a,
.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul>li>a.hover,
.h-navigation_sticky .kubio-front-header__k__c6BbujDIAOY-outer>.kubio-menu>ul>li>a:hover {
    color: rgba(var(--kubio-color-6), 1)
}

/* Ensure the navigation becomes fixed and stays at the top when scrolling */
.h-navigation_sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; /* Make sure it spans the full width */
    z-index: 1000; /* Ensure it stays above other content */
    background-color: #fff; /* Background color when sticky */
    box-shadow: 0 0 10px 0 rgba(23, 25, 39, .1); /* Optional shadow for better visibility */
    padding-bottom: 10px;
    padding-top: 10px;
    transition: background-color 0.3s ease, padding 0.3s ease;
}

/* Hide the normal elements that are only visible when the menu is not sticky */
.h-navigation_sticky .h-hide-normal {
    display: none;
}

/* Ensure sticky-specific elements are visible */
.h-navigation_sticky .h-hide-sticky {
    display: flex;
    position: relative; /* Keep relative positioning inside the sticky navigation */
}

/* Sticky menu link color and other styles */
.h-navigation_sticky .kubio-menu>ul>li>a {
    color: rgba(var(--kubio-color-6), 1);
}

/* Additional menu styles when sticky */
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul {
    justify-content: flex-end;
}

/* Additional color for active or hover states */
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li.current-menu-item>a,
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li.current_page_item>a,
.h-navigation_sticky .kubio-header__k__S2itoG6vEiw-outer>.kubio-menu>ul>li>a:hover {
    color: rgba(var(--kubio-color-6), 1);
}

/* Invert logo color when scrolled */
.h-navigation_sticky .wp-block-kubio-logo {
    filter: invert(1);
}

/* Invert logo color when scrolled */
.h-navigation_sticky .wc-block-mini-cart__quantity-badge {
    filter: invert(1);
}

/* Invert mobile menu color when scrolled */
.h-navigation_sticky .wp-block-kubio-menu-offscreen__iconWrapper {
    filter: invert(1);
}

.wp-block-kubio-navigation-section {
    transition: background-color 0.6s ease, padding 0.6s ease;
}

.wc-block-mini-cart__button {
    background-color: transparent !important;
    border: none !important;
}

/* ---- END OF NAVBAR CUSTOMIZATION ----*/

/* Initially hide the audio player by positioning it off-screen */
#audioPlayerContainer {
    position: fixed;
    bottom: -100px; /* Hide it below the viewport */
    left: 0;
    width: 100%;
    background-color: #000;
    transition: bottom 0.5s ease-in-out; /* Smooth sliding effect */
    z-index: 1000;
}

/* Audio player full width */
#audioPlayer {
    width: 100%;
}

/* Close button styling */
#closePlayer {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

/* Slide-up when active */
#audioPlayerContainer.active {
    bottom: 0; /* Slide it up into view */
}

/* Continuous player class to always keep it in the DOM */
.continuousPlayer {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: #000;
    z-index: 1000;
}

.wp-block-kubio-copyright {
    visibility: hidden;
}

.wp-block-kubio-footer {
    filter: grayscale(100%);
}

.h-svg-icon{
    transition: background-color 1s ease;
}

.ai-audioigniter {
}

.ai-wrap .ai-track-title {
    color:#fff
}

.ai-wrap .ai-track-subtitle {
    color:#fff
}