*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul.no_bullet{list-style:none}body.mobile-opened header{position:unset}nav#cover-menu{display:none;z-index:200}nav#cover-menu .bg-cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000dd;z-index:201}nav#cover-menu .wrapper{position:absolute;top:0;left:0;width:100%;z-index:202;background:#fff}nav#cover-menu #mobile-search{background:#009a4d;border-bottom:1px solid #009a4d}nav#cover-menu #mobile-search form{display:grid;grid-template-columns:1fr 24px;place-items:center;max-width:90%;grid-gap:10px;padding:15px 32px 15px 15px}nav#cover-menu #mobile-search input[type=text]{border-radius:0;outline:none;width:100%;border:2px solid #ccc;padding:10px 15px}nav#cover-menu #mobile-search label input[type=submit]{display:none}nav#cover-menu #mobile-search label{display:block}nav#cover-menu #mobile-search label svg{height:24px;width:24px;color:#fff}nav#cover-menu #mobile-search label svg:hover{cursor:pointer;opacity:.8}nav#cover-menu button.mobile-toggle.absolute{position:absolute;top:5px;right:0}nav#cover-menu button.mobile-toggle{border:none;background:0 0;cursor:pointer;color:#fff;padding:20px}nav#cover-menu button.mobile-toggle:hover{opacity:.8}nav#cover-menu button.mobile-toggle svg{height:32px;width:32px}nav#cover-menu #mobile-menu-container{background:#fff}nav#cover-menu #mobile_menu_container{background:#fff;padding:15px 0;border-bottom:1px solid #ccc}nav#cover-menu #mobile-menu-main ul{list-style:none;padding:0;width:100%}nav#cover-menu #mobile-menu-main li{display:block}nav#cover-menu #mobile-menu-main li a{display:block;font-size:1.35rem;font-weight:700;text-transform:uppercase;padding:10px 15px;width:100%;color:#000}nav#cover-menu #mobile-menu-main ul li a:hover{background:0 0;color:#333;text-decoration:none}nav#cover-menu .info-buttons{background:#fff;border-top:1px solid #333}nav#cover-menu .info-buttons .social_menu img{height:50px;width:50px;margin:15px 0 15px 15px}nav#cover-menu nav#mobile-menu button.mobile-close{color:#000;text-transform:uppercase;background:#fff;padding:15px 15px 15px 40px;cursor:pointer;font-weight:700;font-size:1rem}nav#cover-menu nav#mobile-menu button.mobile-close:hover{opacity:.8}form.search{position:relative}form.search label{display:none}form.search input#s{border-radius:25px;border:2px solid #fff;background:0 0;padding:8px 15px;color:#fff}form.search button#searchsubmit{display:block;height:32px;width:32px;background:rgba(0,0,0,0);color:#fff;border:none;cursor:pointer;position:absolute;right:.7rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.social a.twitter{color:#1c9cea}.social a.facebook{color:#4064ac}.social a.instagram{color:#9c7054}.social a.youtube{color:#f70000}.social a.spotify{color:#25ce7b}.social a.apple{color:#000}.social a.twitter:hover,.social a.facebook:hover,.social a.instagram:hover,.social a.youtube:hover,.social a.spotify:hover,.social a.apple:hover{opacity:.8}form label{display:none}form ul{list-style:none;padding:0}select,textarea,input[type=text],input[type=tel],input[type=email]{background:#fff;color:#333;border-radius:4px;padding:15px;border:none;max-width:410px;width:100%;margin:5px 0}input[type=submit]{background:#631e17;color:#fff;padding:15px;border-radius:4px;text-align:center;border:none;max-width:410px;width:100%}input[type=submit]:hover{cursor:pointer}#popup-contact{display:none;position:fixed;bottom:15px;right:0;max-width:700px;max-height:95vh;width:100%;z-index:20;border-radius:5px;padding:15px}#popup-contact .title{background:#3d3d3d;border:1px solid #3d3d3d;border-radius:5px 5px 0 0;color:#fff;min-height:80px;display:grid;grid-template-columns:1fr 80px}#popup-contact .title>div{align-self:center;font-size:2rem;font-weight:700;padding-left:30px}#popup-contact .title button#popup-contact-btn-close{border:0;outline:none;display:block;background:0 0;cursor:pointer}#popup-contact .title button#popup-contact-btn-close svg{width:45px;height:45px;color:#fff}#popup-contact .body{background:#f1f3f4;padding:35px 50px;border:1px solid #3d3d3d;border-radius:0 0 5px 5px}#popup-contact .body p{font-size:1.25rem;text-align:center;padding-bottom:20px}#popup-contact .body .form-container .gform_fields{display:grid;grid-gap:10px;grid-template-areas:"fname lname" "phone phone" "email email" "interest interest" "message message"}#popup-contact .body .form-container .gform_fields>div div input,#popup-contact .body .form-container .gform_fields>div div select,#popup-contact .body .form-container .gform_fields>div div textarea{max-width:100%;margin:0;border-radius:unset;border:2px solid #d8d8d8}#popup-contact .body .form-container .gform_fields>div div input:focus,#popup-contact .body .form-container .gform_fields>div div select:focus,#popup-contact .body .form-container .gform_fields>div div textarea:focus{outline:none}#popup-contact .body .form-container .gform_fields>div:nth-child(1){grid-area:fname}#popup-contact .body .form-container .gform_fields>div:nth-child(2){grid-area:lname}#popup-contact .body .form-container .gform_fields>div:nth-child(3){grid-area:phone}#popup-contact .body .form-container .gform_fields>div:nth-child(4){grid-area:email}#popup-contact .body .form-container .gform_fields>div:nth-child(5){grid-area:interest}#popup-contact .body .form-container .gform_fields>div:nth-child(6){grid-area:message}#popup-contact .body .form-container input[type=submit]{background:red;color:#fff;max-width:100%;margin-top:15px;font-size:1.5rem;font-weight:700}#popup-contact-btn-open{position:fixed;bottom:30px;right:30px;z-index:2;cursor:pointer;background:red;border-radius:3px;padding:20px;border:0;outline:none}@media (max-width:500px){#popup-contact .body .form-container .gform_fields{grid-template-areas:"fname" "lname" "phone" "email" "interest" "message"}}body.page article.fullwidth-container{max-width:100%;background-image:url(//www.whatcomgutter.com/wp-content/themes/whatcomgutterco/css/../images/bg.png);background-repeat:repeat}body.page h1.page-heading{font-size:3.5rem;color:#474747;padding:40px 0 20px}body.page article.main-container{max-width:1280px;margin:0 auto;background-image:url(//www.whatcomgutter.com/wp-content/themes/whatcomgutterco/css/../images/bg.png);background-repeat:repeat}@media (max-width:1280px){body.page article.main-container{max-width:100%;margin:0 15px}}body.blog article .blog-container,body.single article .blog-container{max-width:1280px;margin:20px auto;background:#fff}body.blog div.post,body.single div.post{margin-bottom:30px;padding:30px 0;display:grid;grid-template-columns:300px 1fr;grid-gap:20px}body.blog div.post h2,body.single div.post h2{margin-bottom:0 !important}body.blog div.post h2 a,body.single div.post h2 a{color:#00798c}@media (max-width:1280px){body.blog article .blog-container,body.single article .blog-container{max-width:100%;margin:0 15px}}@media (max-width:700px){body.blog div.post{grid-template-columns:1fr;justify-items:center}body.blog div.post img{max-width:100%;height:auto}}body{position:relative;font-family:"Poppins",sans-serif}p{font-size:1.15rem;line-height:1.75rem;font-weight:200}h1{font-size:2.2rem;padding-bottom:20px}h2{font-size:1.65rem;padding-bottom:10px}h3{font-size:1.25rem;padding-bottom:10px}ul{padding-left:20px}a{color:#161616;text-decoration:none}a:hover{text-decoration:underline}a.btn{cursor:pointer}svg.icon-16{width:16px;height:16px;margin:3px}svg.icon24{width:16px;height:16px}article.main-container{max-width:100%;margin:0;padding:0}.inner_container.full-width{width:100%}.inner_container.w1200{width:100%}a.btn{display:inline-block;padding:10px 25px;color:#fff;background:red;border-radius:3px;font-weight:700;font-size:1em;text-transform:uppercase}nav#cover-menu #mobile-search input[type=text]{max-width:100%}nav#cover-menu #mobile-search{background:#009a4d}#mobile-menu-main{background:#fff;color:#000}header .mobile-open{display:none}header ul{list-style:none}header .top{background-image:url(//www.whatcomgutter.com/wp-content/themes/whatcomgutterco/css/../images/bg.png);background-repeat:repeat;padding:15px 0}header .top .inner{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;max-width:988px;margin:0 auto}header .top .inner .social_menu{justify-self:start}header .top .inner .social_menu a{display:inline;padding:0 4px}header .top .inner .social_menu a img{width:32px;height:32px}header .top .inner .logo{justify-self:center}header .top .inner .logo img{width:130px;height:130px}header .top .inner .phone_menu{justify-self:end;display:flex}header .top .inner .phone_menu img{padding:0 5px}header .top .inner .phone_menu a{color:#009a4d;padding:0 5px;text-decoration:underline}header .top .inner .phone_menu a:hover{text-decoration:none}header .bottom{background-color:#333}header .bottom .inner .main_menu{text-align:center}header .bottom .inner .main_menu ul{margin:0 auto}header .bottom .inner .main_menu ul li{display:inline-block}header .bottom .inner .main_menu ul a{display:block;color:#fff;min-width:150px;padding:5px 0}header .bottom .inner .main_menu ul a:hover,header .bottom .inner .main_menu ul li.current-menu-item a{background:#009a4d;text-decoration:none}@media (max-width:1000px){header .top .inner{display:grid;grid-template-columns:1fr;grid-gap:20px;grid-template-areas:"logo" "social_menu" "phone_menu";margin:0 15px}header .top .inner .social_menu{grid-area:social_menu;justify-self:center}header .top .inner .logo{grid-area:logo}header .top .inner .phone_menu{grid-area:phone_menu;justify-self:center}}@media (max-width:850px){header .mobile-open{display:block;position:absolute;border:none;background:0 0;top:0;right:0;padding:15px;cursor:pointer;color:#fff}header .mobile-open svg{height:32px;width:32px;color:#009a4d}header .mobile-open:hover{opacity:.8}header .bottom{display:none}}footer{background:#202020;color:#fff;border-top:5px solid #009a4d;padding:60px 0 80px}footer .wrapper .top{text-align:center}footer .wrapper .top p{font-size:1.75em}footer .wrapper .top hr.gradient{margin:50px auto;border:0;height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),#e1e1e1,rgba(0,0,0,0));background-image:-moz-linear-gradient(left,#0000,#e1e1e1,#0000);background-image:-ms-linear-gradient(left,rgba(0,0,0,0),#e1e1e1,rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),#e1e1e1,rgba(0,0,0,0));width:60%;max-width:525px}footer .wrapper .bottom{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;text-align:center}footer .wrapper .bottom p{font-size:1em}footer .wrapper .bottom a{color:#fff;text-decoration:underline}footer .wrapper .bottom a:hover{text-decoration:none}footer .wrapper .bottom img{display:block;width:50px;height:50px}footer .wrapper .bottom .location,footer .wrapper .bottom .phone,footer .wrapper .bottom .email{display:grid;grid-template-columns:1fr;grid-gap:20px;justify-items:center;text-align:center}@media (max-width:850px){footer{background:#202020;color:#fff;border-top:5px solid #009a4d;padding:60px 0 80px}footer .wrapper .bottom{grid-template-columns:1fr;grid-gap:30px}}