/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
.page-top ul.breadcrumb {
  border-radius: 0;
  background: none;
  margin: 0 0 20px;
  padding: 0;
}
.page-top .breadcrumbs-wrap {font-size:9px;}
.main-content {padding-top:35px;padding-bottom:0px;
}
h2 {margin:32px 0 10px 0;}
a {color: #333333;}
a:hover {color:#333333;text-decoration:underline;}
.page-top .page-sub-title {font-size:1em;font-weight:400;line-height:1.5em;opacity:1;color:#333333;}
/* - - PORTFOLIO - - */
article.post .post-date .month, article.post .post-date .format, .post-item .post-date .month, .post-item .post-date .format, .list.list-icons.list-icons-style-3 li i, .list.list-ordened.list-ordened-style-3 li::before, html .list-primary.list-ordened.list-ordened-style-3 li::before, html .list-secondary.list-ordened.list-ordened-style-3 li::before, html .list-tertiary.list-ordened.list-ordened-style-3 li::before, html .list-quaternary.list-ordened.list-ordened-style-3 li::before, html .list-dark.list-ordened.list-ordened-style-3 li::before, html .list-light.list-ordened.list-ordened-style-3 li::before, ul.nav-pills > li.active > a, ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus, section.toggle.active > label, .toggle-simple section.toggle > label::after, div.wpb_single_image .porto-vc-zoom .zoom-icon, .img-thumbnail .zoom, .thumb-info .zoom, .img-thumbnail .link, .thumb-info .link, .pricing-table .most-popular h3, .pricing-table-flat .plan h3, .pricing-table-classic .most-popular h3 strong, .timeline-balloon .balloon-time .time-dot::after, section.exp-timeline .timeline-box.right::after, .floating-menu .floating-menu-btn-collapse-nav, .inverted, .master-slider .ms-container .ms-bullet, .share-links a, .thumb-info .thumb-info-type, .thumb-info .thumb-info-action-icon, .thumb-info-ribbon, .thumb-info-social-icons a, .widget_sidebar_menu .widget-title .toggle:hover, .mega-menu:not(:hover) > li.menu-item.active > a, .mega-menu:not(:hover) > li.menu-item:hover > a, .mega-menu .narrow ul.sub-menu, .sidebar-menu > li.menu-item:hover, .sidebar-menu .menu-custom-block a:hover, .pagination span.current, .page-links span.current, .member-item.member-item-3 .thumb-info:hover .thumb-info-caption, .sort-source-style-2, .mega-menu.menu-hover-line > li.menu-item > a::before, .
-posts-hover_info2 .thumb-info-type a {background-color: #9a907f;}
.categoryicon {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
}
.categoryicon2 {
    display: block;
    position: absolute;
    top: 75px;
    left: 10px;
}
.categoryicon3 {
    display: block;
    position: absolute;
    top: 140px;
    left: 10px;
}
.categoryicon img, .categoryicon2 img, .categoryicon3 img {
    width: 55px;
}
.blog-posts .post .entry-title {
    font-size: 1.3em;
    line-height: 1.3;
    font-weight: 600;
    word-break: break-word;
}
/* - - HEADER - - */
#header .header-right {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}
.page-top.page-header-7 h1 {
    margin-top: 20px;
}
#header .header-top .welcome-msg {
    line-height: 30px;
    letter-spacing: 0.28333px;
    font-weight: 600;
}
#header .header-contact {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 0.96em;
    font-weight: 500;
}
/* - - Grijze achtergrond sidebar - - */
.page-id-2614 .wpb_widgetised_column.wpb_content_element, .page-id-3882 .wpb_widgetised_column.wpb_content_element, .page-id-3884 .wpb_widgetised_column.wpb_content_element, .page-id-3887 .wpb_widgetised_column.wpb_content_element, .page-id-3245 .wpb_widgetised_column.wpb_content_element, .page-id-3186 .wpb_widgetised_column.wpb_content_element, .page-id-3183 .wpb_widgetised_column.wpb_content_element, .page-id-3222 .wpb_widgetised_column.wpb_content_element, .page-id-3220 .wpb_widgetised_column.wpb_content_element, .page-id-3214 .wpb_widgetised_column.wpb_content_element, .page-id-3189 .wpb_widgetised_column.wpb_content_element, .page-id-3140 .wpb_widgetised_column.wpb_content_element, .page-id-3172 .wpb_widgetised_column.wpb_content_element, .page-id-3143 .wpb_widgetised_column.wpb_content_element, .page-id-3140 .wpb_widgetised_column.wpb_content_element, .page-id-3138 .wpb_widgetised_column.wpb_content_element,.page-id-3234 .wpb_widgetised_column.wpb_content_element, .page-id-3232 .wpb_widgetised_column.wpb_content_element, .page-id-3230 .wpb_widgetised_column.wpb_content_element, .page-id-3228 .wpb_widgetised_column.wpb_content_element, .page-id-3226 .wpb_widgetised_column.wpb_content_element, .page-id-3222 .wpb_widgetised_column.wpb_content_element, .page-id-3220 .wpb_widgetised_column.wpb_content_element, .page-id-3218 .wpb_widgetised_column.wpb_content_element, .page-id-3216 .wpb_widgetised_column.wpb_content_element, .page-id-3214 .wpb_widgetised_column.wpb_content_element, .page-id-3212 .wpb_widgetised_column.wpb_content_element, .page-id-3205 .wpb_widgetised_column.wpb_content_element, .page-id-3191 .wpb_widgetised_column.wpb_content_element, .page-id-3176 .wpb_widgetised_column.wpb_content_element, .page-id-3203 .wpb_widgetised_column.wpb_content_element, .page-id-3611 .wpb_widgetised_column.wpb_content_element, .page-id-4338 .wpb_widgetised_column.wpb_content_element, .page-id-4340 .wpb_widgetised_column.wpb_content_element, .page-id-3060 .wpb_widgetised_column.wpb_content_element, .page-id-4440 .wpb_widgetised_column.wpb_content_element, .page-id-4442 .wpb_widgetised_column.wpb_content_element, .page-id-4444 .wpb_widgetised_column.wpb_content_element {
    background-color: #eee !important;
    padding: 20px !important;
}
.sidebar-content {
    background-color: #eee;
    padding: 20px;
}
.page-id-3224 .wpb_widgetised_column.wpb_content_element, .page-id-3177 .wpb_widgetised_column.wpb_content_element, .page-id-2766 .wpb_widgetised_column.wpb_content_element, .page-id-3667 .wpb_widgetised_column.wpb_content_element, .page-id-3686 .wpb_widgetised_column.wpb_content_element {
    background-color: #eee !important;
    padding: 20px !important;
}
/* - - Main navigation - - */
.headerphone {
    padding: 0px;
    background: #d31d49;
    margin: 10px 0 !important;
	max-height: 40px;
    border-radius: 4px;
}
#header .main-menu > li.headerphone > a {padding: 10px 16px 10px 16px!important;color:#ffffff!important;font-weight:500;font-size: 13px;}
#header .main-menu > li.headerphone > a span {font-size: 16px;font-weight: 500; color:#ffffff!important;}
.sticky-header .headerphone {margin: 18px 0 !important;}
.main-menu-wrap {
    border-bottom: #ccc 1px solid;
}
#header .header-contact {
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
    line-height: 22px;
}
#header .nav-item-right-border {
    padding-right: 0px;
    margin-right: 0px;
}
.fa.fa-envelope {
    font-size: 18px !important;
}
.fa.fa-phone {
    font-size: 17px !important;
}
/*ORANJE*/
.page-id-3601 #nav-menu-item-3871, .page-id-2429 #nav-menu-item-3871{
	background-color:#f79643;
}
/*BLAUW*/
.page-id-2426 #nav-menu-item-3871, .page-id-4263 #nav-menu-item-3871, .page-id-4257 #nav-menu-item-3871, .page-id-4244 #nav-menu-item-3871, .page-id-3737 #nav-menu-item-3871, .page-id-3752 #nav-menu-item-3871, .page-id-3611 #nav-menu-item-3871, .page-id-3970 #nav-menu-item-3871, .page-id-3680 #nav-menu-item-3871, .page-id-3667 #nav-menu-item-3871, .page-id-3686 #nav-menu-item-3871, .page-id-4442 #nav-menu-item-3871{
	background-color:#127dc2;
}
/*GROEN*/
.page-id-3056 #nav-menu-item-3871, .page-id-3508 #nav-menu-item-3871, .page-id-3532 #nav-menu-item-3871, .page-id-3538 #nav-menu-item-3871, .page-id-4056 #nav-menu-item-3871, .page-id-3657 #nav-menu-item-3871, .page-id-4202 #nav-menu-item-3871, .page-id-3535 #nav-menu-item-3871{
	background-color:#89c356;
}
/* - - MOBILE NAVIGATION - - */
#nav-panel .accordion-menu > li.menu-item > a, #nav-panel .accordion-menu > li.menu-item > .arrow {
    color: #333 !important;
}
#nav-panel .accordion-menu > li.menu-item > a, #nav-panel .accordion-menu > li.menu-item > .arrow {
    color: #333 !important;
}
#nav-panel .accordion-menu li.menu-item.active > a {
    background-color: #666!important;
    color: #fff !important;
}
#nav-panel .accordion-menu li.menu-item.active > .arrow {
    color: #ffffff !important;
}
@media only screen and (max-width: 690px) {
  .headerphone {
    display:none !important;
  }
}
/* - - USPS - - */
.home-intro-dark h3 {
    font-size: 1em !important;
}
.usps {
	text-align:center;
	margin-top:30px;
}
.usps .porto-sicon-wrapper.style_1 {
    width: auto!important;
    display: inline-block!important;
    margin: 0 2%!important;
	position:relative;
}
/* - - Homepage - - */
.home .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0px;
}
.home .banners .vc_btn3-container.vc_btn3-right a, .banners .vc_btn3-container.vc_btn3-right a {
    width: 100%;
    text-align: right;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
}
/* - - Diensten - - */
.single-portfolio .related-portfolios {
    padding: 0rem 0 4rem;
}
.portfolio-template-default.single .post-content {
    margin: 24px 0;
}
.thumb-info .thumb-info-title {
	background: rgba(184,184,184,0.9)
}
.thumb-info .thumb-info-title .thumb-info-inner {
	color:#ffffff;
}
.portfolio-template-default.single .post-content .col-md-7 {
    -webkit-flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.portfolio-template-default.single .post-content .vc_row.wpb_row.row {
    position: relative;
    left: 0 !important;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.single-portfolio .related-portfolios {
    padding: 2rem 0 1.5rem;
}
.porto-ibanner-layer .wpb_wrapper {
padding-bottom:20px;
}
.icontjes {
    top: -30px;
    display: block;
    position: absolute;
    float: left;
	left:20px;
}
.icontjes img {
    width: 35px;
}
#text{background-color:#d31d49b0;position:absolute;padding:10px 20px 20px 10px !important;margin-left:-20px;font-weight:700;font-size:16px;}
#duurzaamrood .porto-ibanner-layer h5{font-size:14px;font-weight:600;color:#fff;padding:5px 10px;background: #d31d49;text-transform:uppercase;}
#duurzaamgroen .porto-ibanner-layer h5{font-size:14px;font-weight:600;color: #fff;padding:5px 10px;background:#89c356;text-transform:uppercase;}
#duurzaamoranje .porto-ibanner-layer h5{
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    padding: 5px 10px;
    background: #f79643;
	text-transform:uppercase;
}
#duurzaamblauw .porto-ibanner-layer h5 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    padding: 5px 10px;
    background: #127dc2;
	text-transform:uppercase;
}

