/* Change Footer Icon Color */

.fp-viewing-0 #footer .footer-logo{
    filter: invert(0);
    transition: filter 500ms linear;
}
.fp-viewing-1 #footer .footer-logo{
    filter: invert(1);
    transition: filter 500ms linear;
}
.fp-viewing-2 #footer .footer-logo{
    filter: invert(0);
    transition: filter 500ms linear;
}
.fp-viewing-3 #footer .footer-logo{
    filter: invert(1);
    transition: filter 500ms linear;
}
.fp-viewing-4 #footer .footer-logo{
    filter: invert(0);
    transition: filter 500ms linear;
}
.fp-viewing-5 #footer .footer-logo{
    display: none;
}


/* Change Header Color */
.fp-viewing-0 .navbar , .fp-viewing-0 .navbar p , .fp-viewing-0 .navbar .nav-link{
    color: white!important;
    transition: color 500ms linear;
}

.fp-viewing-1 .navbar , .fp-viewing-1 .navbar p , .fp-viewing-1 .navbar .nav-link{
    color: black!important;
    transition: color 500ms linear;
}

.fp-viewing-2 .navbar , .fp-viewing-2 .navbar p , .fp-viewing-2 .navbar .nav-link{
    color: white!important;
    transition: color 500ms linear;
}

.fp-viewing-3 .navbar , .fp-viewing-3 .navbar p , .fp-viewing-3 .navbar .nav-link{
    color: black!important;
    transition: color 500ms linear;
}

.fp-viewing-4 .navbar , .fp-viewing-4 .navbar p , .fp-viewing-4 .navbar .nav-link{
    color: white!important;
    transition: color 500ms linear;
}

.fp-viewing-5 .navbar , .fp-viewing-5 .navbar p , .fp-viewing-5 .navbar .nav-link{
    color: black!important;
    transition: color 500ms linear;
}

@media(max-width:900px){
    .fp-viewing-0 .navbar{
        background-color: rgba(0, 0, 0, 0.246)!important;
        transition: background-color 500ms linear;
    }
    .fp-viewing-1 .navbar{
        background-color: rgba(255, 255, 255, 0.246)!important;
        transition: background-color 500ms linear;
    }
    .fp-viewing-2 .navbar{
        background-color: rgba(0, 0, 0, 0.246)!important;
        transition: background-color 500ms linear;
    }
    .fp-viewing-3 .navbar{
        background-color: rgba(255, 255, 255, 0.246)!important;
        transition: background-color 500ms linear;
    }
    .fp-viewing-4 .navbar{
        background-color: rgba(0, 0, 0, 0.246)!important;
        transition: background-color 500ms linear;
    }
    .fp-viewing-5 .navbar{
        background-color: rgba(255, 255, 255, 0.246)!important;
        transition: background-color 500ms linear;
    }
}


.fp-viewing-0 #fp-nav ul li a span, .fp-slidesNav ul li a span{
    background-color: white;
    transition: background-color 500ms linear;
}

.fp-viewing-1 #fp-nav ul li a span, .fp-slidesNav ul li a span{
    background-color: #333;
    transition: background-color 500ms linear;
}

.fp-viewing-2 #fp-nav ul li a span, .fp-slidesNav ul li a span{
    background-color: white;
    transition: background-color 500ms linear;
}

.fp-viewing-3 #fp-nav ul li a span, .fp-slidesNav ul li a span{
    background-color: #333;
    transition: background-color 500ms linear;
}

.fp-viewing-4 #fp-nav ul li a span, .fp-slidesNav ul li a span{
    background-color: white;
    transition: background-color 500ms linear;
}

.fp-viewing-5 #fp-nav ul li a span, .fp-slidesNav ul li a span{
    background-color: #333;
    transition: background-color 500ms linear;
}

.fp-viewing-0 .social-icons a{
    color: white!important;
    transition: color 500ms linear;
}
.fp-viewing-1 .social-icons a{
    color: #333!important;
    transition: color 500ms linear;
}
.fp-viewing-2 .social-icons a{
    color: white!important;
    transition: color 500ms linear;
}
.fp-viewing-3 .social-icons a{
    color: #333!important;
    transition: color 500ms linear;
}
.fp-viewing-4 .social-icons a{
    color: white!important;
    transition: color 500ms linear;
}
.fp-viewing-5 .social-icons a{
    color: #333!important;
    transition: color 500ms linear;
}

.fp-viewing-0 .bootstrap-select > .dropdown-toggle.bs-placeholder{
    color: white;
    transition: color 500ms linear;
}

.fp-viewing-1 .bootstrap-select > .dropdown-toggle.bs-placeholder{
    color: #333;
    transition: color 500ms linear;
}

.fp-viewing-2 .bootstrap-select > .dropdown-toggle.bs-placeholder{
    color: white;
    transition: color 500ms linear;
}

.fp-viewing-3 .bootstrap-select > .dropdown-toggle.bs-placeholder{
    color: #333;
    transition: color 500ms linear;
}

.fp-viewing-4 .bootstrap-select > .dropdown-toggle.bs-placeholder{
    color: white;
    transition: color 500ms linear;
}

.fp-viewing-5 .bootstrap-select > .dropdown-toggle.bs-placeholder{
    color: #333;
    transition: color 500ms linear;
}



@media only screen and (max-width: 768px) {

    .navbar.fixed-top {
        background-color: rgba(255, 255, 255, 0.98) !important;
        color: black !important;
    }
    .navbar-brand a p{ color: #000 !important;}

    .navbar a p{ color: #000 !important;}

    .fp-viewing-0 .navbar, .fp-viewing-0 .navbar p,.fp-viewing-2 .navbar p,.fp-viewing-4 .navbar p, .fp-viewing-0 .navbar .nav-link {
        color:#000 !important;}

}