/* CUSTOM CSS HEADER */
body {color:#423f41 !important;}

.urban-sofa .wpb_text_column .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.bockx-interiors iframe {
    margin-top: -34rem !important;
}

@media (max-width: 1199px){
 .bockx-interiors iframe {
    margin-top: -22rem !important;
    }   
}
    

.page-id-1523 .urban-sofa .full_section_inner > .vc_col-sm-12 {
    margin-top: -65rem;
}

.banken-collectie .wpb_wrapper .vc_row {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 991px){
 .kenmerken .vc_col-sm-3{
     margin-bottom: 20px;
 }   
}

.kenmerken {
    z-index: 99;
}

.kenmerken i.fas,
.kenmerken i.far{
    color: #D4AF37;
    font-size: 30px;
    margin-bottom: 10px;
}

.kenmerken p {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.collection-item {margin: 20px 0;display:flex;flex-wrap:wrap;}
.collection-item h3{font-size:20px;color:#423f41 !important;margin-bottom:15px;}
.collection-item a.button.green{ display:inline-block; font-size:17px;}
.collection-item .inner { background: #fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;}
.collection-item .inner img{width: 536px; height: 268px; object-fit:cover;}
.collection-item .inner .price {padding:10px;}
.collection-item .inner .price p {width: 100%; display: inline-block; color: #333; margin-bottom: 1rem;}
.collection-item .inner .price p span.line-through{text-decoration:line-through;}
.collection-item .inner .price p span {color: #423f41; }
.collection-item .inner .price p strong {color: #423f41; }

.q_logo img{height: 76% !important;top:-38%;}
.page-id-7 h2 {font-size:16px;line-height:20px;}
nav.mobile_menu ul li a {color:#1A171B !important;}
nav.main_menu>ul>li.active>a{color:#fff !important;}
.q_logo a{height: 100px !important;}
nav.mobile_menu ul li a{margin-left: 15px;}
nav.mobile_menu ul li.active>a,
nav.mobile_menu ul li a:hover{color:#888 !important;}


.single .content h2{font-size:16px;}
.single .content .post_info{display:none;}
.single .content .post_image{display:none;}

.h2titel{color:#fff;font-size:33px;margin-bottom:23px;}

.black p,
.black p a{color:#000;}

@media screen and (min-width: 768px) and (max-width: 1599px){#ouibounce-modal .modal {width:400px;}}

/* LANDINGSPAGINAS */
.landing h1{font-size:55px;text-transform:uppercase;font-weight:800;}
a.button.green{background:#D4AF37;color:#fff !important;}
a.button.grey{background:#423f41;color:#fff !important;font-size:17px !important;}
a.button.btn{font-size:20px;text-transform:uppercase;padding:10px 20px;font-weight:700;}
.landing h2,
.landing h3,
.landing p{color:#252525;}
.landing p{margin-bottom:1em;}
.landing h2{font-size: 28px;text-transform:unset;margin-bottom:1em;font-weight:bold;}
.landing h3{font-size:28px;text-transform:unset;font-weight:bold;margin-bottom:1em;}
.landing p,
.landing ul{font-size:18px;}
.landing p.nomargin{margin-bottom:10px;}
.landing ul{list-style-image: url(https://www.homedesignstijlvolwonen.nl/wp-content/uploads/2018/03/check-icon.png);}
.landing .white h3,
.landing .white p{color:#fff;}
.landing .rondje{background:#7cc576;float:right;clear:right;width:160px;height:160px;border-radius:50%;}
.landing .rondje p{color:#fff;text-align:center;padding-top:35px;}
.quote h4{color:#7cc576;font-size:30px;font-weight:bold;text-transform:uppercase;line-height:35px;}
#gform_wrapper_3 .top_label .gfield_label{display:none;}
#gform_wrapper_3 .gform_body input[type=text]{background-color:#fff !important;}
#gform_wrapper_3 .gform_footer input[type=submit]{background:#7cc576;color:#fff;text-transform:unset;font-size:20px;border-radius:0;padding:0 25px;height:45px;text-align:center;width:80%;}
#gform_wrapper_3 .gform_footer{text-align: center;margin-top:0;padding-top:0;}

@media screen and (max-width: 767px){.landing h1{font-size:30px;}}
@media screen and (max-width: 768px){.landing h3{font-size:23px;}}
@media screen and (max-width: 767px){.landing h3 br{display:none;}}
@media screen and (max-width: 767px){.vc_empty_space.first{height:100px !important;}}
@media screen and (max-width: 767px){.location .vc_col-sm-2{width:20%;float:left;}}
@media screen and (max-width: 767px){.location .vc_col-sm-10{width:80%;float:left;}}
@media screen and (max-width: 767px){.landing .merken{padding-left:15px;padding-right:15px;}}
@media screen and (max-width: 767px){#gform_wrapper_3 .gform_footer input[type=submit]{width:100% !important;}}
@media screen and (max-width: 767px){a.button.grey{font-size:14px !important;padding:10px 10px !important;}}

@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait){.location .vc_col-sm-2{width:23%;float:left;}}
@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait){.location .vc_col-sm-10{width:77%;float:left;}}
@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait){#afspraak .vc_col-sm-2.mobile{width:8.33333333%;}}
@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait){#afspraak .vc_col-sm-5.mobile{width:50%;}}
@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait){#gform_wrapper_3 .gform_body ul li.gfield{padding-right:0;}}
@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait){#gform_wrapper_3 .gform_footer input[type=submit]{width:100% !important;padding:0 17px;}}

@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:landscape){.vc_empty_space.first{height:250px !important;}}


/* CUSTOM CSS HOMEPAGE */

a.qbutton.green.enlarge {
    color: #ffffff !important;
    background-color: rgba(101,101,103,1);
    border-color: #656567 !important;
    border-width: 2px !important;
}

.overons .q_elements_item:first-child{border-right: 10px solid #423F41;}

.over-ons .vc_col-sm-6:first-child{border-right: 10px solid #423F41;}
.over-ons .vc_col-sm-6{padding-top:58px;padding-bottom:58px;}

.portfolio_single .column1{width: 100%;}
.portfolio_single .column2{display:none;}

.esg-filter-wrapper{margin-bottom: 75px;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){text-indent:10px;}
.gform_wrapper.gf_browser_chrome select {
    padding: 14px 4px;
}

a.qbutton.mailons{
    background: #fff;
    border-color:#fff;
    margin-right: 2% !important;
    color: #303030;
}
.eg-online-bestellen-element-2-a{width: 220px !important;}
.eg-online-bestellen-element-3{color: #ffffff !important;}
.eg-online-bestellen-element-2{background-color: #1abc9c !important;}
.eg-online-bestellen-element-2:hover{color: #fff !important;}

a.qbutton.belons{
    background: transparent;
    border-color:#fff;
    margin-left:2% !important;
}

a.qbutton.belons:hover{
    background:#fff;
    color:#303030;
}

.productblok .vc_column-inner {
        position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
}
.productblok{border-right: 10px solid #423F41;border-bottom: 10px solid #423F41;}
@media (min-width: 992px){
 .productblok {
     height: 730px;
 }
 .productblok #banken {
     height: 170px;
 }
}
.info h4{color:#fff;}
div.ppt{display:none !important;}
@media screen and (min-width: 768px){#tafelsenstoelen .wpb_gallery .wpb_wrapper{height: 466px;}}

@media screen and (min-width: 768px){#kastenenslaapkamer .productblok .wpb_gallery .wpb_wrapper{height: 499px;}}

body.page-id-298 .flexslider .flex-prev, .flexslider .flex-next{
    border-radius: 0;
    border: none;
    background-color: rgba(42,41,41,1);
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.gform_wrapper select{background-color: rgba(177, 168, 142, 0.09) !important;}


@media screen and (max-width: 1000px){.page-id-241 .content .wpb_single_image{margin-bottom: 35px !important;}}

@media screen and (min-width: 1001px){
body.postid-143 .portfolio_single .portfolio_images img,
body.postid-146 .portfolio_single .portfolio_images img,
body.postid-1070 .portfolio_single .portfolio_images img,
body.postid-1070 .portfolio_single .portfolio_images img{width: 48%;float:left;margin-right:2%;}}


.productblok h3{color: #423F41;font-size:25px;font-weight:bold;}
.productblok .separator.small{background: #423F41;}

.productblok .product_category {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 20px 0 0;
    display:none;
}

body.page-id-298 .flexslider .slides img{width: 683px;margin: 0 auto;}
body.page-id-298 .wpb_flexslider.flexslider{margin-bottom:0;}

.productblok .product_category a {
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    color: #bda589;
}

#presentatie h4,
#presentatie p,
#testimonials h4,
#testimonials p{color:#fff;}

#banken,
#fauteuills,
#hockers,
#stoelen,
#tafels,
#kasten,
#keukens,
#verlichting,
#raamdecoratie,
#vloeren{cursor:pointer}

/* COLLECTIE SUBPAGE */

.projects_masonry_holder .portfolio_like{display:none;}

/* MASONRY GALLERY SUBPAGE */
.masonry_gallery_item.square_big .masonry_gallery_item_inner {
    background-color: rgba(247,247,247,1);
}

a.qbutton.mailons:hover{
    background: transparent;
    color:#fff;
}

.masonry_gallery_item.square_big h3 {
    color: #222222;
    font-size: 23px;
    line-height: 25px;
    text-transform: uppercase;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 30px;
    text-align:left;
}
.masonry_gallery_item_content .masonry_gallery_item_text{text-align:left;}

.masonry_gallery_item.square_small .masonry_gallery_item_inner {
    background-color: rgba(247,247,247,1);
}

.masonry_gallery_item.square_small h3 {
    color: #222222;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 10px;
}

.masonry_gallery_item.square_small .masonry_gallery_item_icon {
    color: #8d8d8d;
    font-size: 40px;
    margin-bottom: 20px;
}

.masonry_gallery_item.square_small.with_icon .masonry_gallery_item_content{padding: 0 5%;}
.masonry_gallery_item.square_small.with_icon .masonry_gallery_item_content p.masonry_gallery_item_text{text-align:center;}


.qbutton.green, 
.qbutton.white:hover{
    border-color: #656567;
    background-color: #656567;
}

/* GRAVITY FORMS */

.gform_wrapper input[type=text],
.gform_wrapper input[type=email]{
    height: 45px;
}

.touch body.page-id-126 .projects_holder article span.text_holder{
    display: inline-block !important;
    height: 100% !important;
    width:100% !important;
    opacity:1 !important;
    visibility:visible !important;
    background-color: rgba(21,21,21,.38);
}


.mobile_menu_button span{color:#1A171B;}

.q_elements_holder.responsive_mode_from_768.two_columns .q_elements_item{background-position: 42% 50% !important;} 

footer .column1 #text-6{margin-top:20px;}

@media only screen and (max-width: 1000px){.header_bottom {background-color: rgba(101,101,103,1) !important;}}
@media only screen and (max-width: 1000px){.q_logo img{top:15%;}}
@media screen and (max-width: 1000px){.title{padding: 0px !important;}}
@media screen and (max-width: 1000px){.title .title_holder .container{padding: 35px 0;}}
@media screen and (max-width: 1000px){body.page-id-298 .flexslider .flex-prev, .flexslider .flex-next{width: 35px;height: 35px;}}
@media screen and (max-width: 1000px){body.page-id-298 .flexslider .flex-prev{left:5px;}}
@media screen and (max-width: 1000px){body.page-id-298 .flexslider .flex-next{right: 1px;}}
@media screen and (max-width: 1000px){body.page-id-298 .flex-direction-nav a i{position:relative;top:-5px;}}
@media screen and (max-width: 1000px){.locatieblok .openingstijden{margin-bottom: 35px !important;}}
@media screen and (max-width: 1000px){body .gform_wrapper input[type=submit]{width: auto !important;}}
@media screen and (min-width: 1006px) and (max-width: 1033px){nav.main_menu>ul>li>a{padding: 0 10px;}}
@media screen and (max-width: 767px){body.page .overons{padding-left:15px !important;padding-right: 15px !important;}}
@media screen and (max-width: 767px){.productblok{border-right:none;border-bottom:none;}}
@media screen and (max-width: 767px){.productblok .vc_column-inner{border-top: 10px solid #423F41;}}
@media screen and (max-width: 767px){.page-id-128 .vc_col-sm-4{margin-bottom: 50px;}}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){body.page .overons{padding-left: 15px !important;padding-right: 15px !important;}}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){body.page .overons{padding-left: 15px !important;padding-right: 15px !important;}}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.eg-online-bestellen-content{height: 215px;}}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.eg-online-bestellen-element-3{height: 40px;}}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.eg-online-bestellen-content{height: 215px;}}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.eg-online-bestellen-element-3{height: 40px;}}

@media screen and (min-width: 1025px){.eg-online-bestellen-element-3{height: 40px;}}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){#tafelsenstoelen .wpb_gallery .wpb_wrapper{height: 244px;}}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){#kastenenslaapkamer .productblok .wpb_gallery .wpb_wrapper{height: 244px;}}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){footer .three_columns>.column1, .three_columns>.column2, .three_columns>.column3{width: 100%;margin-bottom:50px;}}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.footer_top .three_columns .column2 .column_inner>div, .footer_top .three_columns .column3 .column_inner>div{margin:0;}}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.three_columns>.column2>.column_inner, .three_columns>.column3>.column_inner{padding: 0;}}