/* - - Content - - */
.page-template-default.page .wpb_widgetised_column.wpb_content_element {
    margin-top: 0px;
}
.page-top .page-title {
    display: inline-block;
    font-size: 35px;
    font-weight: 500;
    margin: 0;
    line-height: 1.2;
    position: relative;
    letter-spacing: -.05em;
    text-transform: none;
    position: relative;
    z-index: 2;
}
.page-id-143 .porto-html-block.porto-block-html-content-bottom {
    display: none;
}
.page-top.page-header-1{
	padding-bottom:0px !important;
}
.main-content.col-lg-12{
	padding-top:0px !important;
}
#tussenkop{
	margin-top:0px !important;
}
p, li {
    font-family: Montserrat !important;
	letter-spacing:1px !important;
}
p{
	font-family: Montserrat !important;
	letter-spacing:1px !important;
}
/* - - Banners - - */
h3.porto-sicon-title {
    text-transform: none!important;
}
.banners .wpb_wrapper.vc_column-inner {
    padding-top:0px!important;
}
.banners .vc_column_container.col-md-3 .vc_column-inner {
    border: #999 2px solid;
    border-radius: 5px;
}
.banners .vc_column_container.col-md-3:nth-child(1) .vc_column-inner {
    border: #89c355 2px solid;
    border-radius: 5px;
}
.banners .vc_column_container.col-md-3:nth-child(2) .vc_column-inner {
    border: #127ec2 2px solid;
    border-radius: 5px;
}
.banners .vc_column_container.col-md-3:nth-child(3) .vc_column-inner {
    border: #f39639 2px solid;
    border-radius: 5px;
}
.banners .vc_column_container.col-md-3:nth-child(4) .vc_column-inner {
    border: #d31d49 2px solid;
    border-radius: 5px;
}
.featured-boxes-style-3 .featured-box {
    margin: 20px!important;
}
.icon-featured.icon-image {
    display: inline-block;
    font-size: 0px;
    margin: 15px;
    width: 110px !important;
    height: 110px !important;
    border-radius: 5% !important;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #FFF;
    font-size: 40px;
    line-height: 110px;
}
.icon-featured img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 5px !important;
}
.icon-featured::after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5% !important;
    content: '';
    box-sizing: content-box;
}
.featured-boxes-style-2 .featured-box .icon-featured {
    display: inline-block;
    font-size: 30px;
    height: 110px !important;
    line-height: 110px;
    padding: 5px;
    width: 110px !important;
    margin-top: 0;
}
/* - - Referenties - - */
.single-post h2.entry-title {
	color: #333333 !important;
	font-weight: 500 !important;
}
.single-post .related-posts {
	display:none !important;
}

