.single-butterfly,.single-dragonfly{--radius: 1.5rem}.single-butterfly .post-content .content-block:not(.content-block--title)+.content-block:not(.wp-block-g2p-wrapper),.single-dragonfly .post-content .content-block:not(.content-block--title)+.content-block:not(.wp-block-g2p-wrapper){margin-top:var(--p-size-l)}.single-butterfly .post-content .chart,.single-dragonfly .post-content .chart{background:#fff;border-radius:var(--radius);box-sizing:border-box;box-shadow:var(--shadow);padding:2.5rem 2rem 2.5rem 2rem;position:relative;min-height:40rem;max-width:100%}.single-butterfly .post-content .chart .chart--wrapper,.single-dragonfly .post-content .chart .chart--wrapper{aspect-ratio:540/400}.single-butterfly .post-content .chart .comment,.single-dragonfly .post-content .chart .comment{position:relative;z-index:2;font-size:1.6rem;line-height:1.6;background:var(--secondary-200);color:#fff;margin:-2.5rem -2rem 2.5rem -2rem;border-top-right-radius:var(--radius);border-top-left-radius:var(--radius);padding:2.5rem}@media screen and (min-width: 768px){.single-butterfly .post-content .chart,.single-dragonfly .post-content .chart{--canvas-extra-width: calc(var(--block-columns-gap) / 2);min-height:35rem;max-width:initial;left:calc(-1*var(--canvas-extra-width));width:calc(100% + var(--canvas-extra-width))}}.single-butterfly .post-content .chart::before,.single-dragonfly .post-content .chart::before{content:"";position:absolute;inset:1rem;border-radius:inherit;background-color:rgba(0,0,0,0);transition:background-color var(--duration) ease-in-out}.single-butterfly .post-content .chart.loading::before,.single-dragonfly .post-content .chart.loading::before{background-color:var(--chart-overlay-color)}.single-butterfly .post-content .chart.loading::after,.single-dragonfly .post-content .chart.loading::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:2.5rem;height:2.5rem;border-radius:50%;border:.4rem solid var(--chart-primary-color);border-color:var(--chart-primary-color) rgba(0,0,0,0) var(--chart-primary-color);animation:chart-loading-anim 1.3s linear infinite}@keyframes chart-loading-anim{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}.single-butterfly .post-content .chart.error::before,.single-dragonfly .post-content .chart.error::before{opacity:.2;background-color:var(--threat)}.single-butterfly .post-content .chart.error::after,.single-dragonfly .post-content .chart.error::after{content:"Er ging iets mis bij het laden van de grafiek";font-size:125%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:#000}.single-butterfly .post-content .species-spread-map,.single-dragonfly .post-content .species-spread-map{grid-column:full-width;position:relative;min-height:55rem}.single-butterfly .post-content .species-spread-map .map,.single-dragonfly .post-content .species-spread-map .map{z-index:2;height:100%}.single-butterfly .post-content .species-spread-map::after,.single-dragonfly .post-content .species-spread-map::after{content:"";pointer-events:none;position:absolute;text-align:center;left:0;right:0;bottom:-0.1rem;z-index:3;aspect-ratio:1514/68.47;background:var(--bg-default);mask-image:url(../svg/masks/hero.svg);mask-size:cover;mask-repeat:no-repeat}@media screen and (min-width: 768px){.single-butterfly .post-content .species-spread-map::after,.single-dragonfly .post-content .species-spread-map::after{left:-1rem;right:-1rem}}.single-butterfly .post-content .species-spread-map .map-butterfly-path,.single-dragonfly .post-content .species-spread-map .map-butterfly-path{pointer-events:none;position:absolute;bottom:-2rem;z-index:5;width:var(--100vw);left:50%;transform:translateX(-50%)}.single-butterfly .post-content .species-spread-map .map-butterfly-path svg,.single-dragonfly .post-content .species-spread-map .map-butterfly-path svg{width:100%;height:auto}.single-butterfly .post-content .species-spread-map .map-butterfly-path svg use,.single-dragonfly .post-content .species-spread-map .map-butterfly-path svg use{stroke:var(--map-color)}.single-butterfly .post-content #life-cycle-container .title-container,.single-dragonfly .post-content #life-cycle-container .title-container{text-align:center}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle{position:relative;padding:3rem 0}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns{position:relative;z-index:2;padding-left:3rem}@media screen and (min-width: 768px){.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns{align-items:center;display:flex;gap:var(--block-columns-gap);padding-left:0}}@media screen and (min-width: 1440px){.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns{gap:calc(var(--block-columns-gap)*2)}}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns::before,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns::before{background:var(--secondary-200);border-radius:50%;border:.5rem solid var(--bg-default);content:"";height:1.8rem;transform:translate(-50%, -50%);position:absolute;top:50%;left:0;width:1.8rem}@media screen and (min-width: 768px){.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns::before,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns::before{left:50%}}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col{flex:1}@media screen and (min-width: 768px){.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--1,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--1{order:2}}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--1 picture,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--1 picture{display:block;width:100%;margin-right:auto;max-width:40rem;min-width:25rem}@media screen and (min-width: 768px){.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--1 picture,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--1 picture{width:75%;max-width:100%}}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--1 picture img,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--1 picture img{display:block;margin:0}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--2,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--2{padding-top:3rem;text-align:center}@media screen and (min-width: 768px){.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--2,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--2{order:1}}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--2 h3,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--2 h3{margin:0}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--2>:last-child,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle .cycle-columns .cycle-col--2>:last-child{margin-bottom:0}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle::before,.single-butterfly .post-content #life-cycle-container .life-cycle .cycle::after,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle::before,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle::after{border:0;border-left:2px solid var(--primary-500);content:"";position:absolute;top:0;left:0;height:calc(50% - 2.8rem);width:0;transform:translateX(-50%);z-index:0}@media screen and (min-width: 768px){.single-butterfly .post-content #life-cycle-container .life-cycle .cycle::before,.single-butterfly .post-content #life-cycle-container .life-cycle .cycle::after,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle::before,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle::after{left:50%}}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle::after,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle::after{top:calc(50% + 2.8rem)}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle:last-of-type::after,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle:last-of-type::after{border-style:dashed}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle:nth-of-type(2n+0) .cycle-columns .cycle-col--1 img,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle:nth-of-type(2n+0) .cycle-columns .cycle-col--1 img{transform:rotate(-2deg)}@media screen and (min-width: 768px){.single-butterfly .post-content #life-cycle-container .life-cycle .cycle:nth-of-type(2n+0) .cycle-columns .cycle-col--1,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle:nth-of-type(2n+0) .cycle-columns .cycle-col--1{order:1}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle:nth-of-type(2n+0) .cycle-columns .cycle-col--1 picture,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle:nth-of-type(2n+0) .cycle-columns .cycle-col--1 picture{width:75%;margin-left:auto;margin-right:0;display:block}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle:nth-of-type(2n+0) .cycle-columns .cycle-col--2,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle:nth-of-type(2n+0) .cycle-columns .cycle-col--2{order:2}}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery picture,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery picture{cursor:pointer}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery .cycle-col--1,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery .cycle-col--1{position:relative}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery .icon-container,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery .icon-container{display:flex;justify-content:flex-end;z-index:3;position:absolute;bottom:2rem;left:0;padding-right:3rem;box-sizing:border-box;width:100%;min-width:25rem;max-width:40rem;pointer-events:none}@media screen and (min-width: 768px){.single-butterfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery .icon-container,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery .icon-container{width:75%;max-width:100%}}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery .icon-container svg,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery .icon-container svg{pointer-events:none}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery .icon-container svg use,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery .icon-container svg use{fill:var(--primary-100)}.single-butterfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery:nth-of-type(2n+0) .icon-container,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery:nth-of-type(2n+0) .icon-container{bottom:3rem;padding-right:2.5rem}@media screen and (min-width: 768px){.single-butterfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery:nth-of-type(2n+0) .icon-container,.single-dragonfly .post-content #life-cycle-container .life-cycle .cycle.with-gallery:nth-of-type(2n+0) .icon-container{left:auto;right:0}}.single-butterfly .post-content #designation,.single-dragonfly .post-content #designation{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:clip}@media screen and (min-width: 768px){.single-butterfly .post-content #designation,.single-dragonfly .post-content #designation{display:flex}}.single-butterfly .post-content #designation ul.designation-list,.single-dragonfly .post-content #designation ul.designation-list{display:flex;flex-direction:column;gap:2rem;padding:0}.single-butterfly .post-content #designation ul.designation-list li,.single-dragonfly .post-content #designation ul.designation-list li{list-style-type:none}.single-butterfly .post-content #designation ul.designation-list li strong,.single-dragonfly .post-content #designation ul.designation-list li strong{display:block}.single-butterfly .post-content #designation ul.designation-list li span,.single-dragonfly .post-content #designation ul.designation-list li span{font-weight:300}.single-butterfly .post-content #designation .col-1,.single-butterfly .post-content #designation .col-2,.single-dragonfly .post-content #designation .col-1,.single-dragonfly .post-content #designation .col-2{box-sizing:border-box}.single-butterfly .post-content #designation .col-1>:first-child,.single-butterfly .post-content #designation .col-2>:first-child,.single-dragonfly .post-content #designation .col-1>:first-child,.single-dragonfly .post-content #designation .col-2>:first-child{margin-top:0}.single-butterfly .post-content #designation .col-1>:last-child,.single-butterfly .post-content #designation .col-2>:last-child,.single-dragonfly .post-content #designation .col-1>:last-child,.single-dragonfly .post-content #designation .col-2>:last-child{margin-bottom:0}.single-butterfly .post-content #designation .col-1,.single-dragonfly .post-content #designation .col-1{background:var(--primary);color:var(--text-light);flex:0 0 35%;padding:var(--p-size-m)}.single-butterfly .post-content #designation .col-2,.single-dragonfly .post-content #designation .col-2{flex:1;padding:var(--p-size-m)}.single-butterfly .post-content #designation .col-2 .sticky,.single-dragonfly .post-content #designation .col-2 .sticky{position:sticky;top:var(--p-size-m)}.single-butterfly .lightbox,.single-dragonfly .lightbox{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;z-index:1000;padding:5rem;box-sizing:border-box}.single-butterfly .lightbox::before,.single-dragonfly .lightbox::before{content:"";display:block;position:absolute;left:2.5rem;top:2.5rem;height:calc(100% - 5rem);width:calc(100% - 5rem);background:#fff;z-index:1}.single-butterfly .lightbox div.top-container,.single-dragonfly .lightbox div.top-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;margin-bottom:3rem;z-index:2;position:relative}.single-butterfly .lightbox div.top-container h2,.single-dragonfly .lightbox div.top-container h2{margin-top:0}.single-butterfly .lightbox div.top-container p.subtitle,.single-dragonfly .lightbox div.top-container p.subtitle{margin-bottom:0}.single-butterfly .lightbox div.top-container div.close-popup,.single-dragonfly .lightbox div.top-container div.close-popup{background:none;border:none;cursor:pointer;outline:none;width:3rem;height:3rem;position:relative;display:flex;align-items:center;justify-content:center}.single-butterfly .lightbox div.top-container div.close-popup::before,.single-butterfly .lightbox div.top-container div.close-popup::after,.single-dragonfly .lightbox div.top-container div.close-popup::before,.single-dragonfly .lightbox div.top-container div.close-popup::after{content:"";display:block;position:absolute;width:3rem;height:.1rem;background-color:#000;transition:transform .3s ease}.single-butterfly .lightbox div.top-container div.close-popup::before,.single-dragonfly .lightbox div.top-container div.close-popup::before{transform:rotate(45deg)}.single-butterfly .lightbox div.top-container div.close-popup::after,.single-dragonfly .lightbox div.top-container div.close-popup::after{transform:rotate(-45deg)}.single-butterfly .lightbox>div.the-gallery,.single-dragonfly .lightbox>div.the-gallery{display:grid;flex-wrap:wrap;gap:1rem;grid-column-gap:3rem;grid-row-gap:3rem;justify-content:center;z-index:2;overflow:auto;grid-template-columns:repeat(1, 1fr);grid-template-rows:repeat(1, 1fr);position:relative}@media screen and (min-width: 768px){.single-butterfly .lightbox>div.the-gallery,.single-dragonfly .lightbox>div.the-gallery{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr)}}@media screen and (min-width: 1200px){.single-butterfly .lightbox>div.the-gallery,.single-dragonfly .lightbox>div.the-gallery{grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr)}}.single-butterfly .lightbox>div.the-gallery:has(figure.full-image),.single-dragonfly .lightbox>div.the-gallery:has(figure.full-image){overflow:hidden}.single-butterfly .lightbox>div.the-gallery:has(figure.full-image) figure:not(.full-image),.single-dragonfly .lightbox>div.the-gallery:has(figure.full-image) figure:not(.full-image){opacity:0;pointer-events:none}.single-butterfly .lightbox>div.the-gallery figure,.single-dragonfly .lightbox>div.the-gallery figure{display:flex;flex-direction:column;margin:0;pointer-events:none}@media screen and (min-width: 768px){.single-butterfly .lightbox>div.the-gallery figure,.single-dragonfly .lightbox>div.the-gallery figure{cursor:pointer;pointer-events:auto;width:100%;height:auto;aspect-ratio:350/194}}.single-butterfly .lightbox>div.the-gallery figure.full-image,.single-dragonfly .lightbox>div.the-gallery figure.full-image{position:absolute;left:50%;top:50%;width:100%;height:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);object-fit:contain;z-index:2;cursor:pointer;pointer-events:auto;object-position:center;display:flex;flex-direction:column;align-items:center}.single-butterfly .lightbox>div.the-gallery figure.full-image img,.single-dragonfly .lightbox>div.the-gallery figure.full-image img{aspect-ratio:auto;object-fit:contain;width:auto;height:100%;max-width:100%;margin:0 auto}.single-butterfly .lightbox>div.the-gallery figure.full-image figcaption,.single-dragonfly .lightbox>div.the-gallery figure.full-image figcaption{font-size:1.4rem}.single-butterfly .lightbox>div.the-gallery figure img,.single-dragonfly .lightbox>div.the-gallery figure img{width:100%;height:100%;object-fit:cover;max-height:calc(100% - 3rem)}.single-butterfly .lightbox>div.the-gallery figure figcaption,.single-dragonfly .lightbox>div.the-gallery figure figcaption{height:3rem;display:flex;align-items:flex-start;font-size:1.1rem;font-style:italic;color:var(--mark);max-width:100%;word-wrap:break-word;padding-top:.5rem;box-sizing:border-box}body.lightbox-active{overflow:hidden}body.single-butterfly.page-color--secondary-200 #designation .col-1,body.single-dragonfly.page-color--secondary-200 #designation .col-1{background:var(--secondary-200)}body.single-butterfly.page-color--secondary-600 #designation .col-1,body.single-dragonfly.page-color--secondary-600 #designation .col-1{background:var(--secondary-600)}/*# sourceMappingURL=single-species.css.map */