.elementor-604 .elementor-element.elementor-element-e541804{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.93;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-604 .elementor-element.elementor-element-e541804:not(.elementor-motion-effects-element-type-background), .elementor-604 .elementor-element.elementor-element-e541804 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cal-pro-services.com/wp-content/uploads/2026/05/Pricing-Background.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-604 .elementor-element.elementor-element-e541804::before, .elementor-604 .elementor-element.elementor-element-e541804 > .elementor-background-video-container::before, .elementor-604 .elementor-element.elementor-element-e541804 > .e-con-inner > .elementor-background-video-container::before, .elementor-604 .elementor-element.elementor-element-e541804 > .elementor-background-slideshow::before, .elementor-604 .elementor-element.elementor-element-e541804 > .e-con-inner > .elementor-background-slideshow::before, .elementor-604 .elementor-element.elementor-element-e541804 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-604 .elementor-element.elementor-element-dcc2bcd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-604 .elementor-element.elementor-element-1a5a41b{text-align:center;}.elementor-604 .elementor-element.elementor-element-1a5a41b .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-text );}.elementor-604 .elementor-element.elementor-element-ce18de5{width:auto;max-width:auto;padding:5px 10px 5px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-f7e082b );border-radius:4px 4px 4px 4px;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-604 .elementor-element.elementor-element-ce18de5.elementor-element{--align-self:center;}.elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-icon i{color:var( --e-global-color-aeccfe7 );transition:color 0.3s;}.elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-icon svg{fill:var( --e-global-color-aeccfe7 );transition:fill 0.3s;}.elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-item > a{font-family:var( --e-global-typography-0ac7d86-font-family ), Sans-serif;font-size:var( --e-global-typography-0ac7d86-font-size );font-weight:var( --e-global-typography-0ac7d86-font-weight );text-transform:var( --e-global-typography-0ac7d86-text-transform );line-height:var( --e-global-typography-0ac7d86-line-height );}.elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-604 .elementor-element.elementor-element-d5ceddc{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-604 .elementor-element.elementor-element-d5ceddc.elementor-element{--align-self:center;}.elementor-604 .elementor-element.elementor-element-d5ceddc p{margin-block-end:0px;}.elementor-604 .elementor-element.elementor-element-44b46ff{--display:flex;--padding-top:40px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-604 .elementor-element.elementor-element-e541804:not(.elementor-motion-effects-element-type-background), .elementor-604 .elementor-element.elementor-element-e541804 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-604 .elementor-element.elementor-element-e541804{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-604 .elementor-element.elementor-element-1a5a41b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-604 .elementor-element.elementor-element-ce18de5.elementor-element{--align-self:center;}.elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-0ac7d86-font-size );line-height:var( --e-global-typography-0ac7d86-line-height );}.elementor-604 .elementor-element.elementor-element-d5ceddc{--container-widget-width:74%;--container-widget-flex-grow:0;width:var( --container-widget-width, 74% );max-width:74%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-604 .elementor-element.elementor-element-e541804{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-604 .elementor-element.elementor-element-1a5a41b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-604 .elementor-element.elementor-element-ce18de5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-0ac7d86-font-size );line-height:var( --e-global-typography-0ac7d86-line-height );}.elementor-604 .elementor-element.elementor-element-d5ceddc{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-604 .elementor-element.elementor-element-44b46ff{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-64c30fe *//* ============================================================
   CAL PRO SITE SERVICES — Inventory (IO) page
   100% CSS. No JavaScript.  FINAL v8
   Elementor → Site Settings → Custom CSS
   ============================================================ */

.cp-io{
  --cp-red:#E52528; --cp-red-dark:#B71B1E; --cp-ink:#12161F; --cp-body:#5C6270;
  --cp-line:#E6E8EC; --cp-tint:#F4F6F8;
  --cp-display:"Saira Condensed","Arial Narrow",sans-serif;
  --cp-body-font:"Nunito Sans",system-ui,sans-serif;
  font-family:var(--cp-body-font); color:var(--cp-body);
  max-width:1200px; margin-inline:auto; margin-bottom:0;
  padding:8px 0 0;
}

/* ---------- top bar: Set Event Date button ---------- */
.cp-io__bar{display:flex;justify-content:flex-end;border-bottom:0;padding-bottom:12px;margin-bottom:18px}

/* hide the plugin's heading + text description, keep the button */
.cp-io__cart :is(h1,h2,h3,h4,h5,h6){display:none!important}
.cp-io__cart p:not(:has(a)):not(:has(button)):not(:has(input)){display:none!important}

/* button styled like the site's red CTA */
.cp-io__cart :is(a,button,input[type="submit"],input[type="button"]){
  display:inline-flex!important;visibility:visible!important;align-items:center;gap:10px;line-height:1;
  background:var(--cp-red)!important;color:#fff!important;border:0!important;
  font-family:var(--cp-display)!important;font-size:15px!important;font-weight:600!important;letter-spacing:1.2px;
  text-transform:uppercase;text-decoration:none!important;padding:15px 30px!important;border-radius:8px!important;
  cursor:pointer;box-shadow:none!important;transition:background .25s ease,transform .25s ease}
.cp-io__cart :is(a,button,input[type="submit"]):hover{background:var(--cp-red-dark)!important;transform:translateY(-2px)}
.cp-io__cart :is(a,button,input[type="submit"])::after{content:"↗";font-size:15px;transition:transform .25s ease}
.cp-io__cart :is(a,button,input[type="submit"]):hover::after{transform:translate(3px,-3px)}

/* ---------- grid: 3 per row ---------- */
.cp-io__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;margin-bottom:0}
@media (max-width:900px){.cp-io__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cp-io__grid{grid-template-columns:1fr;gap:14px}}

/* ---------- card ---------- */
.cp-card{display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--cp-line);border-radius:14px;overflow:hidden;
  box-shadow:0 1px 2px rgba(18,22,31,.04),0 12px 28px -18px rgba(18,22,31,.35);
  transition:transform .3s ease,box-shadow .3s ease}
.cp-card:hover,.cp-card:focus-within{transform:translateY(-6px);
  box-shadow:0 2px 4px rgba(18,22,31,.05),0 26px 46px -24px rgba(18,22,31,.45)}

/* media */
.cp-card__media{display:block;position:relative;background:var(--cp-tint);
  border-bottom:1px solid var(--cp-line);padding:20px;overflow:hidden}
.cp-card__media img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;margin:0 auto;
  transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.cp-card:hover .cp-card__media img{transform:scale(1.05)}
.cp-card__media.is-empty{aspect-ratio:4/3;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 24 24' fill='none' stroke='%23C3C8D2' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M3 20h18M5 20V8l7-4 7 4v12M5 8h14M8 8v12M12 8v12M16 8v12M5 13h14'/%3E%3C/svg%3E") center/84px no-repeat,var(--cp-tint)}

/* title */
.cp-card__title{display:block;padding:18px 20px 0;text-decoration:none;
  font-family:var(--cp-display);font-size:20px;font-weight:600;line-height:1.2;letter-spacing:.4px;
  text-transform:uppercase;color:var(--cp-ink);transition:color .2s ease}
.cp-card__title:hover{color:var(--cp-red)}

/* actions: button only */
.cp-card__actions{display:flex;margin-top:auto;padding:18px 20px 20px}
.cp-btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--cp-red);color:#fff!important;text-decoration:none;padding:13px 18px;border-radius:8px;
  font-family:var(--cp-display);font-size:15px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;
  transition:background .25s ease,box-shadow .25s ease}
