/*
Theme Name: Lucassen Bouwconstructies
Description: Speciaal thema voor Lucassen Bouwconstructies
Author: Simplix
Author URI: https://www.simplix.nl
Template: Avada
Version: 1.0.2
Text Domain:  Avada
*/

:root {
	--primary:#f08a00;
	--secondary:#2f2d2b;
}

.width-100 .fusion-fullwidth {overflow:hidden !important}

#main {position:relative;}
#main:after {content:""; position:absolute; bottom:-3px; left:0; width:calc(100% + 60px); height:150px; background-image:url(img/line-grey.svg); background-size:cover; background-position:center top; background-repeat:no-repeat; z-index:11;}
.ua-ie #main:after {bottom:-23px;}
#main ul {list-style-type: none; padding-left:0;}
#main ul li {position:relative; padding-left:30px;}
#main ul li:before {content:"\2714\0020"; position:absolute; left:0; color:#f08a00;}

.custom-vacature-counter {display:none;}
.post-content > div:last-child {padding-bottom:calc(8vh + 150px)!important;}
.row-eq-height {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.mobile {display:none;}
.fusion-button-wrapper.mobile {display:none;}

.wpcf7-form .wpcf7-mail-sent-ok {display:none!important;}

.ilightbox-holder .ilightbox-container .ilightbox-caption {display:block!important;}

/* ---------- Header ---------- */
.fusion-header-wrapper .fusion-header .fusion-logo .fusion-logo-link img {width:250px;}
.fusion-header-wrapper:not(.fusion-is-sticky) .fusion-header .fusion-logo .fusion-logo-link img {height:64px!important;}
.fusion-header .fusion-main-menu > ul > li span {text-transform:uppercase;}
.fusion-header .fusion-main-menu > ul > li.werken-bij:before {content:attr(data-vacature); line-height:20px; color:#fff; text-align:center; background-color: #f08a00; height: 20px; width: 20px; position: absolute; top: 35px; right: 10px; border-radius: 50%; font-family:"Roboto Condensed"; font-size:14px; transition:.3s;}
.fusion-is-sticky .fusion-header .fusion-main-menu > ul > li.werken-bij:before {top:15px;}
.fusion-header .fusion-main-menu > ul > li.menu-contact-button span {border-radius:0; margin-left:30px;}
.fusion-header .fusion-main-menu > ul > li.menu-contact-button span:hover {-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25)!important; -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25)!important; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25)!important;}
.fusion-header .fusion-main-menu > ul > li.menu-contact-button span:after {content:"\f105"; color:var(--secondary); font-family:'Font Awesome 5 Free'; font-weight:bold; float:right; margin-left:29px; font-size:16px; transition:.3s;}
.fusion-header .fusion-main-menu > ul > li.menu-contact-button span:hover:after {margin-left:34px; margin-right:-5px;}

/* ---------- Slider ---------- */
.rev_slider .tp-caption {font-size:40px!important; text-transform:uppercase!important; font-family:"Roboto Condensed"!important; line-height:1.2!important; text-shadow: 1px 1px 5px var(--secondary)!important;}
.home #sliders-container:before {content:""; position:absolute; bottom:-3px; left:0; width:100%; height:150px; background-image:url(img/line-white.svg); background-size:cover; background-position:center bottom; background-repeat:no-repeat; z-index:9;}
.ua-ie .home #sliders-container:before {bottom:-23px;}
/*.home #sliders-container:after {content:"\f111"; position:absolute; bottom:-50px; left:calc(50% - 20px); width:40px; height:75px; border:2px solid var(--secondary); border-radius:25px; z-index:2; font-family:'Font Awesome 5 Free'; font-weight:bold; text-align: center; font-size:10px; -webkit-animation: scrollTrigger 3s infinite; animation: scrollTrigger 3s infinite;}*/

/* ---------- Title ---------- */
.fusion-row .fusion-title h1,
.fusion-row .fusion-title h2, 
.fusion-row .fusion-title h3, 
.fusion-row .fusion-title h4, 
.fusion-row .fusion-title h5, 
.fusion-row .fusion-title h6 {text-transform:uppercase;}

.single h1,
.single h2, 
.single h3, 
.single h4, 
.single h5, 
.single h6 {font-size:40px; text-transform:uppercase; margin-top:32px!important; margin-bottom:8px!important;}

.single.single-blogs h3 {font-size:24px}
.single.single-blogs h4 {font-size:18px}

.single.single-blogs blockquote {font-size:20px; line-height:1.2}

