/* Blog posts: the engine wraps post images in <picture> and moves WordPress's alignment class onto it; centre the
   image inside, as live's <img class="aligncenter"> is. */
picture.aligncenter>img{display:block;margin-left:auto;margin-right:auto}
/* Its inline style (display:block, width) moves onto the <picture> too, leaving the <img> inline: a line box's
   descender gap appeared under it (9px). The img is block inside a block picture, as on live. */
.entry-content picture[style*="display:block"]>img{display:block}
/* "1-5 Ton Ice Machines For Your Business" cards (home + industry pages; user request 2026-10-20, a change from live):
   every card in a row as tall as the tallest, photos one shape so the icons line up. Desktop, where they sit 3 across. */
@media (min-width:981px){
  .et_pb_row:has(>.et_pb_column>.dipl_image_card .dipl_icon_hexagon){display:flex}
  .et_pb_row:has(>.et_pb_column>.dipl_image_card .dipl_icon_hexagon)>.et_pb_column{display:flex;flex-direction:column}
  .et_pb_row:has(>.et_pb_column>.dipl_image_card .dipl_icon_hexagon)>.et_pb_column>.dipl_image_card{flex:1}
  .dipl_image_card:has(.dipl_icon_hexagon)>.et_pb_module_inner,
  .dipl_image_card:has(.dipl_icon_hexagon) .dipl_image_card_wrapper{height:100%;display:flex;flex-direction:column}
  .dipl_image_card:has(.dipl_icon_hexagon) .dipl_image_card_content_wrapper{flex:1}
  .dipl_image_card:has(.dipl_icon_hexagon) .dipl_image_card_image{aspect-ratio:1.19;object-fit:cover;width:100%}
}
/* Layout fixes (2026-10-21 audit; live has the same faults). Tables pasted into text modules and posts never run wider
   than their column: the prisons table had width:1440px inline (sideways scroll at every width), the Google Sheets
   tables (ice vending, ice-cream parlours, buyer's guide) ran off the screen on phones. On phones a table too wide to
   fit scrolls inside its own box instead of the page. */
