You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
17 KiB
CSS
1 line
17 KiB
CSS
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body,html{height:100%}html{font-size:10px}body{font:1.6rem/1.62 sans-serif;color:#444;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column}main{flex:1 0 auto;margin-top:5.31rem}img{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:1rem 0}h1{color:#111;font-size:3rem;font-weight:700;margin:.8rem 0}h1:first-of-type{margin-top:0;line-height:1}h2{color:#222;font-size:2.2rem;font-weight:700;margin:.6rem 0}h3{color:#333;font-size:1.8rem;margin:.4rem 0}h4,h5,h6{color:#444;font-size:1.5rem;margin:.2rem 0}a{text-decoration:none}a:link,a:visited{color:#00c}a:hover,a:visited:hover{color:#07c}.form{padding:2rem;background:#fcfcfc;border:1px solid #eee;border-radius:1rem;margin:2rem 0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #e1e1e1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;resize:vertical;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:1px solid #33c3f0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 1.24rem;box-sizing:border-box;overflow:auto}.eight,.eleven,.five,.four,.nine,.one,.seven,.six,.ten,.three,.twelve,.two{width:100%;float:left;box-sizing:border-box;padding:.44rem;margin:.6rem 0}.grid-visible{background:#eee;text-align:center;border-radius:.44rem}@media (min-width:550px){.container{width:90%}.eight,.eleven,.five,.four,.nine,.one,.seven,.six,.ten,.three,.twelve,.two{margin-left:4%}.eight:first-child,.eleven:first-child,.five:first-child,.four:first-child,.nine:first-child,.one:first-child,.seven:first-child,.six:first-child,.ten:first-child,.three:first-child,.twelve:first-child,.two:first-child{margin-left:0}.one{width:4.6666666667%}.two{width:13.3333333333%}.three{width:22%}.four{width:30.6666666667%}.five{width:39.3333333333%}.six{width:48%}.seven{width:56.6666666667%}.eight{width:65.3333333333%}.nine{width:74%}.ten{width:82.6666666667%}.eleven{width:91.3333333333%}.twelve{width:100%;margin-left:0}.offset-one{margin-left:8.6666666667%}.offset-two{margin-left:17.3333333333%}.offset-three{margin-left:30%}.offset-four{margin-left:34.6666666667%}.offset-five{margin-left:43.3333333333%}.offset-six{margin-left:52%}.offset-seven{margin-left:60.6666666667%}.offset-eight{margin-left:69.3333333333%}.offset-nine{margin-left:78%}.offset-ten{margin-left:86.6666666667%}.offset-eleven,.offset-eleven:first-child{margin-left:95.3333333333%}}.header{position:absolute;width:100%;background:#fff;border-bottom:1px solid #ddd;z-index:9}.header-container{margin:0 auto;position:relative;padding:1.305rem;max-width:960px;display:flex;justify-content:space-between;align-items:center}.header--scroll{position:fixed}.header-container--scroll{padding:.24rem 1.24rem}.logo{font-weight:700}.desktop-nav{display:none}.mobile-nav{height:100%;width:100%;position:fixed;top:51px;left:0;right:0;padding:1.24rem;background:#fff;border-left:1px solid #eee;z-index:8}nav>a{padding:.2rem 0;display:block;border-top:1px dotted #101}nav>a:first-child{border:none}.mobile-nav--hidden{display:none}.burger-container{position:relative;height:20px;width:28px;cursor:pointer;z-index:9}.burger,.burger::after,.burger::before{position:absolute;height:4px;width:28px;content:"";transition:transform .3s cubic-bezier(.4, 1, .5, 1);background:#000}.burger::before{margin-top:8px}.burger::after{margin-top:16px}.burger-open{overflow:hidden}@media (min-width:720px){.desktop-nav{display:inline-block}nav>a{margin-left:2rem;padding:auto;display:inline;border:none}nav>a:first-child{padding:1rem 0;margin-left:0}.burger-container{display:none}.burger-open{overflow:auto}.mobile-nav{display:none}}@media (max-width:320px){.burger-container{display:block}}.accordion,details{border:1px solid #eee}.accordion__item+.accordion__item{border-top:1px solid #eee}.accordion__item__header,details summary{margin:0;border:none;border-bottom:1px solid #eee;border-radius:0;width:100%;text-align:left;padding:1.2rem 1.6rem;font-size:1.6rem;background:#fff;cursor:pointer}.accordion__item__header:focus{border-bottom:1px solid #eee}.accordion__item__body,.detail__body{padding:1.2rem 1.6rem}.accordion__item__body__hidden{display:none}.alert{border-radius:1.24rem;padding:1.24rem;position:relative;margin:1rem 0;border:1px solid #eee}.alert--dismissable{padding-right:3rem}.alert--dismissable .button-close{position:absolute;top:0;right:0;padding:1.9rem 1rem;margin:0}.alert--success{background:#d1e7dd}.alert--fail{background:#f8d7da}.button,a.button,input[type=button],input[type=reset],input[type=submit]{border:1px solid #275d57;border-radius:.6rem;padding:1.2rem 1.6rem;display:inline-block;color:#275d57;margin:.6rem .2rem;text-align:center;background:0 0;font-size:1.3rem;line-height:1.3rem;letter-spacing:.07rem;cursor:pointer;font-weight:700}.button:focus,.button:hover,a.button:hover,button:focus,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#275d57;outline:0}.button--fill,a.button--fill,button.button--fill,input[type=button].button--fill,input[type=reset].button--fill,input[type=submit].button--fill{background:#275d57;color:#fff}.button--fill:focus,.button--fill:hover,a.button--fill:hover,button.button--fill:hover,button:focus,input[type=button].button--fill:focus,input[type=button].button--fill:hover,input[type=reset].button--fill:focus,input[type=reset].button--fill:hover,input[type=submit].button--fill:focus,input[type=submit].button--fill:hover{color:#fff;background:#368179;outline:0}.button--alt,a.button--alt,button.button--alt,input[type=button].button--alt,input[type=reset].button--alt,input[type=submit].button--alt{background:#df7e77;border-color:#df7e77;color:#fff}.button--alt:focus,.button--alt:hover,a.button--alt:hover,button.button--alt:hover,button:focus,input[type=button].button--alt:focus,input[type=button].button--alt:hover,input[type=reset].button--alt:focus,input[type=reset].button--alt:hover,input[type=submit].button--alt:focus,input[type=submit].button--alt:hover{color:#333;border-color:#888;outline:0}.button-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5;vertical-align:middle;cursor:pointer}.card{background:#ddd;text-align:center;transition:transform .2s;width:240px;display:inline-block;vertical-align:top;margin:1rem;overflow:hidden}.card__header{padding:2rem;width:100%;height:auto;background:red;color:#fff;position:relative;padding:0;margin:0}.card__header--image{padding:0;width:100%}.card__header img{max-width:100%;height:auto;display:block;overflow:hidden}.card__header__absolute{color:#fff;position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.card__content{padding:2.2rem}.card__footer{padding:1.2rem;padding-top:0}.flip-card:hover .flip-card__front{display:none}.flip-card:hover .flip-card__back{display:block}.flip-card__front{display:block}.flip-card__back{display:none}pre{background:#f8f8f8;padding:1rem;margin:1rem 0;white-space:pre-wrap;overflow-x:auto;border:1px solid #f8f8f8;border-radius:6px}code{background:#f8f8f8;padding:.1rem .4rem;border:1px solid #f8f8f8;border-radius:6px;font-size:1.5rem;color:#555}pre code{border:none}.cookie-prompt{position:fixed;bottom:0;background:#eee;border-top:1px solid #333;width:100%;padding:1.2rem}.cookie-prompt--hidden{display:none}#hero{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.hero__credit{position:absolute;bottom:0;right:0;padding:1.24rem;border-radius:1rem 0 0 0;background:#eee}.hero__credit--hidden{display:none}.hero-s{padding:4.64rem;background:#275d57}.hero-m{height:400px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;max-height:70vh}.hero-f{height:100vh;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.hero--image{background-color:#444;background-image:linear-gradient(rgba(68,68,68,.2),rgba(68,68,68,.45)),url("/images/hero.jpg")}.hero-content{text-align:center}.hero-f .hero-content,.hero-m .hero-content{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.hero-f *,.hero-m *,.hero-s *{color:#fff}.hero--para{background-attachment:fixed}.main--para{margin-top:0}ul{padding-left:0;margin-left:0;list-style:inside}ul li{margin:.35rem}li>ul{margin-left:1em}blockquote{margin:1.7rem .2rem;border-left:2px solid;padding:1rem .4rem;padding-left:2rem}.tblcon{overflow-x:auto}table{text-align:left;width:100%;border-collapse:collapse;overflow-wrap:normal;margin:24px 0}th{font-weight:700}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #e1e1e1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}thead tr{border-color:red}tbody tr:nth-child(odd) td{background-color:#fcfcfc}tbody tr:hover td{background:#f8f8f8}@media print{.container{max-width:none}}@media (min-width:720px){ul li{margin:auto}}@media (max-width:320px){body{overflow-wrap:anywhere}img{width:100%;height:auto}}.tag{font-size:.8rem;vertical-align:middle;padding:.2rem .5rem;border-radius:.33rem;border:1px solid #ddd}.tag--m{font-size:1rem}.tag--l{font-size:1.2rem}.tag--fill{background:#275d57;color:#fff;border-color:#275d57}.tag--alt{background:#df7e77;color:#fff;border-color:#df7e77}.toast-container{position:fixed;z-index:9;bottom:0;padding:1rem;pointer-events:none;width:100%}.toast{text-align:center;display:block}.toast__inner{margin:0 auto;font:1.4rem sans-serif;color:#444;padding:1.2rem 2rem;border-radius:.3rem;background:#222;color:#fff;text-align:center;box-shadow:0 2px 8px -5px #000;display:inline-block}.toast+.toast{margin-top:.4rem}.hidden{display:none}.tac{text-align:center}.vh{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;padding:2px 8px;overflow:hidden;white-space:nowrap;background:#fff;z-index:10}.vh:focus{clip:auto;overflow:auto;height:auto;width:auto}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}strong{font-weight:700}.section{padding:1.75rem 1.24rem;margin:1.75rem auto;background:#fff}.section--no-bg{padding:0;background:0 0}nav a{color:#000}nav a:hover,nav a:visited:hover{color:#275d57;border-bottom:1px solid #275d57}nav a:visited{color:#000}main{margin-top:84px;background:#faece1}.hero--image{background-size:cover;background-position-x:center;background-position-y:top}a.button--hero{border-color:#fff;background:#fcfcfc;color:#275d57;font-size:1.5rem;margin-top:1.2rem}a.button--hero:hover{background:#fff;color:#000}.section h2{border-bottom:1px solid #eee;padding-bottom:1.4rem;margin-bottom:1.4rem}.hero-m .hero-content{top:auto;transform:translate(-50%,0);bottom:50px}.hero-m .hero-content h1{font-size:3.8rem}.hero-m .hero-content h2{font-size:2.6rem}details{margin-bottom:1rem}details .detail__body,details summary{background:#fff}.header{height:84px}.header--scroll{height:auto}.mobile-nav{top:84px}nav>a{padding:.7rem}.fundraiser-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:360px){.fundraiser-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.fundraiser-container{grid-template-columns:repeat(4,minmax(0,1fr))}}.fundraiser{border-bottom:1px solid #ddd;text-align:center;padding-bottom:1rem;display:flex;flex-direction:column}.fundraiser img{align-items:center;width:100%;height:auto}.fundraiser p{padding-top:.6rem;margin-bottom:auto}.fundraiser:nth-child(odd){border-bottom:1px solid #eee}.fundraiser:hover{border-bottom:1px solid #275d57}p+p{margin-top:1rem}p+.button{margin-top:2rem}.footer{border-top:1px solid #111;background:#368179;padding:1.6rem 0;padding-bottom:2.4rem}.footer *{color:#fff}.footer__sub{margin-top:2rem}.footer__title{font-weight:700;font-size:1.85rem;margin-bottom:1rem;margin-top:.8rem}.footer__logo__container{display:flex;gap:1.6rem;align-items:center;margin-bottom:1rem}.footer__logo__container .footer__title{margin:0}.footer__logo{border-radius:9999px}a.footer__link{color:#fff}a.footer__link:hover{color:#000}.subfooter{border-top:1px solid #222;background:#275d57;padding:.8rem 0}.subfooter *{color:#fff}.subfooter a{color:#fff;text-decoration:underline}.subfooter a:hover{color:#ddd}.footer__container{display:flex;flex-wrap:wrap;gap:3rem}a.footer__icon{width:32px;height:32px;display:inline-block}.siteby{text-align:right}.section summary h2{font-size:1.6rem;border:none;margin:0;padding:0;display:inline;vertical-align:middle}.card__content{background:#fff;padding:1rem}.team-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:700px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.team-grid .card{width:100%;height:auto;background:#fff;position:relative}.card__image{width:100%;height:auto}.flip-card{margin:0;position:relative;height:286px;width:100%}.flip-card:hover .flip-card__front{display:block}@media (min-width:320px){.flip-card:hover .flip-card__front .card__content{display:none}}.flip-card:hover .flip-card__back{display:block}.flip-card__front{position:relative}.flip-card__front .card__content{background:#275d57;background:rgba(39,93,87,.8)}@media (min-width:320px){.flip-card__front .card__content{position:absolute;bottom:0;max-width:85%}}.flip-card__front .card__content *{color:#fff}.flip-card__front .card__content h2{border:0;padding:0}.flip-card__front .card__content h3{font-size:1.6rem}.flip-card__back{display:block}@media (min-width:320px){.flip-card__back{display:none}.flip-card__back .card__content{position:relative}.flip-card__back .card__content p{position:relative}}@media (min-width:320px){.flip-card__back .card__content{position:absolute;top:0;left:0;width:100%;height:100%;background:#275d57;background:rgba(39,93,87,.8)}.flip-card__back .card__content p{padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#fff}}.donate-container{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:720px){.donate-container{grid-template-columns:repeat(2,minmax(0,1fr))}}.donate-container section{padding:1rem}.donate-container section h3{border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:1rem}.donate-container section a.button{display:block}.contact-container{display:grid;gap:1rem;margin:0 auto;margin-top:1rem;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:720px){.contact-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.contact-container{grid-template-columns:repeat(3,minmax(0,1fr))}}.contact-container a,.contact-container a:visited{display:block;padding:1rem;text-align:center;color:#fff;color:#000;border:1px solid #eee;border-bottom:1px solid #ddd}.contact-container a:hover,.contact-container a:visited:hover{background:#fdfdfd;border-color:#ddd} |