/*
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{
	  --black:#001930;
    --dark_blue: #003D6A;
    --light_blue: #0069B4;
    --yellow: #FFD500;
    --grey: #CACACC;
    --white: #fff;
    --light_light_blue: #E5EBF0;
}

#wrapper .hide {display:none !important;}

/* General */
.white-color,
.white-color p,
.white-color li,
.white-color h1,
.white-color h2,
.white-color h3,
.white-color h4 {color:#fff !important;}

.quote-icon {position:absolute; transform:rotate(180deg); top:-150px; left: 0;right: 0;font-size: 500px;line-height:1; height:164px;}
.quote-icon p {margin-bottom:0;}

.overflow-hidden {overflow:hidden !important}

/* Dividers */
.divider-top.right:before {content:""; position:absolute; width:50%; right:0; top:-1px; height:60px; background:var(--black); clip-path: polygon(21px 0, 100% 0, 100% 100%, 0% 100%);}

.divider-top.white:before {background:#fff}
.divider-top.light-light-blue:before {background:var(--light_light_blue)}

/* Header */
.fusion-header {padding-right:80px !important;}
.fusion-header:after {content:""; position:absolute; left:0; top:0; right:0; height:70px; background:#fff; clip-path:polygon(0 0, calc(100% - 30px) 0, calc(100% - 56px) 100%, 0% 100%)}
.fusion-header-sticky-height {height:auto !important}

.fusion-logo {position:relative; z-index: 1;}
.fusion-logo:after {content:""; position:absolute; left:-100vh; right:-120px; top:0; bottom:-20px; display:block !important; background:#fff; clip-path: polygon(0 0, 100% 0, calc(100% - 37px) 100%, 0% 100%);}
.fusion-logo a {position:relative; z-index: 2;}

/* Button */
.fusion-button {padding:16px 32px!important; clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0% 100%);}

.button {clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0% 100%); display:flex; flex-direction:row; align-items: center; padding:16px 32px; background:var(--yellow); color:var(--black); font-size:16px; font-weight:bold;}
.button .button-text {display:flex; align-items: center;}

.button:hover {background:var(--dark_blue); color:#fff}

/*-----------------------------------------------*/
/*----------------New Style ---------------------*/
/*-----------------------------------------------*/


.quote > .fusion-column-wrapper {position:relative;}
.quote > .fusion-column-wrapper:after {content:""; position:absolute; left:-50px; bottom:-32px; background:url('img/quote.svg'); background-size:contain; background-repeat: no-repeat; width:250px; height:200px; z-index:20; pointer-events:none;}

/* Clip paths */
.column-clip-path {position:relative;}
.column-clip-path:after {content:"";  position:absolute; left:calc(100% - 1px); top:0; bottom:0; /*width:193px;*/ aspect-ratio:1/2.75; background:#fff; z-index: 2; clip-path: polygon(0 0, 0% 100%, 100% 0);}

.column-clip-path.reverse:after {right:calc(100% - 1px); left:auto; clip-path: polygon(0 100%, 100% 100%, 100% 0);}

.column-clip-path.dark:after {background:var(--black)}
.column-clip-path.blue:after {background:var(--blue)}

/* Image gradients */
.gradient-ltr:after {content:""; position:absolute; left:0; top:32px; bottom:32px; width:50%; background: linear-gradient(90deg, rgba(0,24,38,0.6) 0%, rgba(0,24,38,0) 100%);}
.gradient-rtl:after {content:""; position:absolute; right:0; top:32px; bottom:32px; width:50%; background: linear-gradient(270deg, rgba(0,24,38,0.6) 0%, rgba(0,24,38,0) 100%);}

/* Image cover */
.image-cover-column .fusion-image-element {height:100%;}
.image-cover-column .fusion-image-element .image-cover {height:100%; padding:32px 0;}
.image-cover-column .fusion-image-element .image-cover img {height:100%; object-fit: cover; width:100%}

/* verhalen */
.single.single-verhalen .single-intro-container {padding-bottom:80px;}
.single.single-verhalen .single-intro-container .content-wrapper {max-width:1000px; margin:0 auto;}
.single.single-verhalen .single-intro-container h2 {margin-top:64px;}
.single.single-verhalen .button.default {padding:16px 32px; background:var(--dark_blue); color:#fff; text-align:center; margin-top:auto; line-height:1; transition:.3s;}
.single.single-verhalen .button.default:hover {background:var(--light_blue); color:#fff;}

.posts-wrapper {--spacing:24px; width:100%; display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:var(--spacing);}
.posts-wrapper .single {background:#fff; height:auto; position:relative; display:flex; flex-direction:column; -webkit-box-shadow:0px 0px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 16px 0px rgba(0,0,0,0.1); box-shadow:0px 0px 16px 0px rgba(0,0,0,0.1);}
.posts-wrapper .single .image-wrapper {overflow:hidden; width:100%; height:320px; display:flex; align-items:center; justify-content:center; position:relative}
.posts-wrapper .single .image-wrapper img {transition:.3s; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.posts-wrapper .single:hover .image-wrapper img {transform:scale(1.1);}
.posts-wrapper .single .content-wrapper {padding:var(--spacing); display:inline-flex; gap:var(--spacing); flex-direction:column; align-items: flex-start; flex:1;}
.posts-wrapper .single .content-wrapper .title {font-size:28px; color:var(--dark_blue)!important; margin-top:0; margin-bottom:0;}
.posts-wrapper .single .content-wrapper .text {font-size:16px; color:#000;}
.posts-wrapper .single .content-wrapper .button {padding:16px 32px; background:var(--black); color:#fff; text-align:center; justify-content: center; display:flex; margin-top:auto; line-height:1; transition:.3s;}
.posts-wrapper .single:hover .content-wrapper .button {background:var(--light_blue); color:#fff;}

.posts-wrapper .single .tags-wrapper {display:flex; gap:8px; position:absolute; left:16px; top:-16px; z-index: 1;}
.posts-wrapper .single .tags-wrapper .tag {background:var(--light_blue); color:#fff; padding:8px 16px; }
.posts-wrapper .single .tags-wrapper .tag.hencon-forestry {background:#62B520}

.posts-wrapper.dark .single .content-wrapper {background:var(--black)}
.posts-wrapper.dark .single .content-wrapper .info,
.posts-wrapper.dark .single .content-wrapper .title,
.posts-wrapper.dark .single .content-wrapper .text {color:#fff !important;}

.posts-wrapper.dark .single .content-wrapper .button {background:var(--yellow); color:var(--black)}
.posts-wrapper.dark .single:hover .content-wrapper .button {background:var(--light_blue); color:#fff}

/* Footer */
.fusion-tb-footer.fusion-footer {position:relative; overflow:hidden;}
.fusion-tb-footer.fusion-footer .dot-wrapper {position:absolute; right:100px; bottom:60px;}
.fusion-tb-footer.fusion-footer .dot-wrapper .dot {position:relative;  width:9px; height:9px; background:#fff; pointer-events: none;}
.fusion-tb-footer.fusion-footer .dot:before {content:""; position:absolute; left:-200vw; right:-100vw; bottom:4px; height:1px; background:#fff; pointer-events: none;}
.fusion-tb-footer.fusion-footer .dot:after {content: "";position: absolute;height: 1px;background: #fff;width: 700px;transform: rotate(-70deg) translateX(500px);transform-origin: right;right: 3px;top: 0;z-index: 1; pointer-events: none;}

.page-id-8 .fusion-footer .divider-top.white:before,
.page-id-892 .fusion-footer .divider-top.white:before,
.page-id-586 .fusion-footer .divider-top.white:before {background-color:var(--light_light_blue);}


.fusion-header .fusion-row li a span {position: relative;}
.fusion-header .fusion-row li a span .counter {width:24px; height:24px; background:var(--yellow); display:flex; align-items:center; justify-content:center; border-radius:50%;; position:absolute; right: 0;top: 0;transform: translate(80%, -60%);} 

/* CTA */
.cta-contact-info {display:inline-flex; gap:8px 24px; flex-wrap:wrap;}
.cta-contact-info a {color:var(--black)}

/* Titlebar */
.titlebar-wrapper .dot-wrapper {position:absolute; right:100px; bottom:66px; pointer-events: none; z-index: 3;}
.titlebar-wrapper .dot-wrapper .dot {position:relative;  width:9px; height:9px; background:#fff;}
.titlebar-wrapper .dot-wrapper .dot:before {content:""; position:absolute; left:-200vw; right:-100vw; bottom:4px; height:1px; background:#fff; pointer-events: none;}
.titlebar-wrapper .dot-wrapper .dot:after {content: "";position: absolute;height: 700px;background: #fff;width: 1px;transform: rotate(20deg) translateY(-400px);transform-origin: top;right: 3px;top: 0;z-index: 1; pointer-events: none;}

.titlebar-wrapper:after {content:""; z-index: 2; position:absolute; width:50%; right:0; top:calc(100% - 1px); height:60px; background:var(--black); clip-path: polygon(21px 0, 100% 0, 100% 100%, 0% 100%);}
.titlebar-wrapper:before {content: "";z-index: 2;left: 0;top: 0;right: 0;bottom: 0;position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--black) 100%);}

/* Single vacature */
.info {display:flex; flex-direction: row; flex-wrap:wrap; gap:32px; color:#fff; margin:0 auto; font-size:20px;}
.info span {display:flex; align-items: center; gap:6px;}

/* Person CTA */
.person-cta .button-wrapper {display:flex; gap:4px; }
.person-cta .button-wrapper a:hover {background:var(--light_blue)}

.person-cta .fusion-checklist.horizontal {display:flex; flex-wrap:wrap; gap:12px 12px; margin:40px 0 0 0; max-width:400px}
.person-cta .fusion-checklist.horizontal.center {justify-content:center;}
.person-cta .fusion-checklist.horizontal li {padding:0; gap:8px; color:#fff}
.person-cta .fusion-checklist.horizontal li .icon-wrapper {margin:0 4px 0 0;}
.person-cta .fusion-checklist.horizontal li .fusion-li-item-content {display:inline-flex; flex-shrink:0; margin:0; color:#fff}

/* Checklist vacatures  */
.fusion-checklist.featured-checklist {display:flex; flex-wrap:wrap; gap:24px; flex-direction:row; justify-content:center;}
.fusion-checklist.featured-checklist li {padding:0 !important; gap:12px !important; display:flex;}
.fusion-checklist.featured-checklist li .icon-wrapper {background:var(--yellow); color:var(--black) !important; border-radius:0px; margin:0px; clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0% 100%);text-align: center;width: 40px;height: 25px;}
.fusion-checklist.featured-checklist li .icon-wrapper i {color:var(--black)}
.fusion-checklist.featured-checklist li .fusion-li-item-content {display:inline-flex; flex-shrink:0; margin:0; font-weight:bold; font-size:24px; color:var(--light_blue)}

/* History */
.posts-wrapper.historie {overflow:visible; user-select:none;}
.posts-wrapper.historie .posts-header {display:flex; align-items: center; justify-content: center; text-align: center; position:relative;}
.posts-wrapper.historie .posts-header .navigation {position:absolute; right:0; display:flex; gap:8px;}
.posts-wrapper.historie .posts-header .navigation > div {cursor:pointer; background: var(--yellow); transition:.3s; color: var(--black);clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0% 100%); height: 35px;width: 50px;display: flex;align-items: center;justify-content: center;}
.posts-wrapper.historie .posts-header .navigation > div:hover {background:var(--light_blue); color:#fff;}
.posts-wrapper.historie .single .content-wrapper {background:var(--dark_blue)}

.linkedin-trigger {cursor:pointer}

/* Wpforms LinkedIn */
#linkedin-wrapper .wpforms-container {width:100%; margin:0px}
#linkedin-wrapper .wpforms-container button[type="submit"] { height:auto; clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0% 100%);display: flex;flex-direction: row;align-items: center;padding: 16px 32px;background: var(--yellow);color: var(--black);font-size: 16px;font-weight: bold;}
#linkedin-wrapper .wpforms-container button:hover {background:var(--light_blue); color:#fff;}