.et_pb_text_inner table,.entry-content table{max-width:100%}
.et_pb_text_inner table[width],.et_pb_text_inner table[style*="width"]{width:100%!important;height:auto!important}
@media (max-width:767px){
  .et_pb_text_inner table,.entry-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
/* Poultry, bakeries, prisons: Divi's margin-right:-8px on the dark feature column pushed it 8px past the screen
   edge on tablets and phones (one column there). */
@media (max-width:980px){
  .page-id-260024 .et_pb_text_3,.page-id-259959 .et_pb_text_3,.page-id-259989 .et_pb_text_3{margin-right:0!important}
}
/* "Industrial Ice Machines for Sale" model carousel: below 981px live caps the photo at 250px tall while it stays
   full width, squashing the square product shots by ~20%. Keep their shape. */
.dipl_image_card_carousel_0 .dipl_image_card_image_wrapper img{object-fit:contain}
/* Header phone button: "(800) 362-3243" broke onto two lines at 1100-1440px and three at 1024px. Live's 18px on one
   line (user, 2026-10-21): 14px side padding instead of 30px so it fits its column from 1200px. 981-1199px the
   column is 148px: the header's own clamp() size (14px) and 8px padding, still one line. */
@media (min-width:1200px){
  .et-db #et-boc .et-l .dipl_button_0_tb_header .dipl_button_text{font-size:18px!important;white-space:nowrap}
  .et-db #et-boc .et-l .dipl_button_item_0_tb_header .dipl_button_link{padding-left:14px!important;padding-right:14px!important}
}
@media (min-width:981px) and (max-width:1199px){
  .et-db #et-boc .et-l .dipl_button_0_tb_header .dipl_button_text{font-size:14px!important;white-space:nowrap}
  .et-db #et-boc .et-l .dipl_button_item_0_tb_header .dipl_button_link{padding-left:8px!important;padding-right:8px!important}
}
/* Meat processing + fresh produce: two section headings were extra <h1>s (three per page); now <h2>, drawn exactly as
   the theme's h1 was. */
h2.hi-was-h1{font-size:30px;font-weight:500;line-height:1.3em;padding-bottom:10px}
/* About: live's about-images-row gives every photo one height, stretching the two 16:9 factory shots to 3:2. Crop
   instead of stretch. */
.about-images-row .et_pb_image img{object-fit:cover}
/* Mobile menu: live's custom CSS boxed the Ice Machines submenu at 200px with its own scrollbar, so only 4 of the 8
   models showed (user, 2026-10-21: show all 8). The open menu stays within the screen under the sticky header. */
.et_mobile_menu .sub-menu,.et-l--header .et_mobile_menu .sub-menu{height:auto!important;overflow:visible!important}
.et-l--header .et_mobile_menu{max-height:calc(100vh - 110px);overflow-y:auto}
/* IHA model cards (home): the client's photos are square on white; show the whole machine in the card's 1.19 frame
   rather than cropping its top and bottom. */
.dipl_image_card_image[src*="/iha-model-"]{object-fit:contain!important}
/* Clickable cards (industry cards, ice machine carousel): live opened their page through Divi's JavaScript; here each
   has a real link stretched over it (tools/card-links.py). */
.et_clickable{position:relative}
.hi-card-link{position:absolute;inset:0;z-index:5}
/* Back to top (user, 2026-10-23): live's grey tab (40% black) all but disappeared on the dark blue sections. A round
   brand-blue button with a white border, visible on every background. */
.et_pb_scroll_top.et-pb-icon{right:20px;bottom:30px;width:46px;height:46px;padding:0;line-height:42px;font-size:28px;border-radius:50%;
  background:#022E64;border:2px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.et_pb_scroll_top.et-pb-icon:hover{background:#4DAAE9}
/* Phones (user, 2026-10-23): the full Arctic-Temp logo (tablet's, not the round icon) and a round call button next to
   the menu. Live hid the phone button below 400px and showed only the icon logo. */
@media (max-width:767px){
  .et-db #et-boc .et-l .et_pb_menu_1_tb_header .et_pb_menu__logo-wrap{max-width:150px!important;width:150px!important}
  .et-db #et-boc .et-l .et_pb_menu_1_tb_header .et_pb_menu__logo img{max-width:150px!important;width:150px;height:auto}
  .et-db #et-boc .et-l .dipl_button_1_tb_header{display:block!important;margin:0 -6px 0 auto!important;flex:0 0 auto}
  .et-db #et-boc .et-l .dipl_button_item_1_tb_header .dipl_button_link{width:44px;height:44px;padding:0!important;border-radius:50%;
    display:flex!important;align-items:center;justify-content:center}
  .et-db #et-boc .et-l .dipl_button_item_1_tb_header .dipl_button_text{font-size:0!important;letter-spacing:0!important}
  .et-db #et-boc .et-l .dipl_button_item_1_tb_header .dipl_button_icon:before{font-size:20px!important;margin:0!important;padding:0!important;z-index:0}
}
/* Home hero on phones (user, 2026-10-23): the video column filled only the 80% row (312x174 at 390px). Out to the
   16px gutter and taller; divi-lite.js sizes the video to cover its column. */
@media (max-width:767px){
  .home .et_pb_section_0 .et_pb_column_0.et_pb_section_video{width:calc(100vw - 32px)!important;max-width:none!important;
    margin-left:calc((100% - 100vw) / 2 + 16px)!important;min-height:calc((100vw - 32px) * .62)!important}
}
/* "Ice Machine Quote" bar (tablets and phones; user, 2026-10-23): a short bounce every 5 seconds, like the desktop
   phone button's wiggle. Not for visitors who turn motion off. */
@keyframes hi-bounce{0%,82%,100%{transform:translateY(0)}86%{transform:translateY(-6px)}90%{transform:translateY(0)}
  94%{transform:translateY(-3px)}97%{transform:translateY(0)}}
@media (max-width:980px) and (prefers-reduced-motion:no-preference){
  .et_pb_button_0_tb_header_wrapper{animation:hi-bounce 5s ease-in-out infinite}
}
/* Home hero headings on tablets and phones (user, 2026-10-23: "janky"): live's H1 dropped to 28px with its lines
   touching (line-height 1) and 2px letter-spacing, under the 35px H6 below it. The H1 leads again, with room between
   its lines; the H6 steps down. Desktop (65px over 35px) unchanged. */
@media (max-width:980px){
  .home .et_pb_section_0 .et_pb_text_0 h1{font-size:40px!important;line-height:1.15!important;letter-spacing:1px!important;padding-bottom:14px!important}
  .home .et_pb_section_0 .et_pb_text_0 h6{font-size:26px!important;line-height:1.35!important}
}
@media (max-width:767px){
  .home .et_pb_section_0 .et_pb_text_0 h1{font-size:32px!important;letter-spacing:.5px!important}
  .home .et_pb_section_0 .et_pb_text_0 h6{font-size:21px!important;line-height:1.4!important}
}
/* FAQ accordions (divi-lite.js opens them): the open answer, and the open question's minus icon on white as on live
   (pruned: no item is open until a click). */
.dipl_faq_page_schema .dipl_faq_accordion .dipl_faq_page_schema_item.dipl_active .dipl_answer_wrapper{display:block}
.dipl_faq_page_schema .dipl_faq_accordion .dipl_faq_page_schema_item.dipl_active .dipl_question_wrapper{background-color:#fff!important}
.dipl_faq_page_schema .dipl_faq_accordion .dipl_faq_page_schema_item.dipl_active .dipl_question_wrapper::after{content:"\e04f"!important}
.dipl_faq_page_schema .dipl_faq_accordion .dipl_question_wrapper:focus-visible{outline:2px solid #4DAAE9;outline-offset:2px}
/* Phones, every page (user, 2026-10-23: blocks should fill the screen, headings and spacing looked "janky"). Divi
   kept desktop proportions: rows 70-80% of the screen, 100px under rows, headings at 1.5 line spacing, label rules
   wrapping beside two-line labels. */
@media (max-width:767px){
  .et-l--post .et_pb_row{width:calc(100% - 32px)!important;max-width:none!important;padding-top:20px!important;padding-bottom:20px!important}
  /* The "Made in USA / Veteran" badges hang in the bottom padding of the row above them: that row keeps its room. */
  .et-l--post .et_pb_section:has(>.et_pb_row:last-child img[src*="veteran-owned"])>.et_pb_row:nth-last-child(2){padding-bottom:110px!important}
  .et-l--post h1,.et-l--post h2,.et-l--post h3,.et-l--post h4{line-height:1.25!important}
  /* Two-colour headings: the two parts run on as one sentence (some stacked as blocks, so the 5px gap became an
     indent), with no indent when the heading has only its second part. */
  .et-l--post .dipl_double_color_heading .dipl_text_stack{display:inline!important}
  .et-l--post .dipl_double_color_heading .dipl_pre_text,.et-l--post .dipl_double_color_heading .dipl_main_text{display:inline!important}
  .et-l--post .dipl_double_color_heading .dipl_main_text{padding-left:0!important}
  .et-l--post .dipl_double_color_heading .dipl_main_text::before{content:" "}
  /* Label + rule ("Commercial Ice Machine Manufacturer ——"): one line, the rule beside it. */
  .et-l--post .dipl_separator{width:100%!important;max-width:100%!important}
  .et-l--post .dipl_separator .dipl_separator_container{display:flex;align-items:center}
  .et-l--post .dipl_separator .dipl_separator_container.align_center{justify-content:center}
  .et-l--post .dipl_separator .dipl-text-wrapper,.et-l--post .dipl_separator .dipl-text-wrapper p{white-space:nowrap;font-size:15px!important}
  .et-l--post .dipl_separator .dipl-text-wrapper{flex:0 0 auto;max-width:none!important}
  .et-l--post .dipl_separator .dipl_line_after{flex:0 1 60px;width:60px!important;min-width:0;margin-left:12px!important}
  /* Home stats (60+ years, 15,000+ machines...): two by two instead of four tall blocks. */
  .home .et_pb_number_counter{margin-bottom:0!important}
  .home .et_pb_row:has(>.et_pb_column>.et_pb_number_counter){display:grid!important;grid-template-columns:1fr 1fr;gap:28px 12px}
  .home .et_pb_row:has(>.et_pb_column>.et_pb_number_counter)>.et_pb_column{width:auto!important;margin:0!important}
  /* Ice machine cards: buttons follow the text (each card kept 140px free at the bottom for absolutely placed
     buttons, a gap of up to 200px on the one-button cards). */
  .ice-machines-row .dipl_image_card_content_wrapper{padding-bottom:10px!important}
  .ice-machines-row .dipl_button{position:static!important;margin:14px 30px 30px!important;max-width:none}
  .ice-machines-row .dipl_button + .dipl_button{margin-top:-20px!important}
  /* Production Process video: its 50px desktop gap on the right pushed it against the left edge. */
  .home .et_pb_video_0{padding-right:0!important}
}
@media (max-width:359px){.et-l--post .dipl_separator .dipl_line_after{display:none}
  .et-l--post .dipl_separator .dipl-text-wrapper,.et-l--post .dipl_separator .dipl-text-wrapper p{white-space:normal;flex:0 1 auto}}
.dipl_main_text_stack:first-child .dipl_main_text{padding-left:0!important}
/* Image carousels: slides outside the frame are clipped (they widened the page on phones). */
.dsm_image_carousel .swiper-container{overflow:hidden}
/* Ice machine cards: the model buttons' box is the card's full width but starts 30px in, so it ran 11px past the
   screen on phones and the page scrolled sideways. */
.ice-machines-row .dipl_button{max-width:calc(100% - 60px)}
/* Footer "Holiday Ice Inc.": was an <h5> after each page's last heading (a heading only for looks); a paragraph
   drawn exactly as the h5 was. */
.hi-footer-name{font-family:Mukta,Helvetica,Arial,Lucida,sans-serif;font-size:20px;font-weight:500;line-height:26px;color:#fff;padding-bottom:10px}