/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

:root {
	--primary_color:#0384c4;
	--secondary_color:#011a27;
}

/* General */
body {overflow:hidden;}

.margin-top {margin-top:30px;}
.margin-bottom {margin-bottom:30px;}

.custom-vacature-counter {display:none!important;}

h1,h2,h3,h4,h5,h6 {text-transform:uppercase !important}

.flex .fusion-row {display:-webkit-flex; display:-ms-flexbox; display:-moz-box; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
.flex .fusion-row:before,
.flex .fusion-row:after {display:none!important;}
.flex.no-center .fusion-row {align-items:normal;}
.flex.no-center .fusion-row .fusion-column-wrapper {height:100%!important;}
.flex.no-center .fusion-row .bottom .fusion-column-wrapper {display:-webkit-flex; display:-ms-flexbox; display:-moz-box; display:flex; align-items:flex-end; flex-wrap:wrap;}

.display-inline {display:inline-block; margin-right:20px;}

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p,
.white-text a,
.white-text span,
.white-text li,
.white-text ul,
.white-text ol {color:#fff!important;}

/* Buttons */
.fusion-button {padding:15px 75px 15px 25px !important; position:relative; transition:.3s; background:#fff;}
.fusion-button:hover {padding-right:85px!important;}
.fusion-button:before {content:"\f054" !important; font-family:"Font Awesome 5 Free"; width:50px; font-weight: 900;  position:absolute; right:0; top:0; bottom:0; color:#fff; line-height:47px; border-left: solid #70707066 2px;}
.white-text .fusion-button:hover {background:var(--primary_color);}

.fusion-header .fusion-main-menu > ul > li {text-transform:uppercase!important}
.fusion-header .fusion-main-menu > ul > li.menu-button span {border-radius:0; background-color:var(--primary_color); color:#fff; padding:15px 75px 15px 25px; position:relative; transition:.3s; text-transform:uppercase; font-size:14px;}
.fusion-header .fusion-main-menu > ul > li.menu-button span:hover {background-color:var(--secondary_color);}
.fusion-header .fusion-main-menu > ul > li.menu-button span:after {content:"\f054"!important; font-family:"Font Awesome 5 Free"; width:50px; font-weight:900; position:absolute; right:0; top:0; bottom:0; line-height:46px; text-align:center; color:#fff; border-left: solid #70707066 2px;}
.fusion-header .fusion-main-menu > ul > li.menu-button span:hover:after {}

.fusion-header .fusion-main-menu > ul > li.werken-bij:before {content:attr(data-vacature); line-height:20px; color:#fff; text-align:center; background-color:var(--primary_color); height:20px; width:20px; position:absolute; top:35px; right:15px; border-radius:50%; font-family:Oswald; font-weight:500; 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 .fusion-dropdown-menu .sub-menu li a {font-family:Oswald;}

/* ---------- Contact wrapper ---------- */
.sticky-contact-wrapper {position:fixed; right:-300px; width:300px; background:#fff; transition:.3s; top:30vh; z-index:999;}
.sticky-contact-wrapper.active {right:0; transition:.3s; box-shadow:rgba(0, 0, 0, 0.2) -3px 3px 5px;}
.sticky-contact-wrapper .contact-toggle {position:absolute; left:-75px; width:75px; height:75px; background:var(--primary_color); color:#fff; text-align:center; box-shadow:rgba(0, 0, 0, 0.2) -3px 3px 5px; transition:.3s;}
.sticky-contact-wrapper .contact-toggle:hover {cursor:pointer; background:var(--secondary_color);}
.sticky-contact-wrapper .contact-toggle i {line-height:75px; font-size:30px; font-style:normal;}
.sticky-contact-wrapper .contact-toggle i.fa-times {display:none;}
.sticky-contact-wrapper.active .contact-toggle i.fa-times {display:block;}
.sticky-contact-wrapper.active .contact-toggle i.fa-info {display:none;}
.sticky-contact-wrapper .contact-content {display:flex; flex-wrap:wrap; width:300px; padding:32px;}
.sticky-contact-wrapper .contact-content .title {font-family:Oswald; font-weight:bold; font-size:24px; margin-bottom:16px;}
.sticky-contact-wrapper .contact-content .text {font-size:16px; line-height:30px;}
.sticky-contact-wrapper .contact-content .text a {font-weight:bold; color:var(--secondary_color); font-family:Oswald;}
.sticky-contact-wrapper .contact-content .text a:hover {color:var(--primary_color); margin-left:0;}

/* Titlebar */
.fusion-page-title-bar {display:block; margin-bottom:0; position:relative;}
.fusion-page-title-bar:before {content:""; background-color:#000; opacity:0.3; top:0; left:0; position:absolute; height:100%; width:100%; z-index:1;}
.fusion-page-title-bar {background-size:cover; background-position:center center; position:relative; display:flex; align-items:center; justify-content:center;}
.fusion-page-title-bar .fusion-page-title-row {height:auto; width:100%;}
.fusion-page-title-bar .fusion-page-title-row h1 {font-size:60px; color:#fff; z-index:2; position:relative;}
.fusion-page-title-bar .fusion-page-title-row .fusion-breadcrumbs {z-index:2; position:relative;  margin-top:25px; color:#fff; font-size:16px;}
.fusion-page-title-bar .fusion-page-title-row .fusion-breadcrumbs .fusion-breadcrumb-sep {margin:0 10px;}
.fusion-page-title-bar .fusion-page-title-row .fusion-breadcrumbs span {color:#fff; font-weight:600; transition:.3s;}
.fusion-page-title-bar .fusion-page-title-row .fusion-breadcrumbs a span:hover {color:#0784c4;}

/* Footer */
.fusion-footer-widget-area .widget-title {margin-bottom:20px!important;}
.fusion-footer #text-2 a,
.fusion-footer #text-3 a {font-family: Oswald; font-weight:bold;}
.fusion-footer-widget-area .footer-quality-mark {max-width:240px!important; width:100%;}

.widget .menu {padding-right:30px !important}
.widget .menu li {border-bottom:none!important; padding-left:0; padding-right:0;}
.widget .menu li a{border-right:none !important; padding:10px 0 !important; text-transform:uppercase; transition:.3s; font-family:Oswald; font-weight:500; font-size:16px; letter-spacing:0px;  font-style:normal; color:var(--secondary_color)!important;}
.widget .menu li a:hover{padding-left:15px !important;}
.widget .menu li.current-menu-item a{padding-left:10px !important;}
.widget .menu li a .arrow {display:block !important; float:right !important; font-weight:bold; padding-right:15px !important; transition:.3s;}
.widget .menu li a:before {display:block !important; float:right !important; font-weight:bold; padding-right:15px !important; transition:.3s; position:relative; color:var(--secondary_color)!important;}
.widget .menu li a:hover .arrow {padding-right:0px !important;}
.widget .menu li a:hover:before {padding-right:0px !important;}
.widget .menu li.current-menu-item a .arrow {padding-right:0px !important;}

.footer-projects-shortcode-container {width:100%; float:left; padding-right:30px;}
.footer-projects-shortcode-container li a {border-right: none !important;padding: 10px 0 !important;text-transform: uppercase;transition: .3s; font-family: 'Oswald';}
.footer-projects-shortcode-container li a:hover {padding-left:15px !important;}
.footer-projects-shortcode-container li a .arrow{display: block !important; float: right !important;font-weight: bold;padding-right: 15px !important;transition: .3s;}
.footer-projects-shortcode-container li a:hover .arrow{padding-right:0 !important;}
.footer-projects-shortcode-container li a .arrow:before {font-family: awb-icons; content: "\f105"}

/* Home */
.home .fusion-page-title-bar{display:none!important}
.diensten-image-wrapper {position:relative;}
.diensten-image-wrapper:hover .fusion-button {padding-right:85px!important;}
.diensten-image-wrapper .diensten-button {position:absolute; bottom:50px; left:-20px; z-index:1}
.diensten-image-wrapper:hover .diensten-button {background:var(--secondary_color);}

.posts-shortcode-wrapper {width:100%; float:left;}
.posts-shortcode-wrapper .posts-shortcode-container {display:flex; flex-wrap: wrap; margin:0 -15px;}
.posts-shortcode-wrapper .posts-shortcode-container .single-post-container {flex:0 0 33.333%; margin-bottom:30px; padding:0 15px; position:relative; overflow:hidden;}
.posts-shortcode-wrapper .posts-shortcode-container .single-post-container .single-post-image {width:100%; position:relative; min-height:350px; float:left; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.posts-shortcode-wrapper .posts-shortcode-container .single-post-container .single-post-image:before {content:""; padding-top:100%; display:block;}
.posts-shortcode-wrapper .posts-shortcode-container .single-post-container .single-post-label {font-size:14px; line-height:17px; text-transform:uppercase; position:absolute; background:var(--primary_color); bottom:50px; left:0; z-index:1; padding:15px 75px 15px 25px !important; transition:.3s; font-family:"Oswald"; color:#fff}
.posts-shortcode-wrapper .posts-shortcode-container .single-post-container .single-post-label:before {content:"\f054" !important; text-align:center; font-family:"Font Awesome 5 Free"; width:50px; font-weight: 900;  position:absolute; right:0; top:0; bottom:0; color:#fff; line-height:47px; border-left: solid #70707066 2px;}
.posts-shortcode-wrapper .posts-shortcode-container .single-post-container:hover .single-post-label {padding-right:85px!important; background:var(--secondary_color)!important;}

.service-wrapper {border:2px solid #f2f3f4!important; padding:25px; margin-bottom:25px;}
.service-wrapper #menu-diensten a {transition:.3s;}
.service-wrapper #menu-diensten a:hover {padding-left:5px;}
.contact-wrapper {background:var(--primary_color); padding:25px;}
.contact-wrapper a {text-transform:uppercase; font-family:Oswald; font-weight:500; font-size:16px; letter-spacing:0px;  font-style:normal; color:var(--secondary_color)!important; transition:.3s;}
.contact-wrapper a:hover {padding-left:15px !important;}

.review-archive-container {width:100%; float:left;}

/* Review slider shortcode */
.review-slider-wrapper {position:initial; padding:0;}
.owl-carousel .owl-stage-outer{position:inherit !important; overflow:visible;}

.review-slider-wrapper .owl-nav .owl-prev:before,
.review-slider-wrapper .owl-nav .owl-prev:after,
.review-slider-wrapper .owl-nav .owl-next:before,
.review-slider-wrapper .owl-nav .owl-next:after {height:25px; width:25px; background:#fff; position:absolute; content:''; z-index:2;}
.review-slider-wrapper .owl-nav .owl-prev:before,
.review-slider-wrapper .owl-nav .owl-next:before {top:0; left:0; transform: rotate(49deg) translate(-71%);}
.review-slider-wrapper .owl-nav .owl-prev:after,
.review-slider-wrapper .owl-nav .owl-next:after {bottom:0; right:0; transform:rotate(49deg) translate(71%);}

.review-slider-wrapper .owl-nav.disabled {display:none!important;}
.review-slider-wrapper .owl-nav:not(.disabled) .owl-prev,
.review-slider-wrapper .owl-nav:not(.disabled) .owl-next {position:absolute; right:0; height:50px; width:50px; background:#b00015!important; transition:.3s; z-index:999; outline:none!important; border:none;}
.review-slider-wrapper .owl-nav .owl-prev i,
.review-slider-wrapper .owl-nav .owl-next i {font-size: 25px; line-height: 50px; color:#fff;}

.review-slider-wrapper .owl-item {float:left!important;}

.review-slider-wrapper {width:1200px; float:none; margin:0 auto!important; position:initial; z-index:2;}
.review-slider-wrapper .owl-stage {display:flex;}
.review-slider-wrapper .review-slider-container {float:left; width:100%; height:100%; background-color:#f2f3f4; padding:25px;}
.review-slider-wrapper .review-slider-container .review-name {font-weight:bold; font-family:Oswald; text-transform:uppercase;}
.review-slider-wrapper .review-slider-container .review-stars {margin-bottom:20px;}
.review-slider-wrapper .review-slider-container .review-stars i {color:#ffc107;}

/* Archief */
.archive-wrapper {display:flex; width:calc(100% + 30px); flex-wrap:wrap;}
.archive-wrapper .single-post-wrapper {flex:0 0 33.333%; margin-bottom:30px; padding:0 15px; position:relative; overflow:hidden;}
.archive-wrapper .single-post-wrapper .single-post-image {width:100%; position:relative; min-height:350px; float:left; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.archive-wrapper .single-post-wrapper .single-post-image a {width:100%; height:100%; left:0; top:0; position:absolute;}
.archive-wrapper .single-post-wrapper .single-post-image:before {content:""; padding-top:100%; display:block;}
.archive-wrapper .single-post-wrapper .single-post-content {font-size:14px; line-height:17px; text-transform:uppercase; position:absolute; background:var(--primary_color); bottom:50px; left:0; z-index:1; padding:15px 75px 15px 25px !important; transition:.3s; font-family:"Oswald"; color:#fff}
.archive-wrapper .single-post-wrapper .single-post-content:before {content:"\f054"!important; text-align:center; font-family:"Font Awesome 5 Free"; width:50px; font-weight: 900;  position:absolute; right:0; top:0; bottom:0; color:#fff; line-height:47px; border-left: solid #70707066 2px;}
.archive-wrapper .single-post-wrapper:hover .single-post-content {padding-right:85px!important; background:var(--secondary_color)!important;}

.load-more-wrapper {float:left; width:100%; text-align:center;}
.load-more-wrapper .fusion-button-wrapper {width:auto; display:inline-block;}
.load-more-wrapper .fusion-button-wrapper .load-more-button {line-height:17px; display:none;}

/* Formulieren */
div.wpforms-container-full .wpforms-form .wpforms-field-label {text-transform:uppercase; font-family:Oswald;}
div.wpforms-container-full .wpforms-form input,
div.wpforms-container-full .wpforms-form select, 
div.wpforms-container-full .wpforms-form textarea {background:#f2f3f4!important; border-radius:0; border:none!important;}
div.wpforms-container-full .wpforms-form .wpforms-submit {background:var(--primary_color)!important; position:relative!important; border:none!important; color:#fff!important; text-transform:uppercase!important; line-height:17px; font-size:14px!important;}

/* Referenties */
.archive .add-review-wrapper {display:inline-block; padding:60px 0 0 0; width:100%;}
.archive .add-review-wrapper .form-row {display:inline-block; width:100%; margin-bottom:25px;}
.archive .add-review-wrapper .form-row input,
.archive .add-review-wrapper .form-row select, 
.archive .add-review-wrapper .form-row textarea {background:#f2f3f4!important; border-radius:0; border:none!important; width:100%!important; padding:8px 15px;}
.archive .add-review-wrapper .form-row textarea {height:150px;}
.archive .add-review-wrapper .form-row .input-title {text-transform:uppercase; font-family:Oswald; margin-bottom:10px; display:inline-block; width:100%;}
.archive .add-review-wrapper .form-row .rating {display:inline-block; position:relative; height:30px; line-height:30px; font-size:30px;}
.archive .add-review-wrapper .form-row .rating label {position:absolute; top:0; left:0; height:100%; cursor:pointer;}
.archive .add-review-wrapper .form-row .rating label:last-child {position:static;}
.archive .add-review-wrapper .form-row .rating label:nth-child(1) {z-index:5;}
.archive .add-review-wrapper .form-row .rating label:nth-child(2) {z-index:4;}
.archive .add-review-wrapper .form-row .rating label:nth-child(3) {z-index:3;}
.archive .add-review-wrapper .form-row .rating label:nth-child(4) {z-index:2;}
.archive .add-review-wrapper .form-row .rating label:nth-child(5) {z-index:1;}
.archive .add-review-wrapper .form-row .rating label input {position:absolute; top:0; left:0; opacity:0;}
.archive .add-review-wrapper .form-row .rating label .icon {float:left; color:transparent;}
.archive .add-review-wrapper .form-row .rating label:last-child .icon {color:#f2f3f4;}
.archive .add-review-wrapper .form-row:not(:hover) label input:checked ~ .icon,
.archive .add-review-wrapper .form-row:hover label:hover input ~ .icon {color:#ffc107;}
.archive .add-review-wrapper .form-row label input:focus:not(:checked) ~ .icon:last-child {color:#000; text-shadow:0 0 5px #09f;}
.archive .add-review-wrapper .form-row label input:focus:not(:checked) ~ .icon:last-child {color:#000; text-shadow:0 0 5px #09f;}
.archive .add-review-wrapper .form-row .review-description-count {font-size:12px;}
.archive .add-review-wrapper .form-row.hidden {display:none; opacity:0; height:0; width:0; overflow:hidden;}
.archive .add-review-wrapper .form-row .submit-button {position:relative; display:inline-block;}
.archive .add-review-wrapper .form-row .submit-button:before {content:"\f054" !important; font-family:"Font Awesome 5 Free"; width:50px; font-weight: 900;  position:absolute; right:0; top:0; bottom:0; color:#fff; line-height:47px; border-left: solid #70707066 2px; z-index:1; text-align:center; pointer-events:none;}
.archive .add-review-wrapper .form-row .submit-button input {padding:15px 75px 15px 25px !important; position:relative; font-family:Oswald; text-transform:uppercase; transition:.3s; background:var(--primary_color)!important; width:auto!important; color:#fff!important;}
.archive .add-review-wrapper .form-row .submit-button input:hover {cursor:pointer; background:var(--secondary_color)!important;}
.archive .add-review-wrapper .form-row .submit-button:hover input {padding-right:85px!important;}

.google-maps iframe {width:100%!important;}

@media only screen and (max-width: 800px) {
	.archive-wrapper .single-post-wrapper,
	.posts-shortcode-wrapper .posts-shortcode-container .single-post-container	{flex-basis:100%; max-height:75vh;}
	div.wpforms-container-full .wpforms-form .wpforms-one-half {width:100%!important; margin-left:0!important;}
	.review-slider-wrapper {max-width:100%}
}