/*
	- Color: Black = 333333
	- Readability color setting: CCC
	-------------------
		- Color
		- Background Color
		- Border Color
		- Background Image
*/

/* ## Color */
.error-section a,
.woocommerce-message::before,
.ow-navigation .navbar-nav li .dropdown-menu > li > a:hover,
.topmenu li a:hover,
.myaccount-menu li a i,
.woocommerce-Address-title .edit:hover,
.woocommerce-info::before,
.woocommerce p.stars a,
.posted_in a,
.woocommerce-review-link,
.woocommerce ul.products li.product h3:hover,
.reply,
.comment-list .reply a,
.post-navigation .nav-previous a:hover::before,
.post-navigation .nav-next a:hover::after,
.post-navigation a:hover span,
.post-share ul li a:hover,
blockquote::before,
.yith-wcwl-add-button.yith-wcwl-add-button .add_to_wishlist:hover,
.woocommerce-product-search input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce .star-rating span::before,
.widget.woocommerce ul.product_list_widget li a:hover span,
.widget ul li > a:hover,
.widget_rss .widget-title .rsswidget,
.widget_calendar #next a,
.widget_calendar #prev a,
.widget-recent-post .recent-title:hover a,
.widget-title,
article[class*="type-"] h4 a:hover,
.p-ico i,
.page-banner .breadcrumb > span:last-of-type span,
.btop,
.social-big li a:hover,
.ci-inner i,
.contact-info .ci-inner p a:hover,
.team-overlay .social ul li a:hover,
.social li a,
.team-info h4 span,
.cq-info span,
.facts ul li [class*="fa-"],
.services2-content ul li:hover h4,
.featured-work #owl-fworks .owl-prev:hover::before,
.featured-work #owl-fworks .owl-next:hover::before,
.calltoaction .tab-content .tab-pane.active::before,
.calltoaction .nav-tabs li:active [class*="fa-"],
.calltoaction li.active [class*="fa-"],
.ow-navigation .navbar-nav li.active > a,
.ow-navigation .navbar-nav li a:hover,
.ow-navigation .navbar-nav .dropdown-menu > .active > a,
.ow-navigation .navbar-nav .dropdown-menu > .active > a:focus,
.ow-navigation .navbar-nav .dropdown-menu > .active > a:hover,
.topmenu li a span,
.site-title span,
.custom-txt span {
	color: #333333;
}

/* ## Background Color */
.og-details .launch-button::before,
.og-details .launch-button::after,
.woocommerce-Address-title .edit,
.woocommerce-account .woocommerce-MyAccount-navigation ul li,
.woocommerce-shipping-fields h3::before,
.woocommerce-billing-fields h3::before,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce span.onsale,
.woocommerce ul.products li.product .product_type_simple.add_to_cart_button,
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #content input.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.reply::after,
.woocommerce-product-search input[type="submit"],
.widget_calendar tbody #today,
.widget_calendar tbody a,
.select_box::before,
.widget ul li > a::before,
.pagination .nav-links .page-numbers:hover,
.pagination .nav-links .page-numbers:focus,
.pagination .nav-links .page-numbers.current,
.rmore::before,
.rmore::after,
.page-title h3::before,
.filter li a:hover,
.filter li a.active,
.team-overlay .social,
.section-team .item:hover .team-info,
.services2-content ul li:hover [class*="fa-"],
.a-ico [class*="fa-"],
.about-inner h2 span{
	background-color: #333333;
}

/* ## BackgroundColor With Important Property */
.entry-content .page-links a,
.entry-content .page-links > span:not(.screen-reader-text):not(.page-links-title),
.post-password-form input[type="submit"],
.entry-content .page-links a:hover,
.tagcloud a:hover,
.form-submit::after,
.form-submit::before,
.s-btn::before,
.s-btn::after,
.contact_submit::before,
.contact_submit::after,
.skills-wrap h4::before,
.clients-info h3::before,
.calltoaction h3::before,
.featured-work h3::before,
.about-section h3::before,
.services-style2 h3::before,
.section-team h3::before,
.portfolio-section h2::before,
.map-wrap h3::before,
.main-content h3::before,
.btn-home::before,
.btn-home::after,
.rev_slider .tp-mask-wrap .tp-caption#slide-9-layer-21,
.rev_slider .tp-mask-wrap .tp-caption#slide-13-layer-21,
.rev_slider .tp-mask-wrap .tp-caption#slide-14-layer-21 {
	background-color: #333333 !important;
}

/* ## Border Color */
.error-section a,
.entry-content .page-links a,
.entry-content .page-links > span:not(.screen-reader-text):not(.page-links-title),
.woocommerce-message,
.woocommerce-Address-title .edit:hover,
.woocommerce-MyAccount-content,
.woocommerce-info,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce ul.products li.product .product_type_simple.add_to_cart_button,
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover,
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce .widget_price_filter .price_slider_wrapper .ui-state-default,
blockquote,
.yith-wcwl-add-button.yith-wcwl-add-button .add_to_wishlist:hover,
.woocommerce-product-search input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce .star-rating span::before,
.woocommerce-product-search input[type="submit"],
.tagcloud a:hover,
.widget_calendar #next a,
.widget_calendar #prev a,
.pagination .nav-links .page-numbers,
.a-ico [class*="fa-"]{
	border-color: #333333;
}

html[dir="rtl"] blockquote {
	border-right: 6px solid #333333 !important;
	border-left: none;
}

/* ## Background Image */
.play-btn {
	background: url(../images/colors/black/play.png) no-repeat;
}

.services-style2,
article[class*="type-"],
.social-big-wrap {
	background: url(../images/colors/black/sep-big.png) no-repeat center bottom;
}

.video-section .play-btn {
	background: url(../images/colors/black/play.png) no-repeat;
}
.video-section .pause-btn {
	background: url(../images/colors/black/pause.png) no-repeat;
}

/* - Readability color setting: CCC */
.menu-setting-info a,
.star .yes,
.portfolio-wrapper .items .item .p-overlay a:hover h5,
footer p a:hover,
.ow-navigation .navbar-nav > .active > a, 
.ow-navigation .navbar-nav > .active > a:focus, 
.ow-navigation .navbar-nav > .active > a:hover,
.ow-navigation .navbar-nav li:hover > a,
.ow-navigation .navbar-nav li a:hover,
.ow-navigation .navbar-nav li.active > a,
.ow-navigation .navbar-nav li a:hover,
.topmenu li a span,
.site-title span,
.custom-txt span {
	color: #ccc;
}

/* - Max Width: 991 */
@media (max-width: 991px) {
	/* - Nav Switch */
	.ow-navigation .ddl-switch {
		background-color: #ccc;
	}
}