/* -----------------------------------------------------------------
    - General Styles
----------------------------------------------------------------- */
body {
	background-color: #272333;
	color: #DEDDE0;
}

.secondary-background-color {
	background-color: #38344c;
}

.input,
.textarea,
select,
.custom-select {
	background-color: #38344c !important;
	border-color: #38344c !important;
	color: #fff !important;
}

.input--white {
	background-color: #302C40 !important;
}

.textarea--white {
	background-color: #302C40 !important;
}

.form-group .font-icon {
	color: rgba(222, 221, 224, 0.5);
}

.form-control::-webkit-input-placeholder {
	color: rgba(222, 221, 224, 0.5);
}

.form-control::-moz-placeholder {
	color: rgba(222, 221, 224, 0.5);
}

.form-control:-ms-input-placeholder {
	color: rgba(222, 221, 224, 0.5);
}

.form-control::-ms-input-placeholder {
	color: rgba(222, 221, 224, 0.5);
}

.form-control::placeholder {
	color: rgba(222, 221, 224, 0.5);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #2C283A !important;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
	border-color: #8697A8;
}

.custom-control-label::before {
	border: 1px solid #8697A8;
}

select,
.custom-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
}

select option,
.custom-select option {
	color: #fff;
}

.dropdown-menu {
	background-color: #302C40;
	box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5);
	color: #DEDDE0;
}

.dropdown-menu::before {
	border-bottom: 0.4rem solid #302C40;
}

.dropdown.dropup .dropdown-menu::before {
	border-top: 0.4rem solid #302C40;
}

.progress {
	background-color: #38344c;
}

.badge {
	background-color: #272333;
	color: #fff;
}

.tooltip-inner {
	background-color: #302C40;
	box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.25), 0px 2px 32px rgba(0, 0, 0, 0.5);
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: #302C40;
}

/* -----------------------------------------------------------------
    - Typography
----------------------------------------------------------------- */
.title {
	color: #F1F2F4;
}

.color--light {
	color: rgba(241, 242, 244, 0.5);
}

.wp-block-quote cite::before {
	background-color: #F0F0F6;
}

::-moz-selection {
	background: transparent;
}

::selection {
	background: transparent;
}

/* -----------------------------------------------------------------
    - Preloader
----------------------------------------------------------------- */
.preloader {
	background-color: #272333;
}

/* -----------------------------------------------------------------
    - Sidebar
----------------------------------------------------------------- */
.contacts-block__item a {
	color: #DEDDE0;
}

/* -----------------------------------------------------------------
    - Sections
----------------------------------------------------------------- */
.box {
	background-color: #302C40;
}

.box__second {
	background-color: #302C40;
}

.box-inner {
	background-color: #38344c;
}

.box-inner::before,
.box-inner::after {
	background-color: #38344c;
}

.shadow {
	box-shadow: 0px 40px 50px rgba(32, 29, 42, 0.75) !important;
}

.shadow::before {
	box-shadow: 0px 40px 50px rgba(32, 29, 42, 0.75);
}

.avatar--180 {
	filter: drop-shadow(0px 24px 24px rgba(32, 29, 42, 0.7));
}

.avatar--80 {
	filter: drop-shadow(0px 8px 24px rgba(32, 29, 42, 0.75)) drop-shadow(0px 4px 4px rgba(32, 29, 42, 0.75));
}

.avatar--60 {
	filter: drop-shadow(0px 8px 24px rgba(32, 29, 42, 0.75)) drop-shadow(0px 4px 4px rgba(32, 29, 42, 0.75));
}

.social__link {
	color: #fff;
}

/* -----------------------------------------------------------------
    - Navbar
----------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
	.nav {
		color: #fff;
		background-color: #302C40 !important;
	}

	.menu-item a {
		color: rgba(255, 255, 255, 0.5);
	}

	.menu-item a:hover,
	.menu-item.current-menu-item a,
	.menu-item.current_page_parent a {
		color: #fff;
	}
}

/* -----------------------------------------------------------------
    - Cases
----------------------------------------------------------------- */
.case-item p {
	color: #DEDDE0;
}

/* -----------------------------------------------------------------
    - Testimonials
----------------------------------------------------------------- */
.review-item {
	background-color: #38344c;
}

.review-item p {
	color: #DEDDE0;
}

.vcardswiper-pagination-bullet {
	background: #272333;
}

/* -----------------------------------------------------------------
    - Timeline
----------------------------------------------------------------- */
.timeline__item {
	border-color: rgba(255, 255, 255, 0.15);
}

.timeline__item::before {
	content: '';
}

.timeline__period {
	color: rgba(222, 221, 224, 0.5);
}

/* -----------------------------------------------------------------
    - Portfolio
----------------------------------------------------------------- */
.gallery-grid__category {
	color: rgba(222, 221, 224, 0.5);
}

@media only screen and (min-width: 768px) {
	.filter__link {
		color: rgba(222, 221, 224, 0.5);
	}
}

@media only screen and (max-width: 767.98px) {
	.select {
		background-color: #38344c;
		color: #DEDDE0;
	}

	.select ul {
		background-color: #302C40;
		box-shadow: 0 10px 60px rgba(0, 0, 0, 0.35);
	}

	.select ul li {
		color: #DEDDE0;
	}

	.select ul li a {
		color: #DEDDE0;
	}
}

/* -----------------------------------------------------------------
    - News
----------------------------------------------------------------- */
.news-item {
	background-color: #272333;
	box-shadow: none;
}

.news-item:hover {
	box-shadow: none;
}

.news-item__date {
	background-color: #272333;
	color: #DEDDE0;
}

.news-item p {
	color: #DEDDE0;
}

.news-item__image-wrap {
	background-color: #38344c;
    background-image: url(../icons/icon-news.svg);
}

/* -----------------------------------------------------------------
    - Single post
----------------------------------------------------------------- */
.header-post__date {
	color: rgba(222, 221, 224, 0.7);
}

.caption-post p {
	color: #DEDDE0;
}

.gallery-post__caption {
	color: rgba(222, 221, 224, 0.7);
}

.gallery-post__caption a {
	color: #dedde0;
}

.footer-post::before {
	background-color: rgba(255, 255, 255, 0.6);
}

.footer-post__share {
	color: #fff;
}

.comment-box__inner {
	background-color: #302C40;
}

.comment-box__body {
	color: #DEDDE0;
}

.comment-box__details {
	color: #fff;
}

.comment-box__details-date {
	color: rgba(222, 221, 224, 0.3);
}

.comment-box__footer {
	color: rgba(222, 221, 224, 0.5);
}

.comment-form .icon-smile {
	color: rgba(222, 221, 224, 0.5);
}

.comment-form .icon-smile:hover {
	color: #DEDDE0;
}

.nicescroll-cursors {
	background-color: rgba(255, 255, 255, 0.2) !important;
	border-color: transparent !important;
}

/* -----------------------------------------------------------------
    - Other
----------------------------------------------------------------- */
.back-to-top {
	border-color: #fff;
}

.medium-zoom-overlay {
	background: #272333 !important;
}

.search-form input {
	background-color: #302C40 !important;
	color: #fff !important;
}

/* Contact Form */

.wpcf7 form.sent .wpcf7-response-output {
	color: #4bb608;
	background: #252725;
	border-color: #4bb608;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	color: #ff4242;
	background: #2b2525;
}

.wpcf7 form.spam .wpcf7-response-output {
	color: #ff6b1d;
	background: #252320;
	border-color: #ff5800;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	color: #de9900;
	background: #28261e;
	border-color: #d99500;
}