/* header chameleon */
.t396__artboard-fixed-no-bg.header-black
.tn-atom__button-text {
    color: #000 !important;
    transition: opacity .3s ease !important;
}

.t396__artboard-fixed-no-bg.header-black
.tn-elem.contact-button
.tn-atom__button-content {
    background-color: #000 !important;
    color: #ffffff !important;
}

.t396__artboard-fixed-no-bg.header-black
.tn-elem.contact-button
.tn-atom__button-text {
    color: #fff !important;
}

.t396__artboard-fixed-no-bg.header-black
.tn-elem.main-header
.tn-atom {
    border-color: #000 !important;
}

.t396__artboard-fixed-no-bg.header-black
.tn-elem.contact-button
a.tn-atom {
    background-color: #000 !important;
}

.t396__artboard-fixed-no-bg.header-black
.tn-elem.header-logo
svg {
    filter: brightness(0);
}

.t396__artboard-fixed-no-bg.header-black
a.tn-atom:hover .tn-atom__button-text {
    opacity: .4 !important;
}

.t396__artboard-fixed-no-bg.header-black
.tn-elem.contact-button:hover
.tn-atom__button-content {
    background-color: #1F1F1F !important;
    transition: background-color .3s ease;
}

.t396__artboard-fixed-no-bg.header-black
.tn-elem.contact-button:hover
.tn-atom__button-text {
    color: #fff !important;
    opacity: 1 !important;
}

.t396__artboard-fixed-no-bg.header-black
.tn-atom__button-icon {
    filter: invert(100%) brightness(200%);
    transition: filter .3s ease;
}


/* cats dispaly feature */

.feature-bg,
.feature-text {
    opacity: 0;
    pointer-events: none;
}

.feature-bg.is-active,
.feature-text.is-active {
    opacity: 1;
    pointer-events: auto;
}
    
.feature-item {
    color: #000;
    opacity: 0.5;
    cursor: pointer;
}

.feature-item:hover {
    opacity: 1;
    transition: opacity .3s ease;
    
}

.feature-item.is-active {
    opacity: 1;
}

.feature-bg,
.feature-text {
    transition: opacity 1s ease;
}

.feature-item .icon {
    opacity: 0;
    visibility: hidden;
}

.feature-item.is-active .icon {
    opacity: 1;
    visibility: visible;
}

.feature-button {
    pointer-events: none;
    transition: opacity .3s ease;
}

.feature-button.is-active {
    pointer-events: auto;
}