.cp-btn:hover{background:var(--cp-red-dark);box-shadow:0 10px 20px -10px rgba(229,37,40,.9)}
.cp-btn__arrow{display:inline-block;transition:transform .25s ease}
.cp-btn:hover .cp-btn__arrow{transform:translate(3px,-3px)}

/* ---------- bottom delivery note ---------- */
.cp-io__note{display:flex;gap:12px;margin:26px 0 0;padding:18px 22px;
  background:var(--cp-tint);border-left:4px solid var(--cp-red);border-radius:0 10px 10px 0;
  font-size:15px;line-height:1.6}
.cp-io__note strong{color:var(--cp-ink);font-weight:700}

/* ---------- kill bottom gap from Elementor wrappers ---------- */
.elementor-widget-html:has(.cp-io){margin-bottom:0!important}
.elementor-widget-html:has(.cp-io) .elementor-widget-container{margin-bottom:0!important;padding-bottom:0!important}

/* ---------- a11y + motion ---------- */
.cp-io a:focus-visible{outline:3px solid var(--cp-ink);outline-offset:3px;border-radius:6px}
@media (max-width:560px){.cp-io__note{margin-top:18px}}
@media (prefers-reduced-motion:reduce){.cp-io *{transition:none!important}}



/* collapse the plugin's empty description wrappers (the gaps) */
.cp-io .io_view_toggle_container,
.cp-io .category_id,
.cp-io .cat_div_wrapper:empty,
.cp-io .io_cat_longdescription:empty,
.cp-io .io_landingpages:empty{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* if the landingpages line has your delivery text, keep it but kill its gap */
.cp-io .io_landingpages{margin:0 !important;padding:0 !important}

/* hide the plugin's top delivery line (we keep our bottom .cp-io__note instead) */
.cp-io .io_landingpages,
.cp-io .io_landingpages_Inventory,
.cp-io .io_cat_longdescription,
.cp-io .io_cat_longdescription_Inventory{display:none !important}

/* collapse ALL empty leftover wrappers from the plugin (the red gap) */
.cp-io .cat_div_wrapper,
.cp-io .io_view_toggle_container,
.cp-io .category_id,
.cp-io .io_catdiv2:empty,
.cp-io__cart p:empty,
.cp-io__cart div:empty{
  display:none !important;margin:0 !important;padding:0 !important;
}

/* tighten spacing around the top button */
.cp-io__bar{margin-bottom:14px !important;padding-bottom:0 !important;line-height:0}
.cp-io__cart{line-height:normal}

/* mobile spacing */
@media (max-width:560px){
  .cp-io{padding-top:4px !important}
  .cp-io__bar{margin-bottom:10px !important}
  .cp-io__cart :is(a,button,input[type="submit"]){width:100% !important;justify-content:center}
  .cp-io__grid{gap:14px !important}
  .cp-io__note{margin-top:16px !important;padding:14px 16px !important;font-size:14px}
}/* End custom CSS */