/*
Template Name    : Katarsis - One Page Portfolio Bootstrap 4
Version          : 1.0.0
Author           : SVYYAT
Author URI       : https://themeforest.net/user/svyyat
Created.         : July 2019
File Description : Dark Color SASS file of the template

// ------------------------------------------ //
//              Table Of Content              //
// ------------------------------------------ //

1. Basic Style
2. Preloader
3. Owl Carousel
4. Logo
5. Menu Button
6. Navbar
7. Home
8. About
9. Services
10. Portfolio
11. Client
12. Blog
13. Blog View
14. Contact
15. Footer
*/



/* ========== Start Basic Style ========== */

body {
	background-color: #000;
	color: #fff; }

section .title-box p {
	color: #555; }

#services:before, #client:before, #contact:before {
	background-color: #080808; }

/* ========== End Basic Style ========== */
/* ========== Start Preloader ========== */

.preloader p {
	color: #fff; }

.welcome {
	background-color: #000; }

.welcome-2 {
	background-color: #080808; }

/* ========== End Preloader ========== */
/* ========== Start Owl Carousel ========== */

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	background-color: #fff;
	border: none; }

.owl-carousel .owl-nav button.disabled {
	opacity: .1; }

.owl-carousel .owl-nav button span {
	color: #000; }

/* ========== End Owl Carousel ========== */
/* ========== Start Logo ========== */

.logo .brand {
	color: #fff; }

/* ========== End Logo ========== */
/* ========== Start Menu Button ========== */

.menu-burger span {
	background-color: #fff; }

/* ========== End Menu Button ========== */
/* ========== Start Navbar ========== */

.navbar-menu {
	background-color: #f8f8f8; }

.navbar-nav .nav-item .nav-link.active {
	color: #000; }

.navbar-nav .nav-link {
	color: #a0a0a0; }

.navbar-nav .nav-link:hover {
	color: #000; }

/* ========== End Navbar ========== */
/* ========== Start Home ========== */

.home-title h1 {
	color: #fff; }

.home-title p a {
	color: #3015ff; }

/* ========== End Home ========== */
/* ========== Start About ========== */

.about-social p {
	color: #3015ff; }

.about-social a {
	color: #fff; }

.about-social a:hover {
	color: #3015ff; }

/* ========== Start About ========== */
/* ========== Start Services ========== */

#services .title-box h2 {
	color: #fff; }

.services-box h4 {
	color: #fff; }

.services-box p {
	color: #fff; }

/* ========== End Services ========== */
/* ========== Start Portfolio ========== */

.portfolio-filter button {
	color: #fff; }

.portfolio-filter button.active {
	color: #3015ff; }

.portfolio-content__info {
	background-color: #080808; }

.portfolio-content__info h6 {
	color: #fff; }

.portfolio-content__info p {
	color: #555; }

.portfolio-content__info a {
	border: 1px solid #fff;
	color: #fff; }

.portfolio-content__info a:hover span {
	color: #3015ff; }

/* ========== End Portfolio ========== */
/* ========== Start Client ========== */

.client-content__proff p {
	color: #3015ff; }

/* ========== End Client ========== */
/* ========== Start Blog ========== */

.blog-content__text p {
	color: #fff; }

.blog-content__read a {
	color: #fff; }

.blog-content__read a:hover {
	color: #3015ff; }

/* ========== End Blog ========== */
/* ========== Start Blog View ========== */

.client-comment a {
	color: #555; }

.client-comment a:hover {
	color: #3015ff; }

/* ========== End Blog View ========== */
/* ========== Start Contact ========== */

.contact-info p.info {
	color: #3015ff; }

form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
	color: #fff !important; }

form input::-moz-placeholder, form textarea::-moz-placeholder {
	color: #fff !important; }

form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
	color: #fff !important; }

form input::-ms-input-placeholder, form textarea::-ms-input-placeholder {
	color: #fff !important; }

form input::placeholder, form textarea::placeholder {
	color: #fff !important; }

form .form-control {
	color: #fff;
	border-bottom: 1px solid #fff; }

form .form-control:focus {
	color: #fff;
	border-color: #fff; }

form .btn {
	color: #fff; }

form .btn {
	color: #fff; }

form .btn:hover {
	color: #3015ff; }

/* ========== End Contact ========== */
/* ========== Start Footer ========== */

.top a {
	color: #555; }

.top a:hover {
	color: #fff; }

.footer-content__social a {
	color: #fff; }

.footer-content__social a:hover {
	color: #3015ff; }

.footer-content__copyright p {
	color: #555; }

/* ========== End Footer ========== */