/*! * allinforpete.com * * Author: All in for Pete * Version: 1.0 * * Animated gifs found :: http://giphy.com/ * Initial Templates :: https://github.com/murtaugh/HTML5-Reset * * * HTML5 Reset :: style.css * ---------------------------------------------------------- * We have learned much from/been inspired by/taken code where offered from: * * Eric Meyer :: http://meyerweb.com * HTML5 Doctor :: http://html5doctor.com * and the HTML5 Boilerplate :: http://html5boilerplate.com * * * SASS :: style.css * ---------------------------------------------------------- * This CSS was written and compiled with SASS * http://sass-lang.com/ * -------------------------------------------------------------------------------*/html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:rgba(0,0,0,0)}main,article,aside,figure,footer,header,nav,section,details,summary{display:block}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img{max-width:100%}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:separate;border-spacing:0;text-align:left}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}td img{vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #999;margin:1rem 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre-line}input[type=radio]{vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom}small{font-size:.8rem}strong{font-weight:bold}sub,sup{font-size:.8rem;line-height:0;position:relative}sup{top:-0.5rem}sub{bottom:-0.25rem}pre,code,kbd,samp{font-family:monospace,sans-serif}label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}ins{background-color:var(--highlight-color);color:#000;text-decoration:none}mark{background-color:var(--highlight-color);color:#000;font-style:italic;font-weight:bold}blockquote{padding:2rem;border-left:1px solid #333}.clearfix:after{content:"";display:table;clear:both}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}@media(prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth}}:root{--font-system: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--text-color: #333;--featured-color: #03f;--featured-color-hover: #69f;--highlight-color: #fcd700}body{font-size:16px;font-family:var(--font-system);color:var(--text-color)}a{color:var(--featured-color)}a:hover{color:var(--featured-color-hover)}.wrapper{width:980px;margin:0 auto}header{background-color:#022855;height:85px;position:fixed;width:100%;z-index:9999}header h1{float:left}header h1 a{background-color:#fff;-webkit-border-bottom-right-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px;display:inline-block;height:140px;padding:10px;transition:all .2s ease-in-out}header ul{float:right;margin:20px 0 0 0}header ul li{float:left}header ul li a{color:#dadada;display:block;font-size:18px;font-weight:bolder;margin-right:30px;padding:10px 0;text-decoration:none;text-transform:uppercase}header ul li a:hover{color:#fff;text-decoration:underline}header ul li a.donate-btn{background-color:#45a6d0;border-radius:3px;margin:0;padding:10px 30px;transition:all .2s ease-in-out}header ul li a.donate-btn:hover{background-color:#e35152;text-decoration:none}article{background-color:#fafafa}article h1{font-size:40px;font-weight:bolder;letter-spacing:-1px}article h2{font-size:30px;font-weight:bolder;letter-spacing:-1px;line-height:30px}article h3{font-size:27px;font-weight:bolder;letter-spacing:-1px;line-height:27px}article p{font-size:20px;padding:0 0 20px}.sign-up-container{background-image:url("../img/hero_bg2.jpg");background-position-x:center;background-size:cover;color:#fff;min-height:60vh;padding-top:200px}.sign-up-container #bumper-hero-img{background:#fff;float:right;margin-top:70px;padding:5px;transform:rotate(-8deg);width:30%}.sign-up-container form{padding:0 0 75px}.sign-up-container form input[type=text],.sign-up-container form input[type=tel],.sign-up-container form input[type=email],.sign-up-container form select{background:hsla(0,0%,100%,.7);border:0;border-radius:5px;display:inline-block;margin:0 0 20px 0;padding:20px 10px;width:300px}.sign-up-container form input[type=text]::placeholder,.sign-up-container form input[type=tel]::placeholder,.sign-up-container form input[type=email]::placeholder,.sign-up-container form select::placeholder{color:#000}.sign-up-container form input[type=text]:focus,.sign-up-container form input[type=tel]:focus,.sign-up-container form input[type=email]:focus,.sign-up-container form select:focus{background:#fff}.sign-up-container form #name,.sign-up-container form #street-address{display:block}.sign-up-container form #name,.sign-up-container form #street-address{width:604px}.sign-up-container form #city,.sign-up-container form #postal-code{width:147px}.sign-up-container form input[type=submit]{background-color:#45a6d0;border:0;border-radius:3px;color:#fff;display:block;font-size:18px;font-weight:bolder;margin:0 0 10px;padding:10px 30px;text-decoration:none;text-transform:uppercase;transition:all .2s ease-in-out}.sign-up-container form input[type=submit]:hover{background-color:#e35152;color:#fff}.sign-up-container form small{color:#dadada;display:block;font-style:italic;width:500px}.content{padding:75px 0}.content h1,.content h2,.content h3,.content h4{padding:0 0 20px 0}.content h1{border-bottom:1px dotted #ccc;line-height:40px;margin:0 0 40px;padding:0 0 20px}.content h4{font-weight:bolder}.content p{font-size:25px;letter-spacing:-1px;line-height:45px;padding:0 0 30px 0}.content p a{color:#fff;transition:all .2s ease-in-out}.content p a:hover{color:#e35152}.content ul li{font-size:17px;list-style-type:disc;margin-left:40px;padding:0 0 30px}.donate-bar{background-color:#45a6d0;padding:40px 0;text-align:center}.donate-bar h3{color:#fff;margin:0 0 25px}.donate-bar ul{padding:0 0 20px}.donate-bar ul li{display:inline-block;margin:0 5px}.donate-bar ul li a{border:3px solid #022855;border-radius:6px;color:#022855;font-size:20px;font-weight:bolder;display:block;line-height:20px;padding:10px 35px;text-decoration:none;transition:all .2s ease-in-out}.donate-bar ul li a:hover{background-color:#022855;color:#fff}.donate-bar p{color:#fff;font-size:16px;line-height:16px;padding:0}.about-us img{border:2px solid #022855;border-radius:3px;float:right;margin:0 0 20px 75px;transition:all .2s ease-in-out}.about-us .about-content{border-bottom:1px dotted #ccc;margin:0 0 40px;padding:0 0 20px}.about-us .about-content p a{color:#333}.about-us .about-content p a:hover{text-decoration:none}.about-us .about-content.no-border{border:0}footer{background-color:#022855;color:#fff;padding:50px 0;text-align:center}footer .wrapper{border:1px solid #fff;padding:15px}footer .wrapper p{font-size:14px;line-height:14px}@media screen and (max-width: 1050px){.wrapper{width:90%}.sign-up-container #bumper-hero-img{background:#fff;float:none;margin:15px 0 45px;padding:5px;transform:rotate(-4deg);width:50%}}@media screen and (max-width: 920px){.about-us img{width:30%}}@media screen and (max-width: 800px){header{height:auto}header h1{float:none;text-align:center}header ul{float:none;margin:20px 0}header ul li{float:none}header ul li a{padding:0 0 20px;margin:0 auto;text-align:center;width:270px}header ul li a.donate-btn{margin:0 auto}.sign-up-container{padding-top:350px}}@media screen and (max-width: 740px){.donate-bar ul li{display:block;margin:0 0 20px}.about-us img{display:none}}@media screen and (max-width: 700px){.content p{font-size:22px;line-height:40px}.sign-up-container form input[type=text],.sign-up-container form input[type=tel],.sign-up-container form input[type=email],.sign-up-container form select{display:block;width:100%}.sign-up-container form #name,.sign-up-container form #street-address,.sign-up-container form #city,.sign-up-container form #postal-code{width:100%}.sign-up-container form small{width:100%}}/*# sourceMappingURL=styles.css.map */