
/* ===== FulfillPlus Blog pixel-match overrides ===== */
@font-face{font-family:FFPX-Apparat;src:url('../apparat-font/fonnts.com-ApparatSemiCond_Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:FFPX-Apparat;src:url('../apparat-font/fonnts.com-Apparat_Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:FFPX-Alumni;src:url('../apparat-font/fonnts.com-ApparatExtraCond_Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
.ffpx-blog-page,.ffpx-single-post{font-family:FFPX-Apparat,Arial,sans-serif;color:#1f2732;background:#fff}
.ffpx-blog-page h1,.ffpx-blog-page h2,.ffpx-blog-page h3,.ffpx-single-post h1,.ffpx-single-post h2,.ffpx-single-post h3{font-family:FFPX-Alumni,'Alumni Sans',Arial,sans-serif;letter-spacing:.4px}
.ffpx-blog-page p,.ffpx-single-post p,.ffpx-blog-page li,.ffpx-single-post li{font-family:FFPX-Apparat,Arial,sans-serif}
/* Header: match live site's white navigation bar */
.ffpx-blog-header{position:relative!important;top:auto!important;left:auto!important;width:100%;height:92px;background:#fff!important;border:0!important;box-shadow:none!important;z-index:1000}
.ffpx-blog-header .navbar-default,.ffpx-blog-header .menu_area{background:#fff!important;border:0!important}
.ffpx-blog-header .navbar-brand img{width:154px!important;height:auto!important;display:block}
.ffpx-blog-header .navbar-nav>li>a{font-family:FFPX-Apparat,Arial,sans-serif!important;font-size:17px!important;font-weight:400!important;color:#B1C6C0!important;padding:34px 14px 32px!important;line-height:1!important;white-space:nowrap}
.ffpx-blog-header .navbar-nav>li>a:hover,.ffpx-blog-header .navbar-nav>li.current>a{color:#38bea5!important}
.ffpx-blog-header .navbar-nav>li>ul{font-family:FFPX-Apparat,Arial,sans-serif}
.ffpx-blog-header .btn-style1.white{font-family:FFPX-Apparat,Arial,sans-serif!important;background:#fff!important;color:#111!important;border:1px solid #eee!important;font-size:13px!important;letter-spacing:1px!important;text-transform:uppercase!important;padding:13px 25px!important}
.ffpx-blog-header .navbar-header-custom{display:flex;align-items:center;height:92px}
/* Hero */
.ffpx-inner-hero,.ffpx-blog-hero{height:330px!important;min-height:330px!important;margin:0!important;background-position:center center!important}
.ffpx-inner-hero h1,.ffpx-blog-hero h1{font-family:FFPX-Alumni,'Alumni Sans',sans-serif!important;font-size:56px!important;line-height:1!important;font-weight:700!important;letter-spacing:1px!important;margin:35px 0 0!important;color:#fff!important}
/* Listing */
.ffpx-blog-wrap{max-width:1210px!important;padding:82px 30px 105px!important;margin:0 auto!important}
.ffpx-blog-grid{max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px 30px!important}
.ffpx-blog-card{padding-bottom:27px!important;border-bottom:1px solid #d5ddd8!important}
.ffpx-blog-card-image{width:100%!important;height:205px!important;object-fit:cover!important;display:block!important;margin:0 0 16px!important}
.ffpx-blog-card h2{font-family:FFPX-Alumni,'Alumni Sans',sans-serif!important;font-size:24px!important;line-height:1.02!important;font-weight:700!important;letter-spacing:.3px!important;color:#111!important;margin:0 0 15px!important}
.ffpx-blog-read{font-family:FFPX-Apparat,Arial,sans-serif!important;font-size:16px!important;color:#111!important}
.ffpx-blog-pagination{font-family:FFPX-Apparat,Arial,sans-serif!important;margin-top:43px!important}
/* Inner article */
.ffpx-post-wrap{max-width:1020px!important;padding:70px 0 110px!important;margin:0 auto!important}
.ffpx-post-title{font-family:FFPX-Alumni,'Alumni Sans',sans-serif!important;color:#38bea5!important;font-size:45px!important;line-height:1.16!important;font-weight:700!important;letter-spacing:.5px!important;margin:0 0 22px!important}
.ffpx-post-image{width:100%!important;height:auto!important;max-height:none!important;object-fit:cover!important;margin:0 0 17px!important;display:block!important}
.ffpx-post-content{font-family:FFPX-Apparat,Arial,sans-serif!important;color:#111!important;font-size:15px!important;line-height:1.52!important}
.ffpx-post-content p{font-family:FFPX-Apparat,Arial,sans-serif!important;font-size:18px!important;line-height:1.52!important;margin:0 0 17px!important;text-align:justify!important}
.ffpx-post-content h2,.ffpx-post-content h3{font-family:FFPX-Alumni,'Alumni Sans',sans-serif!important;color:#C74F2A!important;font-weight:700!important;letter-spacing:.4px!important;margin:24px 0 7px!important}
.ffpx-post-content h2{font-size:24px!important}.ffpx-post-content h3{font-size:21px!important}
/* CTA/footer typography and spacing */
.ffpx-single-post .newsletter p,.ffpx-blog-page .newsletter p{font-family:FFPX-Apparat,Arial,sans-serif!important;font-size:15px!important;line-height:1.45!important;text-align:left!important}
.ffpx-single-post footer p,.ffpx-blog-page footer p,.ffpx-single-post footer a,.ffpx-blog-page footer a,.ffpx-single-post footer li,.ffpx-blog-page footer li{font-family:FFPX-Apparat,Arial,sans-serif!important}
.ffpx-single-post footer h3,.ffpx-blog-page footer h3,.ffpx-single-post footer h4,.ffpx-blog-page footer h4{font-family:FFPX-Alumni,'Alumni Sans',sans-serif!important}
@media(max-width:1199px){.ffpx-blog-header .navbar-nav>li>a{padding-left:9px!important;padding-right:9px!important;font-size:15px!important}.ffpx-post-wrap{padding-left:28px!important;padding-right:28px!important}}
@media(max-width:991px){.ffpx-blog-header{height:auto!important}.ffpx-blog-header .navbar-header-custom{height:78px}.ffpx-blog-header .navbar-nav>li>a{padding:14px 18px!important}.ffpx-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ffpx-post-wrap{max-width:920px!important}.ffpx-inner-hero,.ffpx-blog-hero{height:290px!important;min-height:290px!important}}
@media(max-width:575px){.ffpx-blog-grid{grid-template-columns:1fr!important}.ffpx-blog-wrap{padding:55px 20px 75px!important}.ffpx-post-wrap{padding:48px 20px 70px!important}.ffpx-post-title{font-size:31px!important}.ffpx-post-content,.ffpx-post-content p{font-size:15px!important}.ffpx-inner-hero,.ffpx-blog-hero{height:245px!important;min-height:245px!important}.ffpx-inner-hero h1,.ffpx-blog-hero h1{font-size:44px!important}}
