/*
Theme Name:     Foxiz child
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */

.menu-ani-1 .rb-menu > .menu-item.current-post-ancestor > a > span:before {
    width: 100%;
    background-color: var(--nav-color-h-accent, var(--g-color));
}
.menu-ani-1 .header-transparent .rb-menu > .menu-item.current-post-ancestor > a > span:before{
    background-color: var(--transparent-nav-color-h-accent, var(--nav-color-h-accent, var(--g-color)));
}
.menu-ani-3 .main-menu > .current-post-ancestor > a span,
.menu-ani-3 .main-menu > .menu-item.current-post-ancestor > a:after{
    color: var(--nav-color-h, currentColor);
}
.menu-ani-3 .main-menu > .menu-item.current-post-ancestor > a:before {
    background: var(--nav-color-h-accent, var(--flex-gray-15));
}
.menu-ani-4 .main-menu > .menu-item.current-post-ancestor > a > span {
    border-bottom-color: var(--nav-color-h-accent, var(--g-color));
}

.menu-ani-1 .rb-menu > .menu-item.current-menu-parent > a > span:before {
    width: 100%;
    background-color: var(--nav-color-h-accent, var(--g-color));
}
.menu-ani-1 .header-transparent .rb-menu > .menu-item.current-menu-parent > a > span:before{
    background-color: var(--transparent-nav-color-h-accent, var(--nav-color-h-accent, var(--g-color)));
}
.menu-ani-3 .main-menu > .current-menu-parent > a span,
.menu-ani-3 .main-menu > .menu-item.current-menu-parent > a:after{
    color: var(--nav-color-h, currentColor);
}
.menu-ani-3 .main-menu > .menu-item.current-menu-parent > a:before {
    background: var(--nav-color-h-accent, var(--flex-gray-15));
}
.menu-ani-4 .main-menu > .menu-item.current-menu-parent > a > span {
    border-bottom-color: var(--nav-color-h-accent, var(--g-color));
}
.mobile-qview .current-post-ancestor > a:before {
    background-color: var(--g-color);
}
.menu-ani-1 .main-menu .sub-menu > .menu-item.current-post-ancestor a {
    border-color: var(--subnav-color-h, var(--g-color));
    background-color: var(--flex-gray-7);
}
.menu-ani-1 .main-menu .sub-menu > .menu-item.current-menu-item a {
    border-color: var(--subnav-color-h, var(--g-color));
    background-color: var(--flex-gray-7);
}
.has-background {
 position: relative;
 background: var(--flex-gray-7) !important;
 box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.38);
 -webkit-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.38);
 -moz-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.38);
}
.has-background:before, .has-background:after {
    content: '';
    display: block;
    position: absolute;
    background-color: transparent;
    pointer-events: none;
}
.has-background:before {
    top: 0;
    left:0;
    right: 60%;
	bottom: 80%;
    border-top: 3px solid var(--subnav-color-h, var(--g-color));
    border-left: 3px solid var(--subnav-color-h, var(--g-color));
}
.has-background:after {
	top: 80%;
    left: 60%;
    right: 0;
    bottom: 0;
    border-bottom: 3px solid var(--subnav-color-h, var(--g-color));
    border-right: 3px solid var(--subnav-color-h, var(--g-color));
}