@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;800&display=swap");body{font-family:Montserrat,sans-serif;overflow:-moz-scrollbars-none;-ms-overflow-style:none;color:#333}body,h1,h2,h3{margin:0}header{color:#fff;position:sticky;top:0;z-index:10}header .header-inner{background-color:#004b87}header .styleguide-topbar{margin:0 auto;max-width:1300px}header .styleguide-topbar-inner{align-items:center;display:flex;flex-wrap:wrap;height:75px;justify-content:space-between;padding:0 5%}header .styleguide-logo{margin-bottom:5px;max-width:200px}header .styleguide-logo img{width:100%}header .styleguide-title{font-size:13px;font-weight:700}body.styleguide-hp-body{background-attachment:fixed;background-image:url(https://brand.essendant.com/hubfs/Style%20Guide/Global/styleguide-hp-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;padding-bottom:190px;position:relative}.styleguide-hp-body-cont{margin:80px auto 0;max-width:950px;padding:0 5%}h1.styleguide-hp-h1{font-size:30px;line-height:35px;margin-bottom:65px}h1.styleguide-hp-h1 img{display:block;margin-bottom:25px;max-width:518px;width:80%}.styleguide-introcopy{font-size:18px;line-height:30px}.styleguide-introcopy p:not(:last-of-type){margin:0 0 35px}.styleguide-introcopy p:last-of-type{margin:0}.styleguide-hp-footer{background-color:#292929;bottom:0;position:fixed;width:100%}.styleguide-hp-footer-cont{align-items:center;display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin:0 auto;max-width:950px;padding:25px 5% 40px;text-align:center}.styleguide-footerintro{font-weight:700;width:100%}.styleguide-nav-item a{color:#fff;text-decoration:none}.styleguide-nav-item a:hover{color:#41b6e6}.styleguide-navbar-cont{background-color:#292929}.styleguide-navbar-inner{color:#fff;margin:0 auto;max-width:1280px;padding:15px 0 15px 5%}.styleguide-currentpage{font-size:25px;font-weight:700;line-height:25px}.styleguide-pagesub-cont{display:flex;margin-top:15px;overflow-x:scroll;position:relative;white-space:nowrap}.pagesub-item{border-bottom:3px solid #5e5e5e;color:#fff;font-size:13px;padding-bottom:12px;text-decoration:none}.pagesub-item:not(:last-child){padding-right:25px}.pagesub-item:last-child{margin-right:15px}.pagesub-item.subitem-active{color:#41b6e6;font-weight:700;position:relative}.pagesub-item.subitem-active span{position:relative}.pagesub-item.subitem-active span:after{background-color:#41b6e6;bottom:-15px;content:"";height:3px;left:0;position:absolute;width:100%;z-index:1}.styleguide-nav-title{color:#fff;font-size:20px;font-weight:700;margin-bottom:12px;text-transform:uppercase}.styleguide-menu-inner{margin:0;overflow:scroll}.menu-button-cont{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:30px}#menu-toggle{display:none}.menu-button,.menu-button:after,.menu-button:before{background-color:#fff;border-radius:2px;display:block;height:4px;position:absolute;transition:transform .4s cubic-bezier(.23,1,.32,1);width:30px}.menu-button:before{content:"";margin-top:-8px}.menu-button:after{content:"";margin-top:8px}#menu-toggle:checked+.menu-button-cont .menu-button:before{margin-top:0;transform:rotate(405deg)}#menu-toggle:checked+.menu-button-cont .menu-button{background:hsla(0,0%,100%,0)}#menu-toggle:checked+.menu-button-cont .menu-button:after{margin-top:0;transform:rotate(-405deg)}.styleguide-menu-cont{background-color:#004b87;left:0;overflow:scroll;position:absolute;top:75px;width:100%;z-index:10}#menu-toggle~.styleguide-menu-cont .styleguide-menu-inner{margin:0;max-height:0;transition:max-height .4s cubic-bezier(.23,1,.32,1)}#menu-toggle:checked~.styleguide-menu-cont .styleguide-menu-inner{max-height:100vh;transition:max-height .8s cubic-bezier(.23,1,.32,1)}.styleguide-menu{list-style:none;margin:0;padding:0 3% 15px}.styleguide-menu:first-of-type:before{border-top:1px solid #333;content:"";display:inline-block;height:12px;width:100%}.styleguide-menu:last-of-type{padding-bottom:85px}.menu-item-link{color:#fff;text-decoration:none}label.menu-item-link{display:block;margin-left:36px;position:relative}label.menu-item-link:after{border-style:solid;border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #46bfeb;content:"";height:0;position:absolute;right:9px;top:9px;transition:all .2s;width:0}.styleguide-menu-item{counter-increment:customlistcounter;font-size:18px;font-weight:700;margin-bottom:12px;margin-left:10px;max-width:250px}.styleguide-menu-item:before{border-bottom:3px solid #004b87;color:#77a4c2;content:counter(customlistcounter,decimal-leading-zero) " ";position:absolute}.styleguide-menu-item.item-active:before{border-bottom:3px solid #fff}.styleguide-menu-item .menu-item-link-single{display:block;margin-left:35px}.styleguide-menu-item input:checked+label.menu-item-link:after{transform:rotate(180deg)}.styleguide-submenu{padding-left:35px}.styleguide-submenu ul{list-style-type:none;margin:0;padding:0 0 5px}.styleguide-submenu-item{font-size:16px;margin-bottom:6px}.styleguide-submenu-item:first-of-type{padding-top:5px}.styleguide-submenu-item:last-of-type{margin-bottom:15px}.styleguide-submenu-item a{display:block;font-weight:500;padding-left:20px;position:relative}.styleguide-submenu-item .menu-item-link:before{content:"-";left:7px;position:absolute}.styleguide-submenu-item .menu-item-link.subitem-active{color:#41b6e6;font-weight:700}.styleguide-submenu-item .menu-item-link.subitem-active:before{color:#41b6e6}.menu-item-has-children{overflow:hidden}.menu-item-has-children input{display:none}.styleguide-submenu{max-height:0;transition:max-height .25s}.menu-item-has-children input:checked~.styleguide-submenu{max-height:100vh}:root{--loader-width:70px;--loader-height:70px;--loader-color-primary:#41b6e6;--loader-color-secondary:#eee;--line-width:3px;--animation-duration:2s;--loader-initial-scale:0.1}@keyframes circle-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-cont{position:relative}.loader,.loader:after,.loader:before{box-sizing:border-box;flex-grow:0;flex-shrink:0;left:0;margin:0 auto;position:absolute;right:0;top:200px}.loader.simple-circle{animation:circle-loader var(--animation-duration,1s) infinite ease-out;border:var(--line-width,4px) solid var(--loader-color-secondary,#fff);border-radius:50%;border-right-color:var(--loader-color-primary,#00f);height:var(--loader-height,100px);transform-origin:center center;width:var(--loader-width,100px)}.styleguide-body{position:relative}.styleguide-body-inner{background-color:#fff;min-height:100vh;padding:30px 5% 0;position:relative;visibility:hidden}.styleguide-subsection{display:none;scroll-margin-top:300px}.styleguide-subsection:target{display:block}.tabs-active .styleguide-subsection:target{display:none}.styleguide-subsection.subsection-first-item.active-main-body,.tabs-active .styleguide-subsection.active-main-body{display:block}.styleguide-quote{font-size:18px;font-weight:700;line-height:31px;padding:23px 5%;position:relative;z-index:0}.styleguide-quote:before{content:url(https://brand.essendant.com/hubfs/Style%20Guide/Global/start-quote.svg);left:0;top:0}.styleguide-quote:after,.styleguide-quote:before{height:49px;position:absolute;width:67px;z-index:-10}.styleguide-quote:after{bottom:0;content:url(https://brand.essendant.com/hubfs/Style%20Guide/Global/end-quote.svg);right:0}@media only screen and (min-width:992px){body{position:relative}body:not(.styleguide-hp-body){max-height:100vh;overflow:hidden}body.styleguide-pages:after{background-color:#004b87;content:"";height:100vh;position:fixed;right:0;top:50px;width:250px}header .styleguide-topbar{position:relative}header .styleguide-topbar-inner{height:55px;padding:0 10px}header .styleguide-logo-cont{align-items:center;display:flex;justify-content:space-between;width:100%}#no-subsections h2.styleguide-pageheader{margin-top:38px}.menu-button-cont{display:none}.styleguide-menu-cont{background-color:transparent;left:auto;margin-top:0;max-height:calc(100vh - 105px);overflow:hidden;right:0;top:185px;width:250px}.styleguide-menu:first-of-type{margin-top:55px;padding-bottom:55px}.styleguide-menu-inner{overflow:hidden;padding-left:15px}.styleguide-nav-title{font-size:25px}#menu-toggle~.styleguide-menu-cont .styleguide-menu-inner{max-height:none;padding-bottom:30px}.styleguide-menu:first-of-type:before{content:none}.menu-item-link:hover{color:#41b6e6;cursor:pointer}.styleguide-menu-item:hover:before{border-bottom:3px solid #fff}.styleguide-quote{font-size:22px;line-height:35px}.styleguide-navbar-inner{padding:16px 10px}.styleguide-currentpage{font-size:25px;line-height:25px}.styleguide-pagesub-cont{margin-top:9px;overflow:hidden}.pagesub-item{font-size:14px;padding-bottom:9px}.pagesub-item.subitem-active span:after{bottom:-12px}.pagesub-item:hover{color:#41b6e6}.pagesub-item span{position:relative}.pagesub-item:hover span:after{background-color:#41b6e6;bottom:-12px;content:"";height:3px;left:0;position:absolute;width:100%;z-index:1}.styleguide-body-inner::-webkit-scrollbar{width:10px}.styleguide-body-inner::-webkit-scrollbar-track{background:#cecece}.styleguide-body-inner::-webkit-scrollbar-thumb{background:#888}.styleguide-body{margin:0 auto;max-width:1300px}.styleguide-body-inner{max-width:1031px;min-height:auto;overflow-y:scroll;padding:85px 10px 0;width:calc(100vw - 270px)}.styleguide-subsection{height:calc(100vh - 235px);max-width:949px}#no-subsections.styleguide-subsection{height:calc(100vh - 197px)}.loader-cont{max-width:1300px;width:73%}.styleguide-hp-body-cont{margin-top:130px}h1.styleguide-hp-h1{font-size:36px;line-height:42px}.styleguide-introcopy{font-size:18px;line-height:35px}.styleguide-hp-footer-cont{justify-content:space-between}}@media only screen and (min-width:1300px){body.styleguide-pages:after{width:calc(50vw - 400px)}}