@import url(https://fonts.googleapis.com/css2?family=Lora&family=Nunito+Sans:opsz,wght@6..12,200..1000&display=swap);
:root{--container-width:100%;--container-max-width:1440px;--horizontal-padding:1.5rem;--vertical-padding:1.5rem;--vertical-section-padding:6rem;--text-color:#000;--border-color:#45caa7;--members-color:#a039bb;--circle-fill:transparent;--circle-stroke:#3f9e92;--chevron-color:#000}@media only screen and (min-width:900px){:root{--horizontal-padding:2rem;--vertical-padding:2rem}}@media only screen and (min-width:1440px){:root{--container-width:1440px}}body{font-family:Nunito Sans,Helvetica,sans-serif;font-size:var(--body-size,18px);line-height:1.66}#about-wcfpc .text-column span,.button,.h2,.header-bottom h1,.quick-link,a,h1,h2,p.intro,ul.about-links li a{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--h1-font-size:clamp(3.5rem,2.702rem + 1.596vw,5rem);--h2-font-size:clamp(3rem,2.574rem + 1.362vw,3.8rem);--h3-font-size:clamp(2rem,1.857rem + 0.381vw,2.2rem);--font-size-16-19:clamp(1.6rem,1.44rem + 0.319vw,1.9rem);--font-size-18-21:clamp(1.8rem,1.64rem + 0.319vw,2.1rem);--font-size-19-25:clamp(1.9rem,1.581rem + 0.638vw,2.5rem);--body-size:clamp(1.6rem,1.457rem + 0.381vw,1.8rem);--font-size-small:clamp(1.4rem,1.294rem + 0.213vw,1.6rem);--font-size-caption:clamp(1.1rem,0.886rem + 0.571vw,1.4rem);--data-point-font-size:clamp(4rem,3.286rem + 1.905vw,5rem)}html{font-size:62.5%}h1{font-size:var(--h1-font-size);font-weight:400;line-height:1}.h2,h2{font-size:var(--h2-font-size,38px);line-height:1.05}.h2,.h3,h2,h3{font-weight:800}.h3,h3{font-size:var(--h3-font-size,22px);line-height:1.36}a{color:inherit;font-weight:700}p{font-size:var(--body-size,18px)}p.intro{font-family:Lora,Serif;font-size:var(--h3-font-size,22px);line-height:1.66}p.small{font-size:var(--font-size-small,16px)}.serif,blockquote{font-family:Lora,Serif}blockquote{background:#e6f4ff;color:#396282;font-size:var(--h3-font-size,22px);margin:2em 0;padding:var(--horizontal-padding)}blockquote:before{display:none}blockquote p{font-size:inherit;margin:0 0 1em}blockquote p:last-child{margin-bottom:0}.button{--background-color:#3f9e92;--text-color:#fff;--hover-color:#2a8075;align-items:center;background:var(--background-color);border-radius:0!important;color:var(--text-color);display:flex;font-size:1.3rem;font-weight:800;justify-content:space-between;line-height:1.3;padding:15px var(--horizontal-padding);text-align:left;text-decoration:none;text-transform:uppercase;transition:all .15s linear;width:-moz-fit-content;width:fit-content}.button:after{background:var(--text-color);content:"";height:10px;margin-left:15px;-webkit-mask:url(../images/chevron-thin-right.svg) center center no-repeat;mask:url(../images/chevron-thin-right.svg) center center no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:all .2s linear;width:5px}.button.light{--background-color:#ebf5f4;--hover-color:#d3e9e7;--text-color:#3f9e92}.button.dark{--background-color:#000;--hover-color:#333;--text-color:#fff}.button:hover{background:var(--hover-color)}.button:hover:after{transform:translateX(4px)}.chevron-in-circle{stroke:var(--circle-stroke);fill:var(--chevron-color);color:var(--circle-fill);height:32px;width:32px}.path-frontpage{--h1-font-size:clamp(3rem,2.574rem + 1.362vw,4rem);--h2-font-size:clamp(2.8rem,2.587rem + 0.426vw,3.2rem)}h2{margin-top:0}.page-header>svg#homepage-image-mask{margin-top:0;max-height:250px}svg.icon{height:32px;overflow:visible;width:32px}.header-bottom{flex:0 0 100%;width:100%}@media only screen and (min-width:900px){.header-bottom{font-size:22px;margin-bottom:-100px;max-width:660px}}.header-bottom h1{font-size:var(--h1-font-size);font-weight:800;margin-bottom:var(--vertical-padding);margin-top:var(--vertical-padding);text-shadow:3px 3px 90px #0b1a23}.header-bottom h1:after{background:#3f9e92;content:"";display:block;height:4px;margin-top:inherit;width:182px}.header-bottom p.intro{font-size:var(--font-size-19-25);line-height:1.6em;text-shadow:0 2px 4px rgba(11,26,35,.5)}section{padding-bottom:60px;padding-top:60px}.quick-link,ul.about-links li a{align-items:center;border-bottom:1px solid var(--border-color);color:inherit;-moz-column-gap:var(--horizontal-padding);column-gap:var(--horizontal-padding);display:flex;font-size:var(--font-size-18-21,19px);font-weight:800;justify-content:space-between;padding:var(--vertical-padding) 0;text-decoration:none;transition:all .15s linear}.quick-link svg,ul.about-links li a svg{display:block;flex-shrink:0;flex:0 0 100;height:32px;overflow:visible;transition:all .15s linear;vertical-align:middle;width:32px}.quick-link .icon-lock,ul.about-links li a .icon-lock{fill:#3f9e92}.quick-link .description,ul.about-links li a .description{font-size:var(--font-size-16-19);font-weight:400}.quick-link .secure,ul.about-links li a .secure{align-items:center;background:rgba(160,57,187,.14);border-radius:100px;-moz-column-gap:var(--horizontal-padding);column-gap:var(--horizontal-padding);display:flex;padding:15px var(--horizontal-padding)}.quick-link:hover svg.chevron-in-circle,ul.about-links li a:hover svg.chevron-in-circle{transform:scale(1.2)}svg.line-drawing path{stroke-width:1;stroke:#45caa7;fill:none;vector-effect:non-scaling-stroke}.homepage-data{padding-top:30px;position:relative;text-align:center}.homepage-data>.container{padding-left:0;padding-right:0}.homepage-data svg.pacific-blue-marlin,.homepage-data svg.south-pacific-albacore-tuna{display:block;position:absolute;width:80vw;z-index:0}.homepage-data svg.pacific-blue-marlin path,.homepage-data svg.south-pacific-albacore-tuna path{stroke-width:.5}.homepage-data svg.pacific-blue-marlin{bottom:20%;left:2vw;max-width:392px;transform:scaleX(-100%)}@media only screen and (min-width:720px){.homepage-data svg.pacific-blue-marlin{bottom:15%}}@media only screen and (min-width:900px){.homepage-data svg.pacific-blue-marlin{left:10vw}}@media only screen and (min-width:1200px){.homepage-data svg.pacific-blue-marlin{height:120%;left:37vw;top:-100px;width:26vw}}.homepage-data svg.south-pacific-albacore-tuna{bottom:60%;max-width:343px;right:3vw}@media only screen and (min-width:720px){.homepage-data svg.south-pacific-albacore-tuna{bottom:65%}}@media only screen and (min-width:900px){.homepage-data svg.south-pacific-albacore-tuna{right:10vw}}@media only screen and (min-width:1200px){.homepage-data svg.south-pacific-albacore-tuna{height:120%;left:58vw;top:-170px}}.homepage-data .button{align-self:center;justify-self:end;margin:1rem 15px;position:relative;z-index:4}.data-layout{align-items:start;background:hsla(0,0%,100%,.7);box-shadow:0 0 50px #fff;display:grid;grid-template-columns:repeat(2,1fr);position:relative;z-index:2}@media only screen and (min-width:540px){.data-layout{grid-template-columns:repeat(3,1fr)}.data-layout .button{margin-left:auto;margin-right:auto}}@media only screen and (min-width:900px){.data-layout{grid-template-columns:repeat(5,1fr)}.data-layout .button{grid-column:1/-1;justify-self:center;margin-top:1rem}.data-layout .data-point:last-of-type:after{display:none}}.data-point{padding:var(--vertical-padding) var(--horizontal-padding);position:relative;text-align:center}.data-point:after{background:#ddd;content:"";display:block;height:50px;margin-top:-25px;position:absolute;right:0;top:50%;width:1px}.data-point .data-number{color:#122b37;font-size:var(--h1-font-size);font-weight:900;letter-spacing:-2.5px;line-height:1em;margin-bottom:10px}.data-point .data-text{color:#3f9e92;font-size:1.6rem;line-height:1.375em;text-transform:uppercase}#about-wcfpc{background:#122b37;color:#fff;display:flex;flex-direction:column;padding-top:0;position:relative}#about-wcfpc .intro{opacity:.7}#about-wcfpc .image-column{background:#122b37 url(../images/about-us-hero.webp) 50% no-repeat;background-size:cover;bottom:0;height:50vw;margin-bottom:60px;position:relative;right:0;top:0;width:100vw}#about-wcfpc .image-column .image-caption{bottom:0;margin-left:10px;position:absolute}#about-wcfpc .text-column{box-sizing:border-box;padding-left:var(--horizontal-padding);padding-right:var(--horizontal-padding);position:relative}#about-wcfpc .text-column span{color:#b8d0dc;font-size:1.7rem;font-weight:800;text-transform:uppercase}#about-wcfpc .text-column .content{width:100%}@media only screen and (min-width:1700px){#about-wcfpc .text-column:before{background:url(../images/line-art-bubbles.svg) 10% 10% no-repeat;content:"";display:block;height:280px;left:-200px;position:absolute;width:135px}}@media only screen and (min-width:720px){#about-wcfpc{padding-top:60px}#about-wcfpc .image-column{height:100%;position:absolute;width:50vw}#about-wcfpc .image-column .image-caption{bottom:0;position:absolute}#about-wcfpc .text-column{margin-left:calc((100vw - var(--container-width))/2);max-width:calc(var(--container-width)/2);padding-left:var(--horizontal-padding);padding-right:calc(var(--horizontal-padding)*2);width:50%}}#about-wcfpc img{height:100%;-o-object-fit:cover;object-fit:cover;width:50%}ul.about-links{padding:0}ul.about-links li{list-style:none}ul.about-links li:last-child a{border-bottom:none}ul.about-links li a{--circle-fill:transparent;--circle-stroke:#3f9e92;--chevron-color:#fff}ul.about-links li a:hover{--circle-fill:#3f9e92;--circle-stroke:#3f9e92;--chevron-color:#122b37}#resources{--border-color:#ededed;padding-bottom:30px}#resources .container{display:flex;flex-direction:column;gap:calc(var(--horizontal-padding)*2)}@media only screen and (min-width:720px){#resources .container{flex-direction:row}}#resources .container>div{flex:1}#resources .link-description{font-weight:400}.quick-link{box-sizing:border-box;min-height:123px;transition:all .15s linear}.quick-link:last-child{border-bottom:none}.quick-link:hover{--border-color:#999;--circle-fill:#3f9e92;--circle-stroke:#3f9e92;--chevron-color:#fff;color:#3f9e92}#challenges{background:url(../images/pohnpei_lagoon.jpeg) 50% no-repeat;background-size:cover;padding:0}#challenges svg{margin-top:-1px}#challenges .container{align-items:center;display:flex;justify-content:flex-end;min-height:30vh;padding:var(--vertical-section-padding) 0}#challenges .content{background:#fff;box-sizing:border-box;margin:var(--horizontal-padding);max-width:700px;padding:calc(var(--horizontal-padding)*2);width:100vw}#challenges .image-caption{color:#fff;margin-left:10px}@media only screen and (min-width:720px){#challenges .content{padding:var(--vertical-section-padding)}}.line-drawing{stroke:#45caa7;stroke-width:2;vector-effect:non-scaling-stroke}#communication{background-position:60vw;background-size:auto 90%;position:relative}#communication svg.line-drawing{bottom:11%;left:26vw;max-width:400px;position:absolute;width:63vw;z-index:-1}@media only screen and (min-width:720px){#communication svg.line-drawing{bottom:-10%;left:unset;right:-5%}}@media only screen and (min-width:900px){#communication svg.line-drawing{max-width:740px}}@media only screen and (min-width:1024px){#communication svg.line-drawing{left:57vw;top:40%;width:40vw}}#communication .container{gap:calc(var(--horizontal-padding)*2)}@media only screen and (min-width:720px){#communication .container{display:flex}}@media only screen and (min-width:1024px){#communication .container .left-column,#communication .container .right-column{flex:1}}@media only screen and (min-width:900px){#communication .right-column .links{min-width:130px;padding-left:40%}}#communication .right-column h2.social{font-size:var(--font-size-18-21,19px);padding-top:9rem}#communication .social-link{align-items:center;background:#000;color:#fff;display:inline-block;display:inline-flex;height:47px;justify-content:center;margin-bottom:20px;transition:all .15s linear;width:47px}#communication .social-link:first-of-type{margin-right:20px}#communication .social-link svg{fill:#fff;height:25px}#communication .social-link:hover{background:#3f9e92}

/*# sourceMappingURL=front-page.css.map*/