/* top page */
.menu-title,
.menu-title a {
    color: #fff;
    /* White text by default */
}

.header.fixed .menu-title,
.header.fixed .menu-title a {
    color: #333;
    /* Dark text on light header */
}

.header.fixed .submenu a {
    color: #fff !important;
    background-color: #007aff;
}

.my-icon path {
    fill: white;
    /* Default icon color */
}

.header.fixed .my-icon path,
.my-icon.scrolled path {
    fill: #0060b3 !important;
    /* Change color on scroll */
}

/* .txtBlack {
    display: none;
    visibility: hidden;
}

.txtWhite {
    display: inherit;
    visibility: visible;
} */

.txtWhite {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.txtBlack {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}