﻿.focal-species-page{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;grid-template-areas:"introduction introduction introduction introduction" "species-filters species-filters species-filters species-filters" "gallery gallery gallery gallery"}.focal-species-page ul,.focal-species-page li{list-style-type:none}.focal-species-page h4{font-weight:500;font-size:1.2rem;line-height:1.2;margin-bottom:0;margin-top:.5rem}.focal-species-page h5{margin-top:.5rem;font-size:1rem;font-style:italic}.focal-species-page .introduction{grid-area:introduction}.focal-species-page .species-filters{grid-area:species-filters;background-color:var(--sand-tint-1);border:1px solid var(--sand-neutral-shade-1);margin-bottom:1rem;padding:1rem}.focal-species-page .species-filters .filtered-selections{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:2rem;margin-left:.5rem;position:relative;padding-right:20%}.focal-species-page .species-filters .filtered-selections p{display:inline-block;margin-right:2rem;margin-bottom:0}.focal-species-page .species-filters .filtered-selections button{position:absolute;right:0;top:0;padding:.35rem .75rem;background-color:var(--sand-shade);transition:.3s;border-radius:0}.focal-species-page .species-filters .filtered-selections button:hover{text-decoration:underline}.focal-species-page .species-filters .selections span{padding:.25rem;margin-right:.5rem}.focal-species-page .species-filters .selections span .selected{border:1px solid var(--sand-neutral-shade-1);background-color:#fff}.focal-species-page .species-filters .filter-btns{width:100%;margin-bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:1rem;align-items:end}.focal-species-page .species-filters .filter-btns h3{text-align:left;cursor:pointer;margin-bottom:0;padding:.25rem 2rem .25rem .75rem;font-size:1.5rem;font-weight:normal;background-color:var(--sand-shade);border:1px solid var(--sand-neutral-shade-1);transition:.3s;position:relative}.focal-species-page .species-filters .filter-btns h3::after{content:"›";font-size:2rem;position:absolute;right:1rem;bottom:0;rotate:90deg}.focal-species-page .species-filters .filter-btns h3:hover{text-decoration:underline}.focal-species-page .species-filters .filter-btns h3.active{background-color:var(--sand);padding-bottom:.75rem;border-bottom:none}.focal-species-page .species-filters .filter-btns h3.active::after{content:"‹";font-size:2rem;position:absolute;right:1rem;bottom:0;rotate:90deg}.focal-species-page .species-filters .filter-btns h3 .filter-toggle{position:absolute;right:.75rem}.focal-species-page .species-filters .option-set{margin-bottom:0;border:1px solid var(--sand-neutral-shade-1);margin-top:-1px}.focal-species-page .species-filters .filter-choices{margin:0}.focal-species-page .species-filters .filter-choices ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;background-color:var(--sand);padding:1rem}.focal-species-page .species-filters .filter-choices ul li{width:80px;text-align:center;font-size:.9rem;line-height:1.2;padding-bottom:.5rem;border:1px solid var(--sand);transition:.3s}.focal-species-page .species-filters .filter-choices ul li:hover{background-color:var(--sand-shade);border:1px solid var(--sand-neutral-shade-1);text-decoration:underline;cursor:pointer}.focal-species-page .species-filters .filter-choices ul li.is-checked{background-color:#fff;border:1px solid var(--sand-neutral-shade-1)}.focal-species-page .species-filters .filter-choices ul li img{margin:.35rem auto}.focal-species-page .species-filters .filter-choices ul li em{font-style:normal;font-weight:500;color:var(--forest-green)}.focal-species-page .gallery{grid-area:gallery;width:100%}.focal-species-page .gallery li{width:calc(20% - 1rem);margin:.5rem;border:1px solid var(--sand-neutral-shade-1);background-color:var(--sand-tint-1);padding:0;position:relative;transition:.3s}.focal-species-page .gallery li a{display:block;padding:1rem;min-height:19.5rem;text-decoration:none}.focal-species-page .gallery li a h4,.focal-species-page .gallery li a h5{color:var(--warm-black)}.focal-species-page .gallery li a:hover h4,.focal-species-page .gallery li a:hover h5,.focal-species-page .gallery li a:hover .btn{text-decoration:underline;cursor:pointer}.focal-species-page .gallery li a:hover .btn{border-color:var(--warm-black)}.focal-species-page .gallery li .btn{font-size:.9rem;position:absolute;bottom:1rem;left:1rem;padding:.5rem .5rem;border:1px solid var(--sand-neutral-shade-1);border-radius:0}.focal-species-page .gallery li:hover{background-color:var(--sand-neutral)}@media screen and (max-width: 999px){.focal-species-page .gallery li{width:calc(25% - 1rem)}}@media screen and (max-width: 767px){.focal-species-page .species-filters .filter-btns{column-gap:.5rem}.focal-species-page .species-filters .filter-btns h3{font-size:1.1rem}.focal-species-page .species-filters .filter-btns h3:after{right:.5rem;bottom:-0.5rem}.focal-species-page .gallery li{width:calc(33% - 1rem)}.focal-species-page .gallery li a{min-height:17.5rem}}@media screen and (max-width: 480px){.focal-species-page .species-filters .filter-btns{column-gap:.5rem}.focal-species-page .species-filters .filter-btns h3{font-size:.8rem;padding:.1rem 1.5rem .1rem .25rem}.focal-species-page .species-filters .filter-btns h3:after{right:.25rem;bottom:-0.75rem}.focal-species-page .species-filters .gallery li{width:calc(50% - 1rem)}.focal-species-page .species-filters .gallery li a{min-height:18.5rem}}.focal_species .article-header{display:none}.focal-species-single{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;column-gap:2rem;grid-template-rows:auto;grid-template-areas:"header-area header-area header-area header-area header-area header-area" "images-area images-area images-area images-area images-area images-area" "when-to-look when-to-look where-to-find where-to-find habitats-substrates habitats-substrates" "what-youll-find what-youll-find what-youll-find what-youll-find nesting-statistics nesting-statistics" "useful-hints useful-hints useful-hints useful-hints more-resources more-resources";padding-top:1rem}.focal-species-single h1{margin-bottom:0;margin-top:.5rem}.focal-species-single h2:last-child{font-size:1.6rem;margin-top:0 !important;margin-bottom:.5rem !important}.focal-species-single h4{font-size:1.25rem;font-weight:500;line-height:1.2}.focal-species-single label{font-size:.8rem;margin-top:.1rem;line-height:1.1;font-weight:500;text-align:center;color:var(--forest-green)}.focal-species-single .icon-group{text-align:center}.focal-species-single .icon-group img{margin-top:.25rem;margin-bottom:.25rem}.focal-species-single .header-area{grid-area:header-area;text-align:left;display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:2rem;grid-template-rows:auto;grid-template-areas:"species-name species-name change-species";padding:1rem;background-color:var(--sand);border:1px solid var(--sand-neutral-shade-1);margin-bottom:3rem}.focal-species-single .header-area .species-name{grid-area:species-name}.focal-species-single .header-area .change-species{grid-area:change-species;align-self:end;padding-bottom:2.5rem}.focal-species-single .header-area label{font-size:1.1rem;line-height:1.2;font-weight:500;text-align:left;padding:.5rem .75rem .35rem;margin-bottom:1rem;background-color:#fff;border:1px solid var(--sand-neutral-shade-1);display:inline-block}.focal-species-single .header-area label a{color:var(--warm-black);text-decoration:none}.focal-species-single .latin-name{grid-area:latin-name;font-style:italic}.focal-species-single .images-area{grid-area:images-area;display:grid;column-gap:1rem;grid-template-columns:1fr 1fr;grid-template-areas:"species-image identification"}.focal-species-single .species-image{grid-area:species-image}.focal-species-single .species-image .fs-hero{position:relative}.focal-species-single .species-image .fs-hero figcaption{position:absolute;bottom:0;left:0;background-color:rgba(255,255,255,.5)}.focal-species-single .identification{grid-area:identification;display:grid;grid-template-columns:1fr;grid-template-rows:auto 25vw;grid-template-areas:"tabs" "tabbed-content"}.focal-species-single .identification .tabs{grid-area:tabs;display:flex;flex-direction:row;gap:.35rem;border:0}.focal-species-single .identification .tabs li{width:33%;height:auto;padding:.5rem;font-family:"Gibson",sans-serif;border:1px solid var(--sand-shade);margin:0;font-size:1rem;line-height:1.2;background-color:var(--sand-shade);transition:.3s}.focal-species-single .identification .tabs li a{color:var(--warm-black);text-decoration-color:var(--warm-black)}.focal-species-single .identification .tabs li a:hover{color:var(--link-color);text-decoration-color:var(--link-color)}.focal-species-single .identification .tabs li.active{background-color:var(--sand-tint-1);border:1px solid var(--sand-neutral-shade-1);border-bottom:0}.focal-species-single .identification .tabbed-content{display:none}.focal-species-single .identification .tabbed-content .source{text-align:left !important;margin-bottom:2rem}.focal-species-single .identification .tabbed-content .image-and-info{display:grid;grid-template-columns:1fr 1fr;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--sand-neutral-shade-1);column-gap:1rem}.focal-species-single .identification .tabbed-content .image-and-info .fs-media-img img{border:5px solid #fff;box-shadow:1px 1px 1px rgba(1,1,1,.5)}.focal-species-single .identification .tabbed-content .image-and-info .fs-media-info .source{font-family:"Gibson",sans-serif;font-size:.9rem;line-height:1.4}.focal-species-single .identification .tabbed-content.active{display:block;grid-area:tabbed-content;background-color:var(--sand-tint-1);border:1px solid var(--sand-neutral-shade-1);border-top:0;overflow-y:scroll;padding:1rem;margin-top:-3px}.focal-species-single .when-to-look{grid-area:when-to-look;padding-top:2rem}.focal-species-single .where-to-find{grid-area:where-to-find;padding-top:2rem}.focal-species-single .habitats-substrates{grid-area:habitats-substrates;padding-top:4rem}.focal-species-single .habitats-substrates .habitats{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:1rem}.focal-species-single .habitats-substrates .habitats h4{width:100%}.focal-species-single .habitats-substrates .habitats .habitat{width:75px}.focal-species-single .habitats-substrates .substrates{display:flex;flex-direction:row;flex-wrap:wrap}.focal-species-single .habitats-substrates .substrates h4{width:100%}.focal-species-single .habitats-substrates .substrates .substrate{width:75px}.focal-species-single .what-youll-find{grid-area:what-youll-find;display:grid;grid-template-columns:1fr 1fr 2fr 2fr;column-gap:1rem;grid-template-rows:auto;grid-template-areas:"headline headline headline headline" "nest-type chick clutch-size nest-height";padding-top:2rem}.focal-species-single .what-youll-find h3{width:100%;grid-area:headline}.focal-species-single .what-youll-find h4{text-align:center}.focal-species-single .what-youll-find .nest-type{grid-area:nest-type}.focal-species-single .what-youll-find .chick{grid-area:chick}.focal-species-single .what-youll-find .clutch-size{grid-area:clutch-size}.focal-species-single .what-youll-find .nest-height{grid-area:nest-height}.focal-species-single .nesting-statistics{grid-area:nesting-statistics;display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;grid-template-rows:3.75rem 1fr;grid-template-areas:"headline headline" "incubation-period brooding-period";padding-top:2rem}.focal-species-single .nesting-statistics h3{width:100%;grid-area:headline}.focal-species-single .nesting-statistics .incubation-period{grid-area:incubation-period}.focal-species-single .nesting-statistics .brooding-period{grid-area:brooding-period}.focal-species-single .useful-hints{grid-area:useful-hints;padding:2rem 2rem 2rem 0}.focal-species-single .more-resources{grid-area:more-resources;padding-top:2rem}.focal-species-single .more-resources ul{padding:1rem .5rem;background-color:var(--sand-tint-1)}.focal-species-single .more-resources ul li{font-family:"Gibson",sans-serif;font-size:1.1rem}.focal-species-single .source{font-size:.85rem;font-family:"Gibson",sans-serif;text-align:center;margin-top:.5rem}.focal-species-single .boxed{padding:.5rem;min-height:10rem;border:1px solid var(--sand-neutral-shade-1)}.focal-species-single #fs-clutch{position:relative;width:100%;display:block}.focal-species-single #fs-clutch.fs-clutch-2 .fs-clutch-line-thick{width:80%;margin-left:10%;margin-top:28px}.focal-species-single #fs-clutch .fs-clutch-line-thick{display:block;height:6px;background-color:#9dab74}.focal-species-single #fs-clutch.fs-clutch-2 .fs-clutch-low{left:7%;top:20px;font-weight:500}.focal-species-single #fs-clutch.fs-clutch-2 .fs-clutch-high{right:7%;top:20px;font-weight:500}.focal-species-single #fs-clutch .fs-clutch-line-thin{display:block;height:1px;background-color:#263138}.focal-species-single #fs-clutch .fs-clutch-line-thick{display:block;height:6px;background-color:#9dab74}.focal-species-single #fs-clutch .fs-clutch-number{font-size:1.4rem;position:absolute;font-family:"Gibson",sans-serif;font-weight:500;color:var(--forest-green)}.focal-species-single #fs-clutch .fs-clutch-plain-number{color:var(--forest-green-shade)}.focal-species-single #fs-clutch .fs-clutch-egg-number{width:23px;height:44px;text-align:center;padding-top:15px;background:url("../images/fs-clutch-egg.png") top center no-repeat;color:#fff}.focal-species-single #fs-clutch.fs-clutch-2 .fs-clutch-line-thick{width:80%;margin-left:10%;margin-top:28px}.focal-species-single #fs-clutch.fs-clutch-2 .fs-clutch-low{left:7%}.focal-species-single #fs-clutch.fs-clutch-2 .fs-clutch-high{right:7%}.focal-species-single #fs-clutch.fs-clutch-3 .fs-clutch-line-thin{width:80%;margin-left:10%;margin-top:31px}.focal-species-single #fs-clutch.fs-clutch-3 .fs-clutch-line-thick{width:80%;margin-left:10%;margin-top:28px}.focal-species-single #fs-clutch.fs-clutch-3 .fs-clutch-low{left:7%;top:40px}.focal-species-single #fs-clutch.fs-clutch-3 .fs-clutch-high{right:7%;top:40px}.focal-species-single #fs-clutch.fs-clutch-3 .fs-clutch-median{top:42px;margin-left:-12px}.focal-species-single #fs-clutch.fs-clutch-4 .fs-clutch-line-thin{width:80%;margin-left:10%;margin-top:31px}.focal-species-single #fs-clutch.fs-clutch-4 .fs-clutch-line-thick{width:40%;margin-left:10%;margin-top:-3px;position:absolute}.focal-species-single #fs-clutch.fs-clutch-4 .fs-clutch-low{left:7%;top:15px}.focal-species-single #fs-clutch.fs-clutch-4 .fs-clutch-high{right:7%;top:15px}.focal-species-single #fs-clutch.fs-clutch-4 .fs-clutch-median-low,.focal-species-single #fs-clutch.fs-clutch-4 .fs-clutch-median-high{margin-left:-12px}.focal-species-single #fs-height{background:url("../images/fs-nest-height.gif") top left no-repeat;position:relative;height:100%}.focal-species-single #fs-height div{display:block;position:absolute;right:10px;font-weight:500;font-size:1.2rem;color:var(--forest-green);font-family:"Gibson",sans-serif}.focal-species-single #fs-height div.fs-height-high{top:5px}.focal-species-single #fs-height div.fs-height-low{bottom:33%}.focal-species-single #fs-incubation{background:url("../images/fs-incubation.gif") top left no-repeat;background-position:-10px 1px;position:relative;width:100%;height:100%}.focal-species-single #fs-nestling{background:url("../images/fs-nestling.gif") top left no-repeat;background-position:-10px 1px;position:relative;width:100%;height:100%}.focal-species-single #fs-incubation div,.focal-species-single #fs-nestling div{height:auto;border:0 !important;position:absolute;top:10px;left:80px;font-family:"Gibson";font-weight:500;font-size:1.2rem;line-height:1.2;color:var(--forest-green)}@media screen and (max-width: 767px){.focal-species-single{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"header-area header-area header-area" "images-area images-area images-area" "when-to-look when-to-look when-to-look" "where-to-find where-to-find where-to-find" "habitats-substrates habitats-substrates habitats-substrates" "what-youll-find what-youll-find what-youll-find" "nesting-statistics nesting-statistics nesting-statistics" "useful-hints useful-hints useful-hints" "more-resources more-resources more-resources"}.focal-species-single .header-area{grid-template-columns:1fr;grid-template-areas:"species-name" "change-species"}.focal-species-single .header-area .change-species{padding-top:2rem;text-align:left;padding-bottom:0}.focal-species-single .header-area .change-species h5{font-size:1rem}.focal-species-single .header-area .change-species select{max-width:300px}.focal-species-single .images-area{grid-template-columns:1fr;grid-template-areas:"species-image" "identification"}.focal-species-single .images-area .identification{margin-top:2rem;grid-template-rows:1fr 300px}.focal-species-single .images-area .identification .tabbed-content .image-and-info{grid-template-columns:1fr 2fr}.focal-species-single .when-to-look,.focal-species-single .where-to-find{text-align:center}.focal-species-single .habitats-substrates{padding-top:2rem;display:grid;column-gap:1rem;grid-template-columns:1fr 1fr;grid-template-areas:"habitats substrates"}.focal-species-single .habitats-substrates .habitats{margin-bottom:0}}@media screen and (min-width: 1224px){.focal-species-single .identification{grid-template-rows:auto 300px}}/*# sourceMappingURL=nw-focal-species.css.map */
