/*Custom css*/

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
	text-transform:initial;
	font-weight: 700;
	letter-spacing: 0.5px;
	
}

@media (max-width: 991.98px){
	body {
		margin-top: 30px;
	}
}

/* Buttons */
.accent-btn, .default-btn{
	font-size: 12px;
}

/* ============================================= Zoekbalk */

.header .search-menu .search-box form{
	position: relative;
    box-shadow: none;
    background: transparent;
    border: solid 1px #f5f5f5;
    border-radius: 5px;
}

.header .search-menu .search-box .search-wrap{
	padding-right: 48px;
}

.header .search-menu .search-box form .search{
	font-size: 13px;
	padding: 8px 15px;
	background: transparent;
}

.header .search-menu .search-box form .fa-search{
	position: absolute;
    right: 11px;
    top: 12px;
    font-size: 17px;
}

.header .search-menu .search-box form .submit{
	background: transparent !important;
    border: none;
    border-left: solid 1px #f5f5f5;
	border-right: solid 1px transparent;
    border-radius: 0 5px 5px 0;
	width: 43px;
}


/* ============================================= Productpagina */

.single-producten .page-content .content-block .product-details .product-cta .price-wrap .price {
       color: #222531;
}

.scrollto {
    letter-spacing: 0.5px!important;
    font-size: 14px!important;
    text-transform: uppercase!important;
}

.product-scroll-nav a {
	color: #222531!important;
}





/* ============================================= Homepage style */


.home .banner .banner-wrap .slider .slide .cover, .banner .banner-wrap .sub-banner .cover {
     background: rgba(12, 11, 24, 0.2);
}

.banner-boxed_extra .banner-wrap .slider, .banner-boxed_extra .banner-wrap .sub-banner.center{
	border-radius:10px;
	overflow:hidden;
}

.home .banner-boxed_extra{
	padding-bottom:0;
	background:#fff !important;
}

.home .archive {
    padding: 80px 0px 0px 0px;
}

.home .page-content section:nth-child(odd), .products, .page-template-page-overview .archive, body.archive {
    background: none;
}

.archive .archive-block-head .archive-block-button-top {
    font-weight: 700;
    margin-right: 10px;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.archive .archive-block-head .archive-block-button-top .fa-arrow-right:before {
	display: none;
}

.archive .item-col.compact .item-inner .item-col-header .item-col-title {
    position: absolute;
    bottom: 5px;
    left: 25px;
    z-index: 10;
}

/* ============================================= Archive navigation buttons */

.archive .archive-block-head .slide-nav .swiper-button-next {
	background-color: #d09021!important;
	background-size: 8px;
	margin: 0px!important;
}

.archive .archive-block-head .slide-nav .swiper-button-prev {
	background-color: #e79e1f!important;
	background-size: 8px;
	margin: 0px!important;	
}

#block_5d2846d50e78e{
	background: #f5f5f5;
}

/* ============================================= Contact */
.contact{
	background:#fff!important;
}

/* ============================================= offerte */

#block_5d40078ef999c .column-content{
	text-align: center;
}

.contact .contact-form input{
	padding-left:0;
}

/* ============================================= Banner */

.banner .banner-wrap .slider .slide .slide-content-wrap .slide-content, .banner .banner-wrap .sub-banner .sub-banner-content{
	background-color:transparent;
}

.banner .banner-wrap .slider .slide .slide-content-wrap .slide-content .inner-content p{
	font-size: 16px;
    line-height: 21px;
}

.banner .banner-wrap .slider .slide .slide-content-wrap .slide-content .title,
.banner .banner-wrap .sub-banner .sub-banner-content .title{
	color:#fff !important;
}

.banner .banner-wrap .slider .slide .cover, .banner .banner-wrap .sub-banner .cover {
    background: rgba(12, 11, 24, 0.2) !important;
}


.banner h2 {
	font-size: 26px;
}

.banner .accent-btn, .default-btn {
    font-size: 12px;
	letter-spacing: 1px;
}

.banner-wrap li {
    position: relative;
    list-style: none;
    padding-left: 25px;
	font-weight: 300;
	line-height: 30px;
		font-size: 18px;
	
}

.banner-wrap ul li {
    letter-spacing: 0.3px;
		line-height: 30px
}

.banner-wrap li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    font-size: 16px;
    margin-right: 7px;
    color: #fcb135;
    position: absolute;
    left: 0;
	line-height: 30px;
	top: 0px;
}

/* ============================================= Categorie overicht */

.archive .item-col .item-inner .item-col-content .item-col-inner .item-col-desc .brand a {
    font-size: 12px;
    font-weight: 700;
	letter-spacing: 0.5px;
}

.archive .item-col .item-inner .item-col-content .item-col-inner .item-col-desc .h4 {
    text-transform: initial;
    font-weight: 700;
    letter-spacing: 0.5px;
	font-size: 14px;
}

.archive .category-sidebar ul li a {
    line-height: 40px;
	font-size: 12px;
}

.archive .category-sidebar .categorie-list .category .sub-category.active a, .archive .category-sidebar .categorie-list .category.active .main-category {
    font-weight: bold;
}

.price-wrap {
	padding-top: 20px;
}

.archive .item-col .item-inner {
	box-shadow: none;
	
}

.archive .category-sidebar {
       box-shadow: 0 0 6px 0 rgba(0,0,0,0.10);
}

/* ============================================= Footer */
#footer .copyright{
	color: #232323;
}

#footer .copyright a{
	color: #232323 !important;
}





@media (min-width: 991.98px){
	


/* ============================================= Logo */

	.header .logo-menu img{
		max-height:85px;
	}	
/* ============================================= Hoofdmenu */

	
	
	.main-menu-wrap .menu-center ul li {
    	display: inline-block;
	    padding: 0 15px;
    	border-left: 1px solid #32374d;
	}

	
	.main-menu-wrap .menu-center ul li a {
    	line-height: 48px;
	    text-transform: none;
    	font-weight: 600;
		padding: 8px 10px;
		font-size:14px;
	}

	.main-menu-wrap .menu-center ul li:last-child {
		border-right: 1px solid #32374d;;
	}

	.main-menu-wrap {
		box-shadow: 0px 3px 10px rgba(34, 37, 50, 0.4);
	}
	
	
/* ============================================= Website Header */



	.fa-phone:before {
    	content: "\f095";
	    font-size: 20px;
	}

	.header .contact-menu .phone a {
    	font-size: 26px;
	}
	
}
	
/* ============================================= Product */
.single-producten .page-content .info-tabs{
	background:#f5f5f5;
}




/*Custom css*/

.banner .banner-wrap .slider .swiper-button-next, .banner .banner-wrap .slider .swiper-button-prev{
	background-color: transparent;
}

h1, h2, h3, h4 {
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
}

#block_5d4144b8f64da{
	padding-bottom:0;
}

#block_5d4144b8f64da h2{
	color:#fff;
}


/* homepage specific */
.home .page-content{
	position:relative;
	background: #eff1f5;
}


/* banner */
.banner .banner-wrap .slider .slide .cover, .banner .banner-wrap .sub-banner .cover{
	background-image: linear-gradient(158deg, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0.51) 79%, rgba(0, 0, 0, 0.72)), linear-gradient(rgba(78, 27, 78, 0), rgba(78, 27, 78, 0));
}

.banner .banner-wrap .slider .slide .slide-content-wrap .slide-content, .banner .banner-wrap .sub-banner .sub-banner-content{
	background:transparent;
}

.banner h2{
    text-transform: initial;
}
@media (min-width: 991.98px) {
	.banner h2{
		font-size:34px;
	}
}

@media (max-width: 991.98px) {
	.header .logo-menu img {
		max-height: 60px;
	}
}


/* content block bgimage */
.content-block.bg-image{
	background-attachment:fixed !important;
}

.content-block.bg-image .cover{
	background-image: linear-gradient(158deg, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0.51) 79%, rgba(0, 0, 0, 0.72)), linear-gradient(rgba(78, 27, 78, 0), rgba(78, 27, 78, 0));
}


/* footer */
#footer{
	position:relative;
}

.footer-calltoaction .default-btn{
	background:#fff!important;
}

#footer .footer-calltoaction .default-btn span.button-inner{
	color:#232323!important;
}

.home .custom-blocks {
    position: relative;
    z-index: 10;
}

.header .contact-menu img {
    max-width: 160px;
    max-height: 55px;
}

.page-content section:nth-child(odd) {
    background: #ffffff;
}

.custom-blocks .custom-blocks-wrap .custom-block-inner .block-content {
    background: #ffffff;
}





.custom-blocks .custom-blocks-wrap .custom-block-inner {
    box-shadow: 0 0 70px rgba(0, 0, 0, 0.12)!important;
    overflow: hidden;
}



.logo-slider {
    background: #fff;
}


.custom-blocks .custom-blocks-wrap .custom-block-inner .block-content .block-desc ul li:before {
    content: "\f35a"!important;
	color: #3d4e5c!important;
}

.custom-blocks .custom-blocks-wrap .custom-block-inner .block-content a {
	color: #000!important;
}

.custom-blocks .custom-blocks-wrap .custom-block-inner .block-content a:hover {
	text-decoration: underline;
}




.main-menu-wrap .menu-center ul li.menu-item-has-children .sub-menu {
    min-width: 300px;
}

.top-header {
    background: #eff1f5;
    font-size: 0.8em;
}

.search-box {
	display: none!important;
}





.banner .banner-wrap .sub-banner .sub-banner-content .pre-title,
.banner .banner-wrap .slider .slide .slide-content-wrap .slide-content .pre-title {
	
	font-size: 16px!important;
    letter-spacing: 1px!important;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.46)!important;
}


.banner .banner-wrap .slider .slide .cover, .banner .banner-wrap .sub-banner .cover {
    background: rgba(61, 78, 92, 0.5);
}

.custom-blocks .custom-blocks-wrap .custom-block-inner .block-image img.icon{
	padding:0px;
}

/* banner grayscale */

.banner-image{
    -webkit-filter: grayscale(100%);
    filter: grey;
}


.fa-calendar-check:before {
    content: "\f274";
    COLOR: #f09325;
}
.menu-span {
    font-size: 8px;
    border-radius: 3px;
    background: #ee9235;
    letter-spacing: 1px!important;
    color: #fff;
    padding: 0px 5px!important;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 10px;
}

.menu-particulier {
    font-size: 8px;
    border-radius: 3px;
    background: #1cb0a7;
    letter-spacing: 1px!important;
    color: #fff;
    padding: 0px 5px!important;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 10px;
}

.menu-zakelijk {
    font-size: 8px;
    border-radius: 3px;
    background: #7fb340;
    letter-spacing: 1px!important;
    color: #fff;
    padding: 0px 5px!important;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 10px;
}



.main-menu-wrap .menu-center ul li.menu-item-has-children .sub-menu li a {
    text-transform: uppercase;
    padding: 10px 25px;
    font-size: 12px;
    letter-spacing: 1px;
    border-bottom: 1px solid #f1f1f1;
}

/* Responsive */
@media (max-width: 1200px){
	/* header */

}

@media (max-width:  991.98px){
	.header .logo-menu img{
		position:static;
	}
}

.archive .item-col .item-inner .item-col-content .item-col-inner {
    background: #ffffff!important;
}

.archive .item-col.compact .item-inner .item-col-header .item-col-title a h4 {
    color: #fff!important;
}

.home .page-content {
    background: none;
    background: url(https://powderblue-clam-868563.hostingersite.com/wp-content/uploads/2019/07/roest-1.jpg);
    background-size: cover;
    background-attachment: fixed;
}

#footer .footer-logo {
    margin-bottom: 20px;
    display: inline-block;
    max-width: 200px;
}