/* - - Sitemap - - */
.col-lg-3.sidebar .widget {
    list-style: none;
    width: 100%;
}
.wpb_widgetised_column .form-group.text-center.rode-knop input {
    width: 100%;
}
/* - - BOTTOM - - */
.banners-bottom .vc_btn3-container.vc_btn3-right {
    margin-bottom: 0px;
}
.page-id-2614 .main-content, .page-id-2674 .main-content {
    padding-top: 35px;
    padding-bottom: 0px;
}
.producten-banners .wpb_single_image.wpb_content_element.vc_align_left {
    margin-bottom: 0px;
}
/* - - FOOTER - - */
#footer .footer-bottom, #footer .footer-bottom p, #footer .footer-bottom .widget > div > ul li, #footer .footer-bottom .widget > ul li {
    color: #999!important;
}
	#footer .widget_media_image {
    margin-bottom: 10px;
    margin-top: 0px;
}
#text-8 {
    margin-top: 5px;
    margin-left: 20px;
}
#footer h3 {
    letter-spacing: 0.2px;
}
.footer-main {
    padding-left: 20px;
    padding-right: 25px;
}
/* - - FORMULIER - - */
.rode-knop input {
    background-color: #6dab3c!important;
    border: none;
    width: 100%;
}
/* - - RESPONSIVE - - */
@media only screen and (max-width: 690px) {
#header .mobile-toggle {
    cursor: pointer;
    text-align: center;
	font-size: 20px;
	line-height: 21px;
}
.mobile-toggle {
    padding: 5px 6px 5px 6px !important;
	margin-left:10px !important;
}
.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-default.vc_btn3-style-classic.vc_btn3-block.vc_btn3-icon-left.vc_btn3-color-black.btn{
	padding: 5px 6px 5px 6px !important;
	}
	#header .mobile-toggle:after {
    position: relative;
    content: "Menu";
    font-size: 12px;
    font-weight: 600 !important;
	display: block;
}
	.header-col.visible-for-sm.header-right .vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-default.vc_btn3-style-classic.vc_btn3-block.vc_btn3-icon-left.vc_btn3-color-black.btn {
    color: #ffffff;
    background-color: #89c355;
		text-align: center;
}
	#header .header-col.visible-for-sm.header-right .vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-default.vc_btn3-style-classic.vc_btn3-block.vc_btn3-icon-left.vc_btn3-color-black.btn:after {
    position: relative;
    content: "Bel ons";
    font-size: 12px;
    font-weight: 600 !important;
	display: block;
}
	#header .fa-phone::before {
    content: "\f095";
    font-size: 15px;
}
	.btn-group-md > .btn, .vc_btn3.vc_btn3-size-md {
    padding: 0.48rem 0.933rem;
	}
}