/*
Theme Name: B&J Totaalbouw (R-Energy Child)
Theme URI: https://ninetheme.com/themes/r-energy
Author: B-online & Nine Theme
Author URI: B-online.nl & http://ninetheme.com/
Description: A Premium and Responsive WordPress theme
Template: r-energy
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: r-energy
*/

/*
Grey: #3c464e
Grey light: #c7cacd
Grey dark: #555e68 (#82868A)
Black: #1D252B (#25272A)
Orange: #f0810c
Blue: #177fc3 (0D73FC | 045fa0)
Blue light: #6EC1E4
Blue dark: #1253a1 (045fa0)
Blue darker: #002b79 (0056b3)
*/

.hidden {
	display: none;
}
.about .bg-holder .text-holder {
	align-items: end;
	padding: 10% 0;
}

.main-color, 
.primary-heading  h3.title {
	color: #555e68!important;
}

.content-container p {
	color: #212529;
} 

.content-container a {
	color: #f0810c;
}

.nt-sticky-label {
	background: #f0810c!important;
}

.nt-sidebar-inner-search-button {
	border-color: #f0810c!important;
}

header .r-button ,
.nav-inner .r-button-holder .r-button.r-button--filled {
	border-color: #f0810c!important;
}

header.menu-opened,
.nav-inner {
	background-color: #177fc3!important;
}

footer.footer {
	background-color: #1D252B!important;
}

.promo-lower .promo-socials svg {
	fill: #fff;
}
.promo-lower .video-block {
	left: auto;
	right: 0;
}
.promo-lower .video-block .img-holder .overlay {
	background: none!important;
}

.logo-block a {
	color: #1D252B;
}

blockquote::after {
	background-color: #B7B7B7;
}

.logo-block .logo img {
	width: 327px;
	max-width: 100%;
}

.brands-slider .slider-item img {
/*	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
*/	opacity: 1;
	pointer-events: none;
}

.error .subtitle span, 
.error p {
	color: #3c464e;
}

.mobile-menu > li > a  {
	font-size: 15px;
}
.mobile-menu > li > a::after, 
.mobile-menu > li.menu-item--has-child > a > span::before, 
.mobile-menu > li.menu-item--has-child > a > span::after {
	background-color: #f0810c;
}

.intro-mobile-menu {
	width: 100%;
}
.mobile-nav .nav-inner .nav-item  {
	width: 80%;
}

.promo-lower .promo-contacts a:hover {
	color: #f0810c;
}

.form.contact--form .input:focus {
	border-color: #1D252B;
}
.logo-block a:hover,
.wpcf7-submit span,
.form.contact--form label.focused span,
.r-button.r-button--filled span {
	color: #1D252B;
}

.about .bg-holder .text-holder span {
	color: #c7cacd;
	font-size: 6em;
	white-space: nowrap;
}

.overlay {
	background-color: rgba(0,0,0,0.25)!important;
}

.btn-scroll-top:not(:hover){
	color: #fff!important;
}

.cooperation-slider .slider-item {
    cursor: ew-resize;
}
.cooperation-slider .slider-item .top p {
	color: #555e68!important;
}
.cooperation-slider .slider-item .top p .current{
	color: #1D252B!important;
}

header.sticky-header .logo-block, 
header.widget-header .logo-block {
	margin-right: 20px;
}

.mobile-nav .menu-item {
	transform: translateX(100%);
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
	transition-property: opacity, transform;
}
.mobile-nav.is-active .menu-item {
	transform: translateX(0);
}
.mobile-nav.is-active .menu-item:nth-of-type(2) {
	transition-delay: 0.05s;
}
.mobile-nav.is-active .menu-item:nth-of-type(3) {
	transition-delay: 0.1s;
}
.mobile-nav.is-active .menu-item:nth-of-type(4) {
	transition-delay: 0.15s;
}
.mobile-nav.is-active .menu-item:nth-of-type(5) {
	transition-delay: 0.2s;
}
.mobile-nav.is-active .menu-item:nth-of-type(6) {
	transition-delay: 0.25s;
}
.mobile-menu .sub-menu li a {
	color: #eee;
}

header.sticky-header,
header.widget-header {
	transition-duration: 0.7s;
	transition-property: margin;
}
header.sticky-header.sticked,
header.widget-header {
	padding: 10px 0;
}
header.sticky-header.sticked,
header.sticky-header.up {
	margin-top: 0;
}
header.sticky-header.down,
header.widget-header.down {
	margin-top: -150px;
}

.section.nt-theme-inner-container {
	padding: 70px 0 110px;
}

.promo-primary.default-bg {
    background-color: #3c464e!important;
}

.elementor-section.half .elementor-widget-image .elementor-image img {
	max-width: 50%;
}

.footer-style-2  a, .footer-style-2  a:hover, .footer-style-2  a:active{
	color: #fff;
}
.footer-style-2 .wpcf7-form .wpcf7-response-output {
	background-color: #eee;
}
.wpcf7-form.sent .wpcf7-response-output {
	border-color: #46b450!important;
}
.wpcf7-form.invalid .wpcf7-response-output {
	border-color: #ff0000;
}
.subscribe-form .input-mail {
	margin-bottom: 0;
}

input, textarea {
	border-width: 1px;
	border-style: solid;
}

.section.nt-theme-inner-container {
	padding-top: 40px;
}

.blog-item .img-holder .overlay, 
.blog-item .img-holder:hover .overlay {
	background: none!important;
}

.promo-primary {
	padding-top: 48px;
}

@media only screen and (min-width: 576px) {
	header.sticky-header,
	header.widget-header {
		transition: all linear 0.5s;
	}
	header.sticky-header.up,
	header.widget-header.up {
		box-shadow: 0px 3px 15px 2px rgba(0,0,0,0.1);
	}
	
	.slider-item p {
		line-height: normal;
	}

	.section.nt-theme-inner-container {
		padding-top: 140px;
	}

	.testimonials .primary-heading .subtitle span:last-of-type {
		margin-left: 0px;
		display: inline-block;
	}
}
@media only screen and (min-width: 992px) {
	header.sticky-header,
	header.widget-header {
		background-color: rgba(0,0,0,0.25);
		border-bottom: 1px solid #666;
	}
	header.sticky-header .main-menu>li>a {
		color: #fff;
	}
	header.sticky-header .main-menu>li>a:hover {
		color: #eee;
	}
	header.sticky-header.sticked {
		background-color: rgba(255,255,255,1);
		border-bottom: 1px solid #eee;
	}
	header.sticky-header.sticked .main-menu>li>a {
		color: #333;
	}
	header.sticky-header.sticked .main-menu>li>a:hover {
		color: #999;
	}
}
@media only screen and (min-width: 1200px) {
	header.sticky-header.sticked,
	header.widget-header {
		padding: 10px 39px 10px 30px;
	}
	.admin-bar header.sticky-header:not(.sticked) {
		top: 32px;
	}
}