/*
Theme Name: Lindearboretum
Description: Thema voor Lindearboretum
Author: Simplix
Author URI: https://simplix.nl
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

:root {
    --blue_green:#4D7E23;
    --dark_tangerine:#F3A712;
    --dark_spring_green:#96B956;
    --bright_gray:#F4F0E8;
}

*:focus{
    outline:none !important;
    border:none !important;
    box-shadow:none !important;
}

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

#main .iframe-wrapper iframe {width:100%; aspect-ratio:4/3; height:auto; max-height:720px;}

#wrapper .fusion-footer {position:relative; z-index:10;}

/* .background-mask-1 {-webkit-mask-image:url(img/image-mask-1.svg); mask-image:url(img/image-mask-1.svg); width:100%; height:100%;} */
.background-mask-1:before {content:''; background-image:url(img/image-mask-1.svg); background-repeat:no-repeat; background-size:100% 100%; position:absolute; top:-48px; right:-48px; bottom:-48px; left:-48px; z-index:-1; aspect-ratio:1813 / 1232; max-height:56vh;}
.background-mask-1 * {color:#fff!important;}
/* Dividers */
.divider {z-index:10!important;}
.divider:before {content:''; background:inherit; height:32px; width:100%; position:absolute; bottom:calc(100% - 1px); left:0; -webkit-mask-image:url(img/divider.svg); mask-image:url(img/divider.svg); -webkit-mask-repeat:repeat-x; mask-repeat:repeat-x; transform:scaleY(-1); z-index:9;}
.divider:after {content:''; background:inherit; height:32px; width:100%; position:absolute; top:calc(100% - 1px); left:0; -webkit-mask-image:url(img/divider.svg); mask-image:url(img/divider.svg); -webkit-mask-repeat:repeat-x; mask-repeat:repeat-x; z-index:9;}

#main .stretch-image-wrapper .fusion-imageframe {position:absolute; top:0; right:0; width:50vw; height:100%; overflow:visible;}
#main .stretch-image-wrapper .fusion-imageframe img {position:absolute; top:calc(0px - var(--container_padding_100_top, 0px)); right:0; width:50vw; height:calc(100% + (2 * var(--container_padding_100_top))); max-width:9999px;}

/* Header */
.fusion-header-wrapper .fusion-header:after {content:''; background:inherit; height:32px; width:100%; position:absolute; top:100%; left:0; -webkit-mask-image:url(img/divider.svg); mask-image:url(img/divider.svg); -webkit-mask-repeat:repeat-x; mask-repeat:repeat-x;}
.fusion-header-wrapper .fusion-header .fusion-logo img {width:160px; height:64px;}

/* Titlebar */
.titlebar-wrapper {background:var(--primary); position:relative; display:flex; align-items:center; overflow:hidden; padding:128px 16px; background:var(--dark_spring_green); min-height:56vh;}
.titlebar-wrapper .titlebar-container {width:100%; max-width:var(--site_width); margin:0 auto; display:flex; flex-direction:column; gap:32px; position:relative;}
.titlebar-wrapper .titlebar-container .titlebar-row {display:flex; align-items:center; width:100%;}
.titlebar-wrapper .titlebar-container .titlebar-row .title {margin-top:0; margin-bottom:0; color:#fff; width:100%; text-align:center;}
.titlebar-wrapper .titlebar-container .titlebar-row .subtitle {margin-top:0; margin-bottom:0; color:#fff; width:100%; text-align:center; font-size:48px;}
.titlebar-wrapper .titlebar-container .titlebar-row span {text-align:center; color:#fff;}
.titlebar-wrapper .titlebar-container .titlebar-image-wrapper {width:100%; max-width:50%; display:inline-flex; align-items:flex-end; position:relative; z-index:2;}
.titlebar-wrapper .titlebar-container .titlebar-image-wrapper .titlebar-image {max-height:56vh; width:100%; object-fit:contain; object-position:left;}

.titlebar-wrapper .scroll-down {position:absolute; bottom:48px; left:50%; transform:translateX(-50%); width:32px; height:32px; transition:.3s;}
.titlebar-wrapper .scroll-down:hover {transform:translateX(-50%) scale(1.1);}

.titlebar-wrapper.image {background-repeat:no-repeat; background-position:center center; background-size:cover;}
.titlebar-wrapper.image:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(rgba(84, 84, 84, 0) 0%, #000 100%); opacity:.6;}

/* .titlebar-wrapper.text .titlebar-container .titlebar-row {gap:32px;}
.titlebar-wrapper.text .titlebar-container .titlebar-row .subtitle {text-align:left; width:320px;}
.titlebar-wrapper.text .titlebar-container .titlebar-row span {text-align:left; width:calc(100% - 320px); color:#fff;} */

/* Counters */
#main .fusion-counters-box .fusion-counter-box .counter-box-container {border:none; padding:0; display:flex; align-items:center; gap:16px;}
#main .fusion-counters-box .fusion-counter-box .counter-box-container .content-box-counter {font-weight:bold; letter-spacing:-4px; width:156px;}
#main .fusion-counters-box .fusion-counter-box .counter-box-container .counter-box-content {font-weight:bold; font-size:32px; text-align:left; line-height:1.2;}

/* Trees */
.posts-wrapper.trees .output {display:grid; grid-gap:32px; grid-template-columns:repeat(3,1fr);}
.posts-wrapper.trees .output .single {overflow:hidden; border-radius:8px; display:flex; justify-content:flex-end; position:relative; padding:40px; min-height:560px;}
.posts-wrapper.trees .output .single:after {content:''; background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%); position:absolute; top:0; left:0; width:100%; height:100%; opacity:.4;}
.posts-wrapper.trees .output .single .image-wrapper {position:absolute; top:0; left:0; width:100%; height:100%; display:inline-flex; align-items:center; justify-content:center;}
.posts-wrapper.trees .output .single .image-wrapper img {width:100%; height:100%; object-fit:cover; transition:.3s;}
.posts-wrapper.trees .output .single:hover .image-wrapper img {transform:scale(1.1);}
.posts-wrapper.trees .output .single .content-wrapper {position:relative; z-index:9; display:inline-flex; flex-direction:column; width:100%; margin-top:auto;}
.posts-wrapper.trees .output .single .content-wrapper .title {font-size:32px; color:#fff; margin-bottom:16px;}
.posts-wrapper.trees .output .single .content-wrapper .excerpt {color:#fff; margin-bottom:16px;}
.posts-wrapper.trees .output .single .content-wrapper .arrow {font-size:32px; color:#fff; line-height:1; transition:.3s;}
.posts-wrapper.trees .output .single:hover .content-wrapper .arrow {margin-left:8px;}

/* Timeline */
.posts-wrapper.timeline {display:flex; flex-direction:column; margin-left:-16px; margin-right:-16px;}
.posts-wrapper.timeline .single {display:inline-flex; gap:64px; align-items:center; padding-top:64px; padding-bottom:64px; position:relative; margin:16px 0; width:100%;}
.posts-wrapper.timeline .single:nth-child(even) {flex-direction:row-reverse; background:var(--bright_gray);}
.posts-wrapper.timeline .single:nth-child(even):before {content:''; background:inherit; height:32px; width:100%; position:absolute; bottom:100%; left:0; -webkit-mask-image:url(img/divider.svg); mask-image:url(img/divider.svg); -webkit-mask-repeat:repeat-x; mask-repeat:repeat-x; transform:scaleY(-1);}
.posts-wrapper.timeline .single:nth-child(even):after {content:''; background:inherit; height:32px; width:100%; position:absolute; top:100%; left:0; -webkit-mask-image:url(img/divider.svg); mask-image:url(img/divider.svg); -webkit-mask-repeat:repeat-x; mask-repeat:repeat-x;}
.posts-wrapper.timeline .single .image-wrapper {width:50%; position:relative; display:flex;}
.posts-wrapper.timeline .single .image-wrapper img {-webkit-mask-image:url(img/image-mask-1.svg); mask-image:url(img/image-mask-1.svg); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; width:100%; height:100%; aspect-ratio:1813 / 1232; max-height:56vh; transform:translateX(-8%) scaleX(-1); -webkit-mask-position:right; mask-position:right;}
.posts-wrapper.timeline .single:nth-child(even) .image-wrapper {justify-content:flex-end;}
.posts-wrapper.timeline .single:nth-child(even) .image-wrapper img {transform:translateX(8%);}
.posts-wrapper.timeline .single .content-wrapper {width:50%; display:inline-flex;}
.posts-wrapper.timeline .single:nth-child(even) .content-wrapper {justify-content:flex-end; text-align:right;}
.posts-wrapper.timeline .single .content-wrapper .content-container {max-width:calc(var(--site_width) / 2);}
.posts-wrapper.timeline .single .content-wrapper .content-container .scroll-down {display:flex; margin-top:16px; transition:.3s;}
.posts-wrapper.timeline .single:nth-child(even) .content-wrapper .content-container .scroll-down {margin-left:auto;}
.posts-wrapper.timeline .single:last-child .content-wrapper .content-container .scroll-down {display:none!important;}
.posts-wrapper.timeline .single .content-wrapper .content-container .scroll-down:hover {transform:scale(1.1);}
.posts-wrapper.timeline .single:last-child:after {display:none!important;}

/* Reacties */
.posts-wrapper.reacties {margin-bottom:32px;}
.posts-wrapper.reacties .single {background:var(--blue_green); padding:32px; border-radius:8px;}
.posts-wrapper.reacties .single:nth-child(even) {background:var(--dark_spring_green); transform:translateY(32px);}
.posts-wrapper.reacties .single .content-wrapper {color:#fff; font-weight:bold;}
.posts-wrapper.reacties .single .content-wrapper:before {content:''; background:url(img/quotes.svg) center center no-repeat; height:24px; width:30px; background-size:cover; display:block; margin-bottom:16px;}
.posts-wrapper.reacties .single .content-wrapper h3 {color:#fff; font-size:32px; margin-bottom:16px;}

/* Footer */
.fusion-footer footer.fusion-widget-area:before {content:''; background:inherit; height:32px; width:100%; position:absolute; bottom:100%; left:0; -webkit-mask-image:url(img/divider.svg); mask-image:url(img/divider.svg); -webkit-mask-repeat:repeat-x; mask-repeat:repeat-x; transform:scaleY(-1);}
.fusion-footer footer.fusion-widget-area #menu-footer-menu li {padding-left:0; padding-top:0; padding-right:0; padding-bottom:4px; border:none;}
.fusion-footer footer.fusion-widget-area #menu-footer-menu li a:before {display:none!important;}
.fusion-footer footer.fusion-widget-area #menu-footer-menu li a:hover {color:var(--dark_tangerine);}

/* Single - Trees */
.single-tree {min-height:100vh; background:var(--blue_green)!important; display:inline-flex; align-items:stretch; justify-content:center;}
.single-tree.adminbar {margin-top:-32px!important;}
.single-tree .content-wrapper {width:50%; padding:64px; display:inline-flex; justify-content:center; flex-direction:column; gap:64px; min-height:100%;}
.single-tree .content-wrapper .back-to-archive-wrapper .back-to-archive {color:#fff;}
.single-tree .content-wrapper .back-to-archive-wrapper .back-to-archive i {transition:.3s;}
.single-tree .content-wrapper .back-to-archive-wrapper .back-to-archive:hover i {margin-left:-4px; margin-right:4px;}
.single-tree .content-wrapper .content {width:100%; max-height:calc(80vh - (64px * 3)); overflow-y:scroll; -ms-overflow-style:none; scrollbar-width:none;}
.single-tree .content-wrapper .content::-webkit-scrollbar {display:none;}
.single-tree .content-wrapper .content * {color:#fff!important;}
.single-tree .image-wrapper {width:50%; min-height:100%; position:relative;}
.single-tree .image-wrapper:after {content:''; width:32px; height:100%; position:absolute; top:0; left:0; -webkit-mask-image:url(img/divider-Y.svg); mask-image:url(img/divider-Y.svg); -webkit-mask-repeat:repeat-y; mask-repeat:repeat-y; background:var(--blue_green);}
.single-tree .image-wrapper img {width:100%; height:100vh; object-fit:cover; position:sticky; top:0;}

/* Contact */
#main .wpforms-container {max-width:9999px; width:100%;}
#main .wpforms-container .wpforms-form {max-width:9999px; width:100%;}
#main .wpforms-container .wpforms-form .wpforms-field-container input {background:#ece3ce; border:none; border-radius:8px; color:#303036;}
#main .wpforms-container .wpforms-form .wpforms-field-container textarea {background:#ece3ce; border:none; border-radius:8px; color:#303036;}
#main .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field-medium {max-width:9999px; width:100%;}

#main .contact-wrapper {display:flex; flex-direction:column; gap:16px;}
#main .contact-wrapper .contact {font-weight:bold; display:inline-flex; gap:8px; flex-wrap:wrap; align-items:center;}
#main .contact-wrapper .contact:hover {color:inherit;}
#main .contact-wrapper .contact i {color:var(--blue_green); transition:.3s;}
#main .contact-wrapper .contact:hover i {color:var(--dark_tangerine);}

body .to-top-right #toTop:before {transition:.3s;}
body .to-top-right #toTop:hover:before {transform:scale(1.1); opacity:.8;}

#wrapper .sponsor-wrapper .fusion-image-element {margin-bottom:16px; align-items:center; justify-content:center; display:flex;}
#wrapper .sponsor-wrapper .fusion-image-element .fusion-imageframe img {max-width:160px;}
#wrapper .sponsor-wrapper .fusion-button {width:100%;}

/* Filters */
.terms-wrapper.filters {display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:0; margin-bottom:64px;}
.terms-wrapper.filters .filter {background:#fff; color:var(--orange); line-height:1.2; padding:8px 16px; border-radius:999px; transition:.3s;}
.terms-wrapper.filters .filter:hover {background:#fddea1; cursor:pointer;}
.terms-wrapper.filters .filter.current {background:#f3a712; color:#fff;}

.loader-wrapper .loader {display:flex; align-items:center; justify-content:center; margin-top:32px;}

.load-more-wrapper {display:flex; align-items:center; justify-content:center; margin-top:32px;}
.load-more-wrapper .load-more {background:#fff; color:var(--orange); line-height:1.2; padding:12px 32px; border-radius:999px; transition:.3s;}
.load-more-wrapper .load-more:hover {background:#f3a712; color:#fff; cursor:pointer;}