/* The warehouse mascot delivering a secured load of roofing shingles. */
.ap-call-strip{position:relative;margin-top:80px;overflow:visible;background:#CBFF00;color:#111}
.ap-call-strip__inner{position:relative;display:grid;grid-template-columns:minmax(230px,1fr) minmax(300px,480px) minmax(290px,360px);align-items:center;gap:38px;min-height:242px;padding-block:32px}
.ap-call-strip__hours{position:relative;z-index:1}
.ap-call-strip__hours p{margin:0 0 13px;font-size:15px;font-weight:550;line-height:1.4;text-transform:none}
.ap-call-strip__hours h2{scroll-margin-top:300px;margin:0;font-size:clamp(32px,3.5vw,50px);font-weight:850;line-height:1.03;letter-spacing:-.055em}
.ap-call-strip__hours h2 span{display:block;white-space:nowrap}
.ap-call-strip__mascot--driving{position:relative;align-self:end;width:100%;margin-top:-84px;margin-bottom:-12px;line-height:0;pointer-events:none}
.ap-call-strip__mascot--driving img{display:block;width:100%;height:auto;max-width:100%}
.ap-call-strip__button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;min-height:116px;padding:23px 28px;background:#111;border:2px solid #111;border-radius:4px;color:#fff;text-decoration:none;box-shadow:none;outline-offset:6px;transition:background .18s}
.ap-call-strip__button>span{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font-size:16px;font-weight:700;letter-spacing:.03em}
.ap-call-strip__button .icon{width:23px;height:23px;color:#CBFF00}
.ap-call-strip__button strong{font-size:29px;font-weight:800;letter-spacing:-.035em;line-height:1.2;white-space:nowrap}
.ap-call-strip__button:focus-visible{outline:2px solid #111}
.ap-call-strip__button:hover{background:#2b2b2b;color:#fff;transform:none}
@media(max-width:1200px){.ap-call-strip__inner{grid-template-columns:minmax(210px,1fr) minmax(260px,360px) 300px;gap:24px}.ap-call-strip__mascot--driving{margin-top:-42px}.ap-call-strip__button{padding-inline:22px}.ap-call-strip__button strong{font-size:26px}}
@media(max-width:900px){.ap-call-strip{margin-top:56px}.ap-call-strip__inner{grid-template-columns:minmax(260px,1fr) minmax(280px,1.1fr);gap:22px 28px;padding-block:30px}.ap-call-strip__hours{grid-column:1;grid-row:1}.ap-call-strip__mascot--driving{grid-column:2;grid-row:1/3;align-self:center;margin:0}.ap-call-strip__button{grid-column:1;grid-row:2;min-height:98px;padding:18px 22px;gap:6px}}
@media(max-width:600px){.ap-call-strip{margin-top:44px}.ap-call-strip__inner{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:26px;padding-bottom:28px}.ap-call-strip__hours{grid-column:1;grid-row:1;text-align:center}.ap-call-strip .ap-call-strip__hours p{max-width:none;margin-bottom:10px;font-size:14px;line-height:21px}.ap-call-strip .ap-call-strip__hours h2{font-size:30px;line-height:1.15}.ap-call-strip__hours h2 span{display:inline-block;margin-left:.18em}.ap-call-strip__mascot--driving{grid-column:1;grid-row:2;justify-self:center;width:min(100%,360px);margin:-8px 0 -4px}.ap-call-strip__button{grid-column:1;grid-row:3;width:100%}.ap-call-strip__button>span{font-size:14px}.ap-call-strip__button strong{font-size:28px}}
@media(max-width:360px){.ap-call-strip .ap-call-strip__hours h2{font-size:27px}.ap-call-strip__button{padding-inline:18px}.ap-call-strip .ap-call-strip__button strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.ap-call-strip__button{transition:none}}