/* ---------- White Text ---------- */
.fusion-row .white-text,
.fusion-row .white-text h1,
.fusion-row .white-text h2,
.fusion-row .white-text h3,
.fusion-row .white-text h4,
.fusion-row .white-text h5,
.fusion-row .white-text h6,
.fusion-row .white-text p,
.fusion-row .white-text span,
.fusion-row .white-text li,
.fusion-row .white-text label,
.fusion-row .white-text a {color:#fff !important}

.fusion-row .white-text .contact-wrapper .contact-submit-wrapper {background-color:#f08a00;}
.fusion-row .white-text .contact-wrapper .contact-submit-wrapper:after {color:var(--secondary);}
.fusion-row .white-text .contact-wrapper .contact-submit-wrapper input[type="submit"].wpcf7-submit {background-color:#f08a00; color:var(--secondary)!important;}

/* ---------- Call Back ---------- */
.custom-call-back-wrapper {position:fixed; right:-300px; width:300px; transition:.3s; top:30vh;}
.custom-call-back-wrapper.mobile {display:none;}
.custom-call-back-wrapper.active {right:0; transition:.3s;}
.custom-call-back-wrapper .custom-call-back-toggle {position:absolute; left:-75px; z-index:999; width:75px; height:75px; background-color:#444241; color:#fff; text-align:center; box-shadow:rgba(0, 0, 0, 0.2) -3px 3px 5px;}
.custom-call-back-wrapper .custom-call-back-toggle:hover {cursor:pointer;}
.custom-call-back-wrapper .custom-call-back-toggle i {line-height:75px; font-size:30px; font-style:normal;}
.custom-call-back-wrapper .custom-call-back-toggle i.fa-times {display:none;}
.custom-call-back-wrapper.active .custom-call-back-toggle i.fa-times {display:block;}
.custom-call-back-wrapper.active .custom-call-back-toggle i.fa-phone {display:none;}
.custom-call-back-wrapper .custom-call-back-content {float:left; position:relative; width:300px; background-color:#444241; padding:25px 40px;}
.custom-call-back-wrapper.active .custom-call-back-content {box-shadow:rgba(0, 0, 0, 0.2) -3px 3px 5px;}
.custom-call-back-wrapper .custom-call-back-content .widget-title {color: #f08a00; font-weight: bold; font-size: 20px; margin-top:0; margin-bottom:0;}
.custom-call-back-wrapper .custom-call-back-content .custom-call-back-text {position:relative; float:left; width:100%; color:#fff; font-size:16px; line-height:30px;}
.custom-call-back-wrapper .custom-call-back-content .custom-call-back-text a {color:#f08a00;}
.custom-call-back-wrapper .custom-call-back-content .custom-call-back-text a:hover {color:#f08a00;}

/* ---------- Image feed shortcode ---------- */
.shortcode-image-row {overflow:hidden;}
.shortcode-image-row .shortcode-image-wrapper {float:left; width:100%; position:absolute; top:-8vh;}
.shortcode-image-row .shortcode-image-wrapper.columns-2 .shortcode-image-column {float:left; width:calc(50% - 15px); margin-right:30px;}
.shortcode-image-row .shortcode-image-wrapper.columns-3 .shortcode-image-column {float:left; width:calc(33.333% - 20px); margin-right:30px;}
.shortcode-image-row .shortcode-image-wrapper .shortcode-image-column:last-child {margin-right:0;}
.shortcode-image-row .shortcode-image-wrapper .shortcode-image-column .shortcode-image-container {margin-bottom:30px; position:relative;}
.shortcode-image-row .shortcode-image-wrapper.image-gradient .shortcode-image-column .shortcode-image-container:after {content:""; position:absolute; bottom:-3px; left:0; width:100%; height:100%; background-image:url(img/lucassen-fade-effect.png); background-position: left bottom; background-repeat:repeat-x;}

/* ---------- Image feed shortcode ---------- */
.work-wrapper h5 {text-shadow: 2px 2px 5px var(--secondary);}

/* ---------- Contactform ---------- */
.contact-wrapper label {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.contact-wrapper input {height:50px!important; line-height:50px; color:var(--secondary)!important; font-family:"Roboto Condensed"; font-size:15px!important; outline:none;}
.contact-wrapper input::-webkit-input-placeholder {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.contact-wrapper input::-moz-placeholder {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.contact-wrapper input:-ms-input-placeholder {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.contact-wrapper input:-moz-placeholder {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.contact-wrapper textarea {color:var(--secondary)!important; font-family:"Roboto Condensed"; font-size:15px!important;}
.contact-wrapper .contact-half-column {float:left; width:calc(50% - 15px); margin-right:30px; margin-bottom:30px;}
.contact-wrapper .contact-half-column:nth-child(even) {margin-right:0;}
.contact-wrapper .contact-submit-wrapper {float:right; margin-top:30px; background-color: var(--secondary);}
.contact-wrapper .contact-submit-wrapper:hover {-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25)!important; -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25)!important; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25)!important;}
.contact-wrapper .contact-submit-wrapper:after {content:"\f105"; color:#fff; font-family:'Font Awesome 5 Free'; font-weight:bold; float:right; margin-right:29px; font-size:16px; transition:.3s; height: 50px; line-height: 50px;}
.contact-wrapper .contact-submit-wrapper:hover:after {margin-left:5px; margin-right:24px;}
.contact-wrapper .contact-submit-wrapper input[type="submit"].wpcf7-submit {background-color: var(--secondary); color: #fff!important; float: left;}
.wpcf7-form .wpcf7-validation-errors {background-color:transparent!important; color:#fff!important; border:none!important;}
.wpcf7-form .wpcf7-validation-errors .alert-icon {margin-right:10px;}
.wpcf7-form .fusion-slider-loading {display:none!important;}

/* ---------- Default Single ---------- */
.single #main {padding-left:0!important; padding-right:0!important; float:left; width:100%;}
.single .single-content-wrapper {padding:8vh 30px;}
.single .single-content-wrapper .single-content-container {margin-bottom:30px;}
.single .single-content-wrapper .single-content-container h2:first-child {margin-top:0!important;}
.single .single-post-sidebar .sidebar-info-wrapper {background-color:#f2f2f2; padding-left:30px; padding-top:30px; padding-right:30px; padding-bottom:30px; float:left; width:100%; margin-bottom:30px;}
.single .single-post-sidebar .sidebar-info-wrapper.sticky-item {position:-webkit-sticky; position:sticky; top:50px; z-index:998;}
.single .single-post-sidebar .sidebar-info-wrapper .contact-info-title {text-transform:uppercase; float:left; width:100%; font-family:"Roboto Condensed";}
.single .single-post-sidebar .sidebar-info-wrapper .contact-person-name {text-transform:uppercase; float:left; width:100%; margin-top:15px; font-family:"Roboto Condensed";}
.single .single-post-sidebar .sidebar-info-wrapper .contact-person-number {text-transform:uppercase; float:left; width:100%; margin-top:15px; color:#f08a00; font-family:"Roboto Condensed";}
.single .single-post-sidebar .sidebar-info-wrapper .contact-person-mail {text-transform:uppercase; float:left; width:100%; margin-top:15px; color:#f08a00; font-family:"Roboto Condensed";}
.single .single-post-sidebar .sidebar-info-wrapper .fusion-button {margin-top:15px; width:100%;}
.single .single-post-sidebar .sidebar-info-wrapper .addtoany_list a {border: 2px solid var(--secondary); padding:0; margin-right:10px; margin-top:10px; width:40px; height:40px; text-align:center; box-sizing:border-box;}
.single .single-post-sidebar .sidebar-info-wrapper .addtoany_list a:hover {border-color:#f08a00;}
.single .single-post-sidebar .sidebar-info-wrapper .addtoany_list a:hover span {opacity:1;}
.single .single-post-sidebar .sidebar-info-wrapper .addtoany_list a .a2a_svg svg {padding:3px 0; height:38px; line-height:40px; box-sizing:border-box;}
.single .single-post-sidebar .sidebar-info-wrapper .addtoany_list a:hover .a2a_svg svg path {fill: #f08a00!important; transition:.3s;}
.single .single-post-sidebar .sidebar-info-wrapper .project-info-title {text-transform:uppercase; float:left; width:100%; font-family:"Roboto Condensed";}
.single .single-post-sidebar .sidebar-info-wrapper .project-info-value {float:left; width:100%; margin-top:0; margin-bottom:15px;}
.single .single-post-sidebar .sidebar-info-wrapper .category-wrapper {float:left; width:100%; margin-bottom:15px;}
.single .single-post-sidebar .sidebar-info-wrapper .category-wrapper:last-child {margin-bottom:0;}
.single .single-post-sidebar .sidebar-info-wrapper .category-wrapper .category-label {padding:0 15px; line-height:30px; float:left; text-transform:uppercase; font-family:"Roboto Condensed"; color:var(--secondary); margin-right:5px; margin-bottom:5px; background-color:#f08a00;}
.single .single-contact-wrapper {position:relative; padding:8vh 30px; width:100%; float:left;}
.single .single-contact-wrapper.grey {background-color:var(--secondary);}
.single .single-contact-wrapper.orange {background-color:#f08a00;}
.single .team-wrapper {position:relative; padding:8vh 30px; width:100%; padding-bottom:8vh; float:left;}

/* ---------- Application Form ---------- */
.application-form-wrapper {background-color:#f08a00; position:relative; padding:8vh 30px; width:100%;}
.application-form-wrapper .wpcf7-form span {text-transform:uppercase; font-family:"Roboto Condensed"; font-size:15px!important;}
.application-form-wrapper .wpcf7-form label {text-transform:uppercase; font-family:"Roboto Condensed"; font-size:15px!important;}
.application-form-wrapper .wpcf7-form input {height:50px!important; line-height:50px; color:var(--secondary)!important; font-family:"Roboto Condensed"; font-size:15px!important; background-color:#f2f2f2; border:none; outline:none;}
.application-form-wrapper .wpcf7-form input[type=file] {background-color:transparent; line-height: 30px; height: 30px!important; margin-left:15px;}
.ua-firefox .application-form-wrapper .wpcf7-form input[type=file] {margin-left:45px;}
.application-form-wrapper .wpcf7-form input::-webkit-input-placeholder {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.application-form-wrapper .wpcf7-form input::-moz-placeholder {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.application-form-wrapper .wpcf7-form input:-ms-input-placeholder {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.application-form-wrapper .wpcf7-form input:-moz-placeholder {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.application-form-wrapper .wpcf7-form textarea {color:var(--secondary)!important; font-family:"Roboto Condensed"; font-size:15px!important; background-color:#f2f2f2; border:none; outline:none;}
.application-form-wrapper .wpcf7-form textarea::-webkit-input-placeholder {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.application-form-wrapper .wpcf7-form textarea::-moz-placeholder {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.application-form-wrapper .wpcf7-form textarea:-ms-input-placeholder {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.application-form-wrapper .wpcf7-form textarea:-moz-placeholder {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.application-form-wrapper .wpcf7-form .application-half-column {float:left; width:calc(50% - 15px); margin-right:30px; margin-bottom:30px;}
.application-form-wrapper .wpcf7-form .application-half-column:nth-child(even) {margin-right:0;}
.application-form-wrapper .wpcf7-form .custom-file-upload {background-color:var(--secondary); float:left; height:30px; line-height:30px; color:#fff; padding:0 15px; position:relative; margin-top:-30px;}
.application-form-wrapper .wpcf7-form .custom-file-upload:hover {cursor:pointer;}
.application-form-wrapper input[type="submit"].wpcf7-submit {background-color:var(--secondary); color:#fff!important;}
.application-form-wrapper input[type="submit"].wpcf7-submit:hover {background-color:var(--secondary);}
.application-form-wrapper .contact-submit-wrapper {float:left; margin-top:30px; background-color: var(--secondary); transition:.3s;}
.application-form-wrapper .contact-submit-wrapper:hover {-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25)!important; -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25)!important; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25)!important;}
.application-form-wrapper .contact-submit-wrapper:after {content:"\f105"; color:#fff; font-family:'Font Awesome 5 Free'; font-weight:bold; float:right; margin-right:29px; font-size:16px; transition:.3s; height: 50px; line-height: 50px;}
.application-form-wrapper .contact-submit-wrapper:hover:after {margin-left:5px; margin-right:24px;}

/* ---------- Application Procedure ---------- */
.postid-746 .application-procedure-wrapper {display:none!important;}
.application-procedure-wrapper {padding:8vh 30px 60px 30px; float:left; width:100%;}
.application-procedure-wrapper h6 {margin-top:0!important;}
.application-procedure-wrapper .application-procedure-container {position:relative;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper {transition:.3s; position:relative;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper:after {content:""; position:absolute; top:16px; left:0; width:16px; height:16px; border-radius:50%; transition:.3s; background-color:#f2f2f2;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper.prev:after {background-color:#f08a00;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper.active:after {background-color:#f08a00;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper:before {content:""; position:absolute; top:20px; height:100%;left:5px; width:6px;transition:.3s; background-color:#f2f2f2;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper.prev:before {background-color:#f08a00;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper:last-child:before {display:none;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper .single-application-container {max-height:50px; overflow:hidden; transition:.3s; position:relative; padding-left:50px;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper.active .single-application-container {max-height:200px; overflow:hidden;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper .single-application-container .application-title {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed"; line-height:50px; height:50px; width:100%; float:left;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper .single-application-container .application-title:hover {cursor:pointer;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper .single-application-container .application-title i {transition:.3s;}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper.active .single-application-container .application-title i {transform:rotate(-180deg);}
.application-procedure-wrapper .application-procedure-container .single-application-wrapper .single-application-container .application-content {width:100%; float:left;}

/* ---------- Project Archive ---------- */
.post-type-archive-projecten #menu-item-166 span {color:#f08a00!important;}
.post-type-archive-projecten .archive-project-filter-wrapper {float:left; margin-bottom:1px;}
.post-type-archive-projecten .archive-project-filter-wrapper span {float:left; font-family:"Roboto Condensed"; margin-right:25px; text-transform:uppercase; line-height:30px;}
.post-type-archive-projecten .archive-project-filter-wrapper a {float:left; padding:0 10px; line-height:30px; border:1px solid var(--secondary); color:var(--secondary); margin-right:5px; text-transform:uppercase; font-family:"Roboto Condensed"; margin-bottom:5px;}
.post-type-archive-projecten .archive-project-filter-wrapper a:hover {cursor:pointer;}
.post-type-archive-projecten .archive-project-filter-wrapper a.active {background-color:#f08a00; color:#fff; border-color:#f08a00;}
.post-type-archive-projecten .archive-single-project-container {padding-top:8vh; padding-bottom:8vh; position:relative; margin-left:-30px; margin-right:-30px; padding-left:30px; padding-right:30px;}
.post-type-archive-projecten .archive-single-project-container.row-1,
.post-type-archive-projecten .archive-single-project-container.row-4 {background-color:#f08a00;}
.post-type-archive-projecten .archive-single-project-container.row-2,
.post-type-archive-projecten .archive-single-project-container.row-5 {background-color:var(--secondary);}
.post-type-archive-projecten .archive-single-project-container.row-3,
.post-type-archive-projecten .archive-single-project-container.row-6 {background-color:#ffffff;}
.post-type-archive-projecten .archive-single-project-container .vertical-align-center > div {display: inline-block; vertical-align: middle; float:none;}
.post-type-archive-projecten .archive-single-project-container .archive-content-wrapper .category-wrapper {float:left; width:100%; margin-top:25px;}
.post-type-archive-projecten .archive-single-project-container .archive-content-wrapper .category-wrapper .category-label {padding:0 15px; line-height:30px; float:left; text-transform:uppercase; font-family:"Roboto Condensed"; color:var(--secondary); margin-right:5px; margin-bottom:5px;}
.post-type-archive-projecten .archive-single-project-container .archive-content-wrapper .category-wrapper .category-label.dark {background-color:var(--secondary); color:#fff;}
.post-type-archive-projecten .archive-single-project-container .archive-content-wrapper .category-wrapper .category-label.light {background-color:#f08a00;}
.post-type-archive-projecten .archive-single-project-container .archive-project-title {text-transform:uppercase; float:left; width:100%; margin-top:0; margin-bottom:30px; font-family:"Roboto Condensed"; font-size:40px; text-align:center;}
.post-type-archive-projecten .archive-single-project-container .fusion-button {margin-top:30px;}
.post-type-archive-projecten .archive-single-project-container .fusion-button.light span {color:var(--secondary);}
.post-type-archive-projecten .load-more-wrapper {padding-top:calc(8vh + 75px); padding-bottom:calc(8vh + 150px); display:flex; align-items:center; justify-content:center; background-image:url(https://www.lucassen-bc.nl/wp-content/uploads/2019/02/lucassen-background-12.jpg); background-size: cover; background-position: center center; background-repeat:no-repeat; margin-left: -30px; margin-right: -30px; text-align: center; padding-left:30px; padding-right:30px;}
.post-type-archive-projecten .load-more-wrapper .load-more-button {font-size:25px; color:var(--secondary); background-color:#f08a00; text-transform:uppercase; font-family:"Roboto Condensed"; padding:13px 29px; transition:.3s;}
.post-type-archive-projecten .load-more-wrapper .load-more-button:after {content:"\f105"; color:var(--secondary); font-family:'Font Awesome 5 Free'; font-weight:bold; float:right; margin-left:29px; font-size:25px; transition:.3s;}
.post-type-archive-projecten .load-more-wrapper .load-more-button:hover {-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25)!important; -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25)!important; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25)!important; cursor:pointer;}
.post-type-archive-projecten .load-more-wrapper .load-more-button:hover:after {margin-left:34px; margin-right:-5px;}

/* ---------- Project Single ---------- */
.single-projecten #menu-item-166 span {color:#f08a00!important;}

.single-projecten .shortcode-project-row {padding-top:8vh; padding-bottom:calc(8vh + 150px); position:relative; margin-left:-30px; margin-right:-30px; background-color:#f08a00; padding-left:30px; padding-right:30px;}
.single-projecten .shortcode-project-row h3 {width:100%; text-align:center; font-size:40px; text-transform:uppercase; font-family:"Roboto Condensed";}
.single-projecten .shortcode-project-row .fusion-button-wrapper {width:100%; text-align:center; float:left;}

/* ---------- Grey Dividers ---------- */
.top-left-to-right-grey {position:relative; padding-top:calc(8vh + 150px)!important;}
.top-left-to-right-grey:after {content:""; position:absolute; top:-3px; left:0; width:100%; height:150px; background-image:url(img/line-grey.svg); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:11; transform: rotate(180deg) scaleX(-1);}
.ua-ie .top-left-to-right-grey:after {top:-23px;}
.top-right-to-left-grey {position:relative; padding-top:calc(8vh + 150px)!important;}
.top-right-to-left-grey:after {content:""; position:absolute; top:-3px; left:0; width:100%; height:150px; background-image:url(img/line-grey.svg); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:11; transform: rotate(180deg);}
.ua-ie .top-right-to-left-grey:after {top:-23px;}
.bottom-left-to-right-grey {position:relative; padding-bottom:calc(8vh + 150px)!important;}
.bottom-left-to-right-grey:before {content:""; position:absolute; bottom:-3px; left:0; width:100%; height:150px; background-image:url(img/line-grey.svg); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:11; transform:scaleX(-1);}
.ua-ie .bottom-left-to-right-grey:before {bottom:-23px;}
.bottom-right-to-left-grey {position:relative; padding-bottom:calc(8vh + 150px)!important;}
.bottom-right-to-left-grey:before {content:""; position:absolute; bottom:-3px; left:0; width:100%; height:150px; background-image:url(img/line-grey.svg); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:11;}
.ua-ie .bottom-right-to-left-grey:before {bottom:-23px;}
/* ---------- White Dividers ---------- */
.top-left-to-right-white {position:relative; padding-top:calc(8vh + 150px)!important;}
.top-left-to-right-white:after {content:""; position:absolute; top:-3px; left:0; width:100%; height:150px; background-image:url(img/line-white.svg); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:11; transform: rotate(180deg) scaleX(-1);}
.ua-ie .top-left-to-right-white:after {top:-23px;}
.top-right-to-left-white {position:relative; padding-top:calc(8vh + 150px)!important;}
.top-right-to-left-white:after {content:""; position:absolute; top:-3px; left:0; width:100%; height:150px; background-image:url(img/line-white.svg); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:11; transform: rotate(180deg);}
.ua-ie .top-right-to-left-white:after {top:-23px;}
.bottom-left-to-right-white {position:relative; padding-bottom:calc(8vh + 150px)!important;}
.bottom-left-to-right-white:before {content:""; position:absolute; bottom:-3px; left:0; width:100%; height:150px; background-image:url(img/line-white.svg); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:11; transform:scaleX(-1);}
.ua-ie .bottom-left-to-right-white:before {bottom:-23px;}
.bottom-right-to-left-white {position:relative; padding-bottom:calc(8vh + 150px)!important;}
.bottom-right-to-left-white:before {content:""; position:absolute; bottom:-3px; left:0; width:100%; height:150px; background-image:url(img/line-white.svg); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:11;}
.ua-ie .bottom-right-to-left-white:before {bottom:-23px;}
/* ---------- Orange Dividers ---------- */
.top-left-to-right-orange {position:relative; padding-top:calc(8vh + 150px)!important;}
.top-left-to-right-orange:after {content:""; position:absolute; top:-3px; left:0; width:100%; height:150px; background-image:url(img/line-orange.svg); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:11; transform: rotate(180deg) scaleX(-1);}
.ua-ie .top-left-to-right-orange:after {top:-23px;}
.top-right-to-left-orange {position:relative; padding-top:calc(8vh + 150px)!important;}
.top-right-to-left-orange:after {content:""; position:absolute; top:-3px; left:0; width:100%; height:150px; background-image:url(img/line-orange.svg); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:11; transform: rotate(180deg);}
.ua-ie .top-right-to-left-orange:after {top:-23px;}
.bottom-left-to-right-orange {position:relative; padding-bottom:calc(8vh + 150px)!important;}
.bottom-left-to-right-orange:before {content:""; position:absolute; bottom:-3px; left:0; width:100%; height:150px; background-image:url(img/line-orange.svg); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:11; transform:scaleX(-1);}
.ua-ie .bottom-left-to-right-orange:before {bottom:-23px;}
.bottom-right-to-left-orange {position:relative; padding-bottom:calc(8vh + 150px)!important;}
.bottom-right-to-left-orange:before {content:""; position:absolute; bottom:-3px; left:0; width:100%; height:150px; background-image:url(img/line-orange.svg); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:11;}
.ua-ie .bottom-right-to-left-orange:before {bottom:-23px;}

/* ------------------------------ */
/* --- Design Update: 8-12-22 --- */
/* ------------------------------ */
.stretch-full-width {margin-left:calc(-2px - var(--hundredp_padding-fallback_to_zero)); margin-right:calc(-2px - var(--hundredp_padding-fallback_to_zero)); padding-left:var(--hundredp_padding-fallback_to_zero); padding-right:var(--hundredp_padding-fallback_to_zero);}

/* Titlebar */
.titlebar-wrapper {position:relative; width:100%; min-height:320px; height:64vh; background-size:cover; display:flex; align-items:center; justify-content:center; padding:32px;}
.titlebar-wrapper:after {content:""; position:absolute; bottom:-3px; left:0; width:100%; height:150px; background-image:url(img/line-white.svg); background-size:cover; background-position:center bottom; background-repeat:no-repeat; z-index:11;}
.titlebar-wrapper .titlebar-row {max-width:var(--site_width); width:100%;}
.titlebar-wrapper .titlebar-row .title {color:#fff; text-transform:uppercase; margin-bottom:12px; text-shadow:0px 1px 5px var(--secondary);}
.titlebar-wrapper .titlebar-row .breadcrumb-wrapper {font-family:"Roboto Condensed"; color:#fff; text-transform:uppercase;}
.titlebar-wrapper .titlebar-row .breadcrumb-wrapper .fusion-breadcrumbs {display:inline-flex; align-items:center; text-shadow:0px 1px 5px var(--secondary);}
.titlebar-wrapper .titlebar-row .breadcrumb-wrapper .fusion-breadcrumbs .fusion-breadcrumb-item span {color:#fff; opacity:.7;}
.titlebar-wrapper .titlebar-row .breadcrumb-wrapper .fusion-breadcrumbs .fusion-breadcrumb-item:last-of-type span {opacity:1;}
.archive .titlebar-wrapper .titlebar-row .breadcrumb-wrapper .fusion-breadcrumbs .fusion-breadcrumb-item:last-of-type span {opacity:1;}
.titlebar-wrapper .titlebar-row .breadcrumb-wrapper .fusion-breadcrumbs .fusion-breadcrumb-sep i {font-size:12px; padding:0; margin:-4px 8px 0 8px; opacity:.7; display:block;}

/* Button */
.fusion-button-wrapper .fusion-button {border-radius:0!important; transition:.3s; font-size:15px;}
.fusion-button-wrapper .fusion-button:hover {-webkit-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.25)!important; -moz-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.25)!important; box-shadow:2px 2px 5px 0px rgba(0,0,0,0.25)!important;}
.fusion-button-wrapper .fusion-button:after {content:"\f054"; color:var(--secondary); font-family:'Font Awesome 6 Pro'; font-weight:500; margin-left:24px; font-size:14px; transition:.3s;}
.fusion-button-wrapper .fusion-button:hover:after {margin-left:28px; margin-right:-4px;}
.fusion-button-wrapper .fusion-button.dark {color:#fff; background-color:var(--secondary);}
.fusion-button-wrapper .fusion-button.dark:after {color:#fff;}
.fusion-button-wrapper .fusion-button.dark span {color:#fff;}
.fusion-button-wrapper .fusion-button:hover.dark span {color:#fff;}

/* Backgrounds */
.orange-background {background:var(--primary);}

/* Dividers */
.dividers {position:relative; padding-top:128px; padding-bottom:128px; width:100vw;}
.dividers.top-rtl,
.dividers.top-ltr {padding-top:48px; margin-top:80px;}
.dividers.top-ltr:before {content:''; position:absolute; bottom:calc(100% - 3px); left:0; width:100%; height:160px; z-index:11; background:url(img/line-white.svg) center center no-repeat; background-size:cover;}
.dividers.top-rtl:before {content:''; position:absolute; bottom:calc(100% - 3px); left:0; width:100%; height:160px; z-index:11; background:url(img/line-white.svg) center center no-repeat; background-size:cover;}
.dividers.bottom-rtl,
.dividers.bottom-ltr {padding-bottom:48px; margin-bottom:80px;}
.dividers.bottom-ltr:after {content:''; position:absolute; top:calc(100% - 3px); left:0; width:100%; height:160px; z-index:11; background:url(img/line-white.svg) center center no-repeat; background-size:cover;}
.dividers.bottom-rtl:after {content:''; position:absolute; top:calc(100% - 3px); left:0; width:100%; height:160px; z-index:11; background:url(img/line-white.svg) center center no-repeat; background-size:cover;}
.dividers.top-orange:before {background-image:url(img/line-orange.svg);}
.dividers.bottom-orange:after {background-image:url(img/line-orange.svg);}
.dividers.top-white:before {background-image:url(img/line-white.svg);}
.dividers.bottom-white:after {background-image:url(img/line-white.svg);}
.dividers.top-grey:before {background-image:url(img/line-grey.svg);}
.dividers.bottom-grey:after {background-image:url(img/line-grey.svg);}

 /* Archive - Defaults */
.archive-wrapper .load-more-wrapper {display:flex; align-items:center; justify-content:center; padding:32px 0;}
.archive-wrapper .load-more-wrapper .load-more {border:1px solid #464646; border-radius:999px; padding:12px 24px; color:#464646; font-weight:bold; transition:.3s;}
.archive-wrapper .load-more-wrapper .load-more:hover {cursor:pointer; border-color:#f2eee7; background:#f2eee7; color:#464646;}
.archive-wrapper .load-more-wrapper .load-more:after {display:none!important;}

.archive-wrapper .loader-wrapper {display:flex; align-items:center; justify-content:center; padding:32px 0;}
.archive-wrapper .loader-wrapper .loader {max-width:128px;}

/* Archive - Blogs */
#blogs-wrapper .posts.grid {display:flex; gap:32px; flex-wrap:wrap;}
#blogs-wrapper .posts.grid .single-post {min-height:400px; width:calc(33.333% - 16px);}
#blogs-wrapper .posts.grid .single-post:nth-child(1) {width:100%;}
#blogs-wrapper .posts.grid .single-post:nth-child(4n+2),
#blogs-wrapper .posts.grid .single-post:nth-child(4n+5){width:calc(66.666% - 16px)}
#blogs-wrapper .posts.grid .single-post a {display:inline-flex; align-items:flex-end; justify-content:space-between; width:100%; height:100%; background-size:cover!important; position:relative; overflow:hidden;}
#blogs-wrapper .posts.grid .single-post a:before {content:''; position:absolute; bottom:-3px; left:0; width:100%; height:100%; background:url(img/lucassen-fade-effect.png) left bottom repeat-x; z-index:2;}
#blogs-wrapper .posts.grid .single-post a img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1; transition:.3s;}
#blogs-wrapper .posts.grid .single-post a:hover img {transform:scale(1.1);}
#blogs-wrapper .posts.grid .single-post a .content {display:inline-flex; align-items:flex-end; justify-content:space-between; width:100%; position:relative; z-index:3;}
#blogs-wrapper .posts.grid .single-post a .content .title {color:#fff; font-size:16px; padding:16px; max-width:720px; margin-top:0!important; margin-bottom:0!important; line-height:1.2; font-weight:bold; text-transform:uppercase; text-align:left;}
#blogs-wrapper .posts.grid .single-post a .content .button {width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; background:var(--primary); flex-shrink:0;}
#blogs-wrapper .posts.grid .single-post a .content .button:after {content:'\f054'; font-family:'Font Awesome 6 Pro'; font-weight:600; color:var(--secondary);}
#blogs-wrapper .posts.grid .single-post a .content .title {font-size:32px; padding:32px;}

/* Single - Blogs */
.single-blogs #main {padding-left:32px!important; padding-right:32px!important;}
.single-blogs #main .fusion-title {margin-bottom:0!important;}

/* Single - Werken bij */

/* Shortcode - Projecten */
.posts-wrapper.projecten {display:grid; grid-gap:32px; grid-template-columns:repeat(3, 1fr); margin:32px 0;}
.posts-wrapper.projecten .single {min-height:400px;}
.posts-wrapper.projecten .single a {display:inline-flex; align-items:flex-end; justify-content:space-between; width:100%; height:100%; background-size:cover!important; position:relative; overflow:hidden;}
.posts-wrapper.projecten .single a:before {content:''; position:absolute; bottom:-3px; left:0; width:100%; height:100%; background:url(img/lucassen-fade-effect.png) left bottom repeat-x; z-index:2;}
.posts-wrapper.projecten .single a img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1; transition:.3s;}
.posts-wrapper.projecten .single a:hover img {transform:scale(1.1);}
.posts-wrapper.projecten .single a .content {display:inline-flex; align-items:flex-end; justify-content:space-between; width:100%; position:relative; z-index:3;}
.posts-wrapper.projecten .single a .content .title {color:#fff; font-size:16px; padding:16px; max-width:720px; margin-top:0!important; margin-bottom:0!important; line-height:1.2; font-weight:bold; text-transform:uppercase; text-align:left;}
.posts-wrapper.projecten .single a .content .button {width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; background:var(--primary); flex-shrink:0;}
.posts-wrapper.projecten .single a .content .button:after {content:'\f054'; font-family:'Font Awesome 6 Pro'; font-weight:600; color:var(--secondary);}
.posts-wrapper.projecten.white .single a .content .button {background:#fff;}

/* Shortcode - Blogs */
.posts-wrapper.blogs {display:grid; grid-gap:32px; grid-template-columns:repeat(3, 1fr); margin:32px 0;}
.posts-wrapper.blogs .single {min-height:400px;}
.posts-wrapper.blogs .single a {display:inline-flex; align-items:flex-end; justify-content:space-between; width:100%; height:100%; background-size:cover!important; position:relative; overflow:hidden;}
.posts-wrapper.blogs .single a:before {content:''; position:absolute; bottom:-3px; left:0; width:100%; height:100%; background:url(img/lucassen-fade-effect.png) left bottom repeat-x; z-index:2;}
.posts-wrapper.blogs .single a img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1; transition:.3s;}
.posts-wrapper.blogs .single a:hover img {transform:scale(1.1);}
.posts-wrapper.blogs .single a .content {display:inline-flex; align-items:flex-end; justify-content:space-between; width:100%; position:relative; z-index:3;}
.posts-wrapper.blogs .single a .content .title {color:#fff; font-size:16px; padding:16px; max-width:720px; margin-top:0!important; margin-bottom:0!important; line-height:1.2; font-weight:bold; text-transform:uppercase; text-align:left;}
.posts-wrapper.blogs .single a .content .button {width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; background:#fff; flex-shrink:0;}
.posts-wrapper.blogs .single a .content .button:after {content:'\f054'; font-family:'Font Awesome 6 Pro'; font-weight:600; color:var(--secondary);}

/* Shortcode - Team */
.posts-wrapper.member {display:grid; grid-gap:32px; grid-template-columns:repeat(3, 1fr); margin:32px 0;}
.posts-wrapper.member .single .image {min-height:360px; background-size:cover; -webkit-filter:grayscale(100%); filter:grayscale(100%); transition:.3s; overflow:hidden; position:relative;}
.posts-wrapper.member .single .image:hover { -webkit-filter:grayscale(0); filter:grayscale(0);}
.posts-wrapper.member .single .image .title {font-weight:bold; color:#fff; background:var(--secondary); height:40px; line-height:40px; padding:0 16px; position:absolute; left:-100%; bottom:56px; transition:.3s;}
.posts-wrapper.member .single .image:hover .title {left:0;}
.posts-wrapper.member .single .image .function {font-weight:bold; font-size:15px; color:#fff; background:var(--primary); height:30px; line-height:30px; padding:0 16px; position:absolute; left:-100%; bottom:20px; transition:.3s;}
.posts-wrapper.member .single .image:hover .function {left:0;}
.posts-wrapper.member .single .social-wrapper {display:flex; flex-wrap:wrap; gap:8px; padding-top:8px;}
.posts-wrapper.member .single .social-wrapper .social {border:2px solid var(--secondary); color:var(--secondary); font-size:18px; padding:0; width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; transition:.3s;}
.posts-wrapper.member .single .social-wrapper .social:hover {border-color:var(--primary); color:var(--primary);}

/* Shortcode - Werken bij */
.posts-wrapper.werken-bij {display:grid; grid-gap:32px; grid-template-columns:repeat(2, 1fr); margin:32px 0; width:100%;}
.posts-wrapper.werken-bij .single a {position:relative; border:2px solid #f2f2f2; padding:24px 48px 24px 24px; display:inline-flex; flex-wrap:wrap; transition:.3s;}
.posts-wrapper.werken-bij .single a:hover {background:#f2f2f2;}
.posts-wrapper.werken-bij .single a:after {content:'\f054'; font-family:'Font Awesome 6 Pro'; font-weight:600; position:absolute; top:0; right:0; width:48px; height:100%; font-size:24px; color:var(--secondary); display:flex; align-items:center; justify-content:center;}
.posts-wrapper.werken-bij .single .title {margin-top:0!important; margin-bottom:0!important; font-size:16px; text-transform:uppercase;}
.posts-wrapper.werken-bij .single .meta-wrapper {display:flex; gap:12px; margin-left:auto; font-family:"Roboto Condensed";}
.posts-wrapper.werken-bij .single .meta-wrapper .meta {color:var(--primary)!important; font-weight:bold; margin:0; font-size:16px;}
.posts-wrapper.werken-bij .single .excerpt {margin-top:16px; width:100%; color:var(--secondary);}

/* Shortcode - Speaking */
.posts-wrapper.speaking {display:grid; grid-gap:32px; grid-template-columns:repeat(2, 1fr); margin:32px 0; width:100%;}
.posts-wrapper.speaking .single a {position:relative; border:2px solid #f2f2f2; padding:24px 48px 24px 24px; display:inline-flex; flex-wrap:wrap; width:100%; transition:.3s;}
.posts-wrapper.speaking .single a:hover {background:#f2f2f2;}
.posts-wrapper.speaking .single a:after {content:'\f054'; font-family:'Font Awesome 6 Pro'; font-weight:600; position:absolute; top:0; right:0; width:48px; height:100%; font-size:24px; color:var(--secondary); display:flex; align-items:center; justify-content:center;}
.posts-wrapper.speaking .single .title {margin-top:0!important; margin-bottom:0!important; font-size:16px; text-transform:uppercase;}
.posts-wrapper.speaking .single .meta-wrapper {display:flex; gap:12px; margin-left:auto; font-family:"Roboto Condensed";}
.posts-wrapper.speaking .single .meta-wrapper .meta {color:var(--primary)!important; font-weight:bold; margin:0; font-size:16px;}
.posts-wrapper.speaking .single .excerpt {margin-top:16px; width:100%; color:var(--secondary);}

/* Shortcode - Typewriter */
.typewriter-wrapper .typewriter-cursor {opacity:1; -webkit-animation:blink 0.7s infinite; -moz-animation:blink 0.7s infinite; animation:blink 0.7s infinite;}

/* Footer */
.fusion-footer {width:100%; display:inline-block;}
.fusion-footer a {text-transform:uppercase; font-weight:bold; font-family:"Roboto Condensed";}
.fusion-footer .fusion-footer-widget-area .widget_nav_menu li {padding:0;}
.fusion-footer .fusion-footer-widget-area .widget_nav_menu li a:before {display:none;}

/* Animations */
@keyframes scrollTrigger {
    0% {line-height: 35px; color:#f08a00;}
    75% {line-height: 115px;}
    100% {color:transparent;}
}

@-moz-keyframes blink {
  0% {opacity:1;}
  50% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes blink {
  0% {opacity:1;}
  50% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink {
  0% {opacity:1;}
  50% {opacity:0;}
  100% {opacity:1;}
}