body.ac {
	background: #000;
	color: #fff;
}
body.ac a {
	color: #fc0;
}

/* BUTTONS */
/* ------------------------------------------------------------------------------------------------ */

.ac .btn-outline-dark {
    border-color: #fc0;
    color: #fc0;
}
.ac .btn-outline-dark:focus,
.ac .btn-outline-dark:hover {
    background: #fc0;
    border-color: #fc0;
    color: #000;
}

.ac .btn-outline-warning {
    border-color: #fc0;
    color: #fc0;
}
.ac .btn-outline-warning:focus,
.ac .btn-outline-warning:hover {
    background: #fc0;
    border-color: #fc0;
    color: #000;
}


/* FORM */
/* ------------------------------------------------------------------------------------------------ */

.ac .form-btn {
    background: #fc0;
    border-color: #fc0;
    color: #000;
}
.ac .form-btn:focus,
.ac .form-btn:hover {
    background: #fc0;
    border-color: #fc0;
    color: #000;
}

.ac .form-control-label {
    color: #fff;
}

.ac .form-label-group .form-control {
    border-color: #ccc;
    color: #fff;
}


/* SITE */
/* ------------------------------------------------------------------------------------------------ */

.ac .site-footer {
    background: #000;
    color: #fff;
}
.ac .site-footer a {
    color: #fc0;
}

    /* ACESSIBILITY */

    .ac .accessibility { background: #333; }
    .ac .accessibility-lists li a { color: #fc0; }

/* HEADER */
/* ------------------------------------------------------------------------------------------------ */


.ac .header-holder {
    background-color: #000;
    border-color: #555;
}



/* NAVIGATION */
/* ------------------------------------------------------------------------------------------------ */

.ac .navigation {
    background: #000;
    border-color: #555;
}

@media (max-width: 991px) {
    .ac .navigation-collapse {
        background: #333;
    }
}
@media (min-width: 992px) {
    .ac .navigation {
        border-top-color: #555;
    }
    .ac .navigation .navigation-nav .nav-link.active { 
        background: #333;
        color: #fff;
    }
}

    .ac .navigation .navigation-open {
        background: #555;
        color: #fc0;
    }
    .ac .navigation .navigation-open:focus,
    .ac .navigation .navigation-open:hover {
        background: #000;
    }

    .ac .navigation .navigation-close {
        background: rgba(0,0,0,0.1);
        color: #fc0;
    }
    .ac .navigation .navigation-close:focus,
    .ac .navigation .navigation-close:hover {
        background: rgba(0,0,0,0.15);
    }
    .ac .navigation .navigation-nav .nav-link {
        color: #fc0;
    }
    .ac .navigation .navigation-nav .nav-link:focus,
    .ac .navigation .navigation-nav .nav-link:hover {
        color: #f90;
    }


/* AREA */
/* ------------------------------------------------------------------------------------------------ */

.ac .area { 
	background: #000;
	border-top-color: #555;
	color: #fff;
}
.ac .area-subtitle { color: #fff; }
.ac .area-ruler::before { border-top: 0.5rem dotted rgba(255,255,255,0.5); }


/* AREA-ABOUT */
/* ------------------------------------------------------------------------------------------------ */

.ac .area-about .area-cards .card {
    background: #000;
    color: #fff;
}

    .ac .area-about .card {
        background: #333;
        color: #fff;
    }
    .ac .area-about .card .card-icon {
        color: #fff;
    }


/* AREA-CAUSE */
/* ------------------------------------------------------------------------------------------------ */

.ac .area-cause {
    background: #000;
    color: #fff;
}
.ac .area-cause .area-title { color: #fff; }

    .ac .area-cause .card {
        background: #333;
        color: #fff;
    }


/* AREA-CONTACT */
/* ------------------------------------------------------------------------------------------------ */

.ac .area-contact { background: #000; }
.ac .area-contact .area-content a { color: #fc0; }

/* AREA-PRODUCTS */
/* ------------------------------------------------------------------------------------------------ */

.ac .area-products {
    background: #000;
    color: #fff;
}
.ac .area-products .area-subtitle { color: #fff; }

/* AREA-SERVICES */
/* ------------------------------------------------------------------------------------------------ */

.ac .area-services .area-cards {
	border-color: #000;
}
.ac .area-services .area-cards .card {
    background: #333;
    border-color: #000;
    color: #fff;
}
