Interface - IQ Blog

Engineering Thrills Using Sensor Technologies for Theme Parks and Venues

July 2, 2026

At the Fork Where Food Science Meets Sensor Tech

June 30, 2026

Sensor Tech Oil And Gas Robotics And Automation

How Sensor Technologies Advance Oil and Gas Robotics and Automation

June 25, 2026

Top 10 FAQs for Weighing and Load Cell Integration

June 23, 2026

Interface New Products Release Summer 2026

June 18, 2026

Vehicle Quality and Safety Testing

June 16, 2026

Impact Testing for Millisecond Assessments

June 11, 2026

Temperature Compensation 101

June 9, 2026

Tips for Properly Installing S-Type Load Cells

June 4, 2026

Countdown to Accurate Measurements for Space Simulations

June 2, 2026

INTERFACE TECH TALK Setpoints And Relays

How Do You Use Setpoints and Relays?

May 28, 2026

University of Waterloo Capstone Tackles Physical Strain in Medical Imaging

May 26, 2026

Sensor Technologies Across the Continuum of Paper and Pulp Manufacturing

May 21, 2026

Intelligent Metrology Adopts Smart Load Cell Technologies

May 19, 2026

Structural Integrity Rockets And Launch Platforms

Structural Integrity and Load Verification for Rockets and Launch Platforms

May 14, 2026

/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img:is([sizes=auto i],[sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } /*# sourceURL=woocommerce-inline-inline-css */ .woocommerce form .form-row .required { visibility: visible; } /*# sourceURL=heateor_sss_frontend_css-inline-css */ .heateor_sss_button_instagram span.heateor_sss_svg, a.heateor_sss_instagram span.heateor_sss_svg { background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); } .heateor_sss_horizontal_sharing .heateor_sss_svg, .heateor_sss_standard_follow_icons_container .heateor_sss_svg { color: #fff; border-width: 0px; border-style: solid; border-color: transparent; } .heateor_sss_horizontal_sharing .heateorSssTCBackground { color: #666; } .heateor_sss_horizontal_sharing span.heateor_sss_svg:hover, .heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover { border-color: transparent; } .heateor_sss_vertical_sharing span.heateor_sss_svg, .heateor_sss_floating_follow_icons_container span.heateor_sss_svg { color: #fff; border-width: 0px; border-style: solid; border-color: transparent; } .heateor_sss_vertical_sharing .heateorSssTCBackground { color: #666; } .heateor_sss_vertical_sharing span.heateor_sss_svg:hover, .heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover { border-color: transparent; } @media screen and (max-width:783px) { .heateor_sss_vertical_sharing { display: none !important; } } div.heateor_sss_sharing_title { text-align: center; } div.heateor_sss_sharing_ul { width: 100%; text-align: center; } div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a { float: none !important; display: inline-block; } /*# sourceURL=searchwp-live-search-inline-css */ .searchwp-live-search-result .searchwp-live-search-result--title a { font-size: 16px; } .searchwp-live-search-result .searchwp-live-search-result--price { font-size: 14px; } .searchwp-live-search-result .searchwp-live-search-result--add-to-cart .button { font-size: 14px; } /*# sourceURL=wc-product-table-head-inline-css */ table.wc-product-table { visibility: hidden; } .avia-section br { display: none; } #av_section_1, body.tax-product_cat .container_wrap_first, body.archive.search-results #main .container_wrap { box-shadow: inset 0 9px 8px -10px #050000; } body.tax-product_cat #main .container_wrap, body.archive.search-results #main .container_wrap { border-top-style: none; } #my_own_table_wrapper { display: none; } #top #header_main > .container, #top #header_main > .container .main_menu .av-main-nav > li > a, #top #header_main #menu-item-shop .cart_dropdown_link { height: 90px; line-height: 90px; } .html_top_nav_header .av-logo-container { height: 90px; } .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 120px; } /* Products mega menu (Enfold) – capped like other dropdowns */ #top #header #header_main li.products-mega .avia_mega_div .sub-menu span.mega_menu_title a { text-transform: uppercase !important; border-radius: 4px !important; color: #fff !important; background-color: #e8232a !important; text-align: center !important; padding: 12px !important; width: 200px !important; } #top #header #header_main li.products-mega .mega_menu_title a:hover { background-color: #000 !important; color: #fff !important; text-decoration: none !important; } #header_main li.products-mega .mega_menu_title { display: flex; justify-content: center; /* <-- this centers the button */ align-items: center; width: 100%; background-color: #fff; } #top #header #header_main li.products-mega .avia_mega_div > .sub-menu > li { padding: 0rem 1.2rem 1.2rem 1.2rem !important; } /* Make Product Overview bar full width inside mega menu */ #header_main li.products-mega .mega_menu_title { width: calc(100% + 52px); /* cancel mega padding (26px left + right) */ margin-left: -26px; margin-right: -26px; display: flex; justify-content: center; align-items: center; background-color: #fff; padding: 14px 0; } #header_main li.products-mega .mega_menu_title { border-bottom: 1px solid rgba(0, 0, 0, .08); } #header_main li.products-mega > .avia_mega_div { /* beat Enfold's inline positioning */ right: auto !important; left: 50% !important; transform: translateX(-50%) !important; /* cap like other dropdowns */ width: calc(100vw - 40px) !important; /* gutter */ max-width: 1060px !important; box-sizing: border-box !important; background: #f2f4f6 !important; border: none !important; box-shadow: 0 12px 30px rgba(0, 0, 0, .12); border-radius: 0; } /* Ensure Enfold column wrapper doesn't constrain anything */ #header_main li.products-mega .avia_mega_menu_columns_1.three.units { width: 100% !important; max-width: none !important; float: none !important; } /* ------------------------------ Dynamic Product Categories node (no hard-coded menu-item IDs) -------------------------------- */ /* Hide "Dynamic Product Categories" label row */ #header_main li.products-mega .avia_mega_div li.menu-item-type-dynamic-cat > a { display: none !important; } /* Make submenu wrappers full width */ #header_main li.products-mega .avia_mega_div ul.sub-menu { width: 100% !important; max-width: none !important; } /* Category grid */ #header_main li.products-mega .avia_mega_div li.menu-item-type-dynamic-cat > ul.sub-menu { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; gap: 14px 28px; margin: 0 !important; padding: 6px 0 !important; max-height: calc(100vh - 220px); overflow-y: auto; } /* Grid item reset */ #header_main li.products-mega .avia_mega_div li.menu-item-type-dynamic-cat > ul.sub-menu > li { float: none !important; width: auto !important; margin: 0 !important; } /* Link layout + hover */ #header_main li.products-mega .avia_mega_div li.menu-item-type-dynamic-cat > ul.sub-menu a { display: flex !important; align-items: center; gap: 12px; padding: 10px 12px !important; border-radius: 12px; text-decoration: none; } #header_main li.products-mega .avia_mega_div li.menu-item-type-dynamic-cat > ul.sub-menu a:hover { background: rgba(0, 0, 0, .045); } /* Remove Enfold bullet */ #header_main li.products-mega .avia_mega_div li.menu-item-type-dynamic-cat .avia-bullet { display: none !important; } /* Thumb */ #header_main li.products-mega img.menu-cat-thumb { width: 64px; height: 64px; object-fit: contain; padding: 4px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .12); flex: 0 0 auto; } /* Text */ #header_main li.products-mega .avia_mega_div li.menu-item-type-dynamic-cat .avia-menu-text { font-size: 15px; line-height: 1.2; font-weight: 600; } /* ===================================================== IF Category Grid — clean + compact - 4/3/2/1 responsive columns - Dark neutral links - Top-level thumb on the right - Level-2 + Level-3 lists (lvl3 indented) ===================================================== */ /* ---------- Tokens ---------- */ .if-catgrid { --gap: 10px; /* card spacing */ --radius: 12px; /* card radius */ --ink: #e02626; /* text / link color */ --ink-muted: #374151; /* tertiary */ --card-bg: #fff; --pad-x: 14px; /* left/right edge for head & list */ --pad-head-y: 10px; /* header top/bottom */ --pad-list-y: 10px; /* list top/bottom */ display: grid; gap: var(--gap); } @media (max-width: 800px) { #av_section_1 { background-position: center center !important; } } /* ---------- Columns ---------- */ .if-catgrid.if-catgrid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width:1100px) { .if-catgrid.if-catgrid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width:800px) { .if-catgrid.if-catgrid--4 { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media (max-width:520px) { .if-catgrid.if-catgrid--4 { grid-template-columns: 1fr; } } /* ---------- Card ---------- */ .if-catgrid__card { border: 1px solid rgba(15, 23, 42, .06); border-radius: var(--radius); background: var(--card-bg); box-shadow: 0 8px 22px rgba(15, 23, 42, .06); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s ease, transform .2s ease; } .if-catgrid__card:hover { box-shadow: 0 12px 32px rgba(15, 23, 42, .1); transform: translateY(-1px); } /* ---------- Header (title | thumb) ---------- */ .if-catgrid__head { display: grid; grid-template-columns: 1fr auto; /* title | image */ align-items: center; gap: 12px; padding: var(--pad-head-y) var(--pad-x) calc(var(--pad-head-y) - 2px) var(--pad-x) !important; background: linear-gradient(180deg, #fff, #f7f9fb); border-bottom: 1px solid rgba(15, 23, 42, .06); } .if-catgrid__link { min-width: 0; text-decoration: none; color: var(--ink); font-weight: 800; letter-spacing: .2px; } .if-catgrid__link:focus-visible { outline: 2px solid rgba(31, 41, 55, .35); outline-offset: 3px; } .if-catgrid__title { font-size: 1rem; line-height: 1.2; color: var(--ink); overflow-wrap: anywhere; } /* Thumb */ .if-catgrid__thumb .if-catgrid__img { inline-size: 100px; block-size: 100px; object-fit: contain; border-radius: 50%; background: #fff; padding: 6px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 6px 12px rgba(0, 0, 0, .08); } @media (max-width:520px) { .if-catgrid__thumb .if-catgrid__img { inline-size: 56px; block-size: 56px; } } /* ---------- Lists ---------- */ /* Base list: aligned edges, no theme bullets/indents */ .if-catgrid .if-catgrid__list { list-style: none; margin: 0 !important; padding: var(--pad-list-y) var(--pad-x) var(--pad-list-y) var(--pad-x) !important; background: #fff; } .if-catgrid .if-catgrid__list > li { list-style: none !important; margin: 0 !important; padding: 0 !important; background: none !important; background-image: none !important; } .if-catgrid .if-catgrid__list > li.nitro-lazy { background-image: none !important; } .if-catgrid .if-catgrid__list > li::before, .if-catgrid .if-catgrid__list > li::marker { content: none !important; display: none !important; } /* Row rhythm + link style */ .if-catgrid .if-catgrid__item + .if-catgrid__item { margin-top: 2px !important; } .if-catgrid .if-catgrid__sublink { display: flex; align-items: center; gap: 6px; padding: 6px 0 !important; line-height: 1.3 !important; border-radius: 6px; color: var(--ink); text-decoration: none; } .if-catgrid .if-catgrid__sublink:hover { color: #0b2335; text-decoration: underline; } /* ---------- Level-3 (tertiary) ---------- */ .if-catgrid__list--lvl3 { margin: 4px 0 2px 0 !important; padding: 0 0 2px 14px !important; /* indent */ border-left: 1px dashed rgba(17, 24, 39, .18); } .if-catgrid__sublink--lvl3 { color: var(--ink-muted) !important; padding: 4px 0 !important; } .if-catgrid__item--lvl3 + .if-catgrid__item--lvl3 { margin-top: 2px !important; } /* ---------- Theme-context overrides (Enfold) ---------- */ /* These guard against global .post-entry/.av_textblock_section list styles */ :where(.post-entry, .av_textblock_section, .tab_inner_content) .if-catgrid .if-catgrid__list { padding-left: var(--pad-x) !important; } :where(.post-entry, .av_textblock_section, .tab_inner_content) .if-catgrid li { list-style: none !important; margin: 0 !important; padding: 0 !important; } :where(.post-entry, .av_textblock_section, .tab_inner_content) .if-catgrid .avia-bullet { display: none !important; } /* === IF Cat Grid — tighter rows (esp. tertiary) === */ /* Level-2 rows: a little tighter */ .if-catgrid .if-catgrid__sublink.if-catgrid__sublink--lvl2 { padding: 5px 0 !important; line-height: 1 !important; } .if-catgrid .if-catgrid__item.if-catgrid__item--lvl2 + .if-catgrid__item.if-catgrid__item--lvl2 { margin-top: 3px !important; } /* Level-3 block spacing + indent */ .if-catgrid .if-catgrid__list--lvl3 { margin: 2px 0 !important; /* was 4px+ */ padding: 0 0 0 12px !important; /* same indent, no extra top/bottom pad */ border-left: 1px dashed #e02626; } /* Level-3 rows: extra tight */ .if-catgrid .if-catgrid__sublink.if-catgrid__sublink--lvl3 { padding: 3px 0 !important; /* was 4–6px */ line-height: 1.15 !important; /* was 1.3 */ font-size: .85rem; /* optional small step down; remove if not desired */ color: #374151 !important; } .if-catgrid .if-catgrid__item--lvl3 + .if-catgrid__item--lvl3 { margin-top: 1px !important; } /* General list rows (fallback if level classes are missing) */ .if-catgrid .if-catgrid__sublink { padding: 5px 0 !important; line-height: 1.22 !important; } .if-catgrid .if-catgrid__item + .if-catgrid__item { margin-top: 1px !important; } /* ===== IF Cat Grid — per-level tokens for ink + font-size ===== */ .if-catgrid { /* COLORS */ --ink-l1: #e02626; /* Level 1 (title) */ --ink-l1-hover: #0b2335; --ink-l2: #1f2937; /* Level 2 (subcat) */ --ink-l2-hover: #0b2335; --ink-l3: #374151; /* Level 3 (tertiary) */ --ink-l3-hover: #1f2937; /* SIZES */ --fs-l1: 1rem; /* Level 1 font-size */ --fs-l2: .9rem; /* Level 2 font-size */ --fs-l3: .82rem; /* Level 3 font-size */ /* Optional line-heights (adjust if you like) */ --lh-l1: 1.1; --lh-l2: 1.15; --lh-l3: 1; } /* Level 1: Title */ .if-catgrid .if-catgrid__title { color: var(--ink-l1) !important; font-size: var(--fs-l1); line-height: var(--lh-l1); font-weight: 800; } .if-catgrid .if-catgrid__link:hover .if-catgrid__title { color: var(--ink-l1-hover) !important; } /* Level 2: Subcategory rows (default) */ .if-catgrid .if-catgrid__sublink { color: var(--ink-l2) !important; font-size: var(--fs-l2); line-height: var(--lh-l2) !important; text-decoration: none; } .if-catgrid .if-catgrid__sublink:hover { color: var(--ink-l2-hover) !important; text-decoration: underline; } /* Level 3: Tertiary rows (indented list) */ .if-catgrid .if-catgrid__sublink--lvl3 { color: var(--ink-l3) !important; font-size: var(--fs-l3); line-height: var(--lh-l3) !important; } .if-catgrid .if-catgrid__sublink--lvl3:hover { color: var(--ink-l3-hover) !important; } /* tweak globally */ .if-catgrid { --pad-list-y: 1.25rem; } /* Make the toggle button look like your link */ .if-catgrid__toggle { appearance: none; background: none; border: 0; padding: 0; width: 100%; text-align: left; cursor: pointer; display: flex; align-items: center; gap: .5rem; } .if-catgrid__chev { margin-left: auto; transition: transform .2s ease; } .if-catgrid__toggle[aria-expanded="true"] .if-catgrid__chev { transform: rotate(180deg); } /* Optional spacing when opened */ .if-catgrid__panel { margin-top: .75rem; } /* 1) Ensure hidden panels are truly hidden (some themes mess with [hidden]) */ .if-catgrid__panel[hidden] { display: none !important; } /* 2) Reset the button so it looks/behaves like your old link */ .if-catgrid__toggle { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; text-decoration: inherit; line-height: inherit; width: 100%; text-align: left; display: flex; align-items: center; gap: .5rem; cursor: pointer; } /* 3) Keep the title from breaking mid-word like "Instrumentatio n" */ .if-catgrid__title { word-break: normal; overflow-wrap: break-word; } /* 4) Chevron alignment */ .if-catgrid__chev { margin-left: auto; display: inline-block; transition: transform .2s ease; font-size: 26px; } .if-catgrid__toggle[aria-expanded="true"] .if-catgrid__chev { transform: rotate(180deg); } /* 5) Remove “empty card” height if your old styles set it */ .if-catgrid__card { min-height: 0 !important; height: auto !important; } .if-catgrid__toggleThumb { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 0; margin: 0; cursor: pointer; } .gw-horizontal-form_wrapper .ginput_container input, .gw-horizontal-form_wrapper .ginput_container select, .gw-horizontal-form_wrapper #field_submit input.button { height: 2.4rem; } .gw-horizontal-form_wrapper #field_submit input.button { padding: 0 1.4rem; } .gw-horizontal-form_wrapper .gform_fields { grid-column-gap: 1vw !important; } .gw-horizontal-form_wrapper .ginput_complex span:not(:first-child) { padding-left: 1vw !important; } /* .content-narrow-1220 .container{ max-width: 1220px !important; margin:auto !important; } */ #top form { margin-bottom: 0px; } .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer { display: none !important; } .gform_footer { padding-bottom: 0px !important; } input[type="submit"], #submit, .button { border-radius: 4px; } .gform_wrapper.gravity-theme .gfield { min-width: 195px; } @media only screen and (max-width: 767px) { .blog-subscribe-banner { padding: 3rem !important; } body.page-id-23814 .avia-content-slider .slide-image, body.page-id-23814 .avia-content-slider .slide-image img {} } #av_section_1 { min-height: 430px; } .latest-blog-post, .latest-blog-post-image { display: block; min-height: 1px; } .latest-blog-post .wrap, .latest-blog-post-image .wrap { display: block; } .latest-blog-post h4, .latest-blog-post h2, .latest-blog-post p { margin: 0 0 .5rem; } .gform_wrapper.gravity-theme .gform_fields { display: inline; } .blog-subscribe-banner .av-special-heading { padding-bottom: 15px !important; } #field_50_2 { margin-top: 10px; } #field_50_2 .gfield_label { display: none; } /* Hide header section on InterfaceIQ Podcast Playlist page only */ body.page-id-62791 #av_section_2 { display: none !important; } /* body.page-template-template-pages-narrow .container .content { margin-top:50px; margin-bottom:50px; } */ body.page-template-template-pages-narrow .avia-section:not(#av_section_1) .container { max-width: 850px; margin: auto; } #wpadminbar li.nitropack-menu li#wp-admin-bar-nitropack-top-menu { display: none !important; } #wpadminbar #wp-admin-bar-nitropack-top-menu { display: none !important; } #wp-admin-bar-nitropack-top-menu.nitropack-menu .ab-item { display: none !important; } /* Tab titles container */ .tabcontainer .tab_titles { /* display: flex; */ gap: 10px; /* spacing between tabs */ justify-content: center; } /* Individual tabs */ .tabcontainer .tab_titles .tab a { display: block; padding: 12px 20px; background: #f2f2f2; border-radius: 6px; color: #333; font-weight: 600; transition: all .2s ease; } /* Hover and active states */ .tabcontainer .tab_titles .tab a:hover, .tabcontainer .tab_titles .tab.active_tab a { background: #c00; color: #fff; } /* General tab content */ .tabcontainer .tab_content { background: #fff; border: 1px solid #ddd; padding: 25px; border-radius: 6px; margin-top: 15px; } /* Optional typography adjustments */ .tabcontainer .tab_content p { line-height: 1.6; font-size: 16px; color: #444; } .youtube-playlist-tab-container .container { max-width: 1200px; } #youtube-playlists { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center !important; } .playlist { max-width: 300px; text-align: center; } .playlist p { line-height: 1.25em; background-color: black; padding: 1.4rem 1rem 1rem 1rem; color: #fff; margin-top: -15px; border-radius: 0px 0px 12px 12px; } .playlist img { width: 100%; border-radius: 10px; border: 1px solid #777; } #yt-player-container { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 aspect ratio */ margin-bottom: 20px; } #yt-player, #yt-player-podcast { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } #yt-carousel-wrapper { overflow-x: auto; white-space: nowrap; padding-bottom: 10px; } #yt-playlist, #yt-playlist-podcast { display: inline-flex; gap: 10px; } .section-youtube-playlists {} .section-youtube-playlists .block-youtube-playlist { text-align: center; padding-bottom: 1rem; background-color: #fff; border-radius: .25rem !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 5%), 0 0px 25px 0 rgba(0, 0, 0, 3%), 0 0px 12px 0 rgba(0, 0, 0, 3%); transition-property: box-shadow, transform; } .section-youtube-playlists .av-subheading_below { padding: 0px 20px; line-height: 1.5rem; } .section-youtube-playlists .av-subheading_below p { font-size: .9rem !important; text-align: left; } .section-youtube-playlists .gradient-header h3, .section-youtube-playlists .gradient-header h4 { color: #ff6a13; display: inline !important; letter-spacing: .318261px; margin-bottom: 0px !important; background: -webkit-linear-gradient(48deg, #000 0%, #285769 48%, #bb2c26 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 18px; letter-spacing: 1.09091px; text-transform: uppercase !important; border-bottom: 1px solid #000; padding-bottom: 2px; } .gradient-header h4:after { background: #fff; margin-top: 0px; } .page-id-22570 .global-search-bar { display: none !important; } .title_container { background: #eaf0f6; border-top: 1px solid #fff !important; border-bottom: 1px solid #d8d7d7 !important; } .title_container .container a, .title_container .breadcrumb, .title_container h1 { color: #000 !important; text-transform: none !important; letter-spacing: 0px; font-weight: 400; } /* Breadcrumbs */ #top .title_container .breadcrumb { border-left: 0px solid #ccc; position: static; float: left; height: 36px; line-height: 36px; margin-top: 0; padding-left: 0px; } span[itemprop="itemListElement"] { padding-left: 2px; } @media (max-width: 767px) { .breadcrumb-trail .trail-end { display: none !important; } } .utility-search a { padding: 7px 8px 8px 8px !important; background: antiquewhite !important; color: #000 !important; text-transform: uppercase !important; font-weight: normal !important; border-radius: 4px !important; text-decoration: none !important; } .utility-search > a::after { content: ""; /* Unicode for Font Awesome search icon */ font-family: "Font Awesome 5 Free"; /* Font Awesome family */ font-weight: 900; /* Ensures the icon appears properly */ margin-left: .5em; /* Space between the text and the icon */ display: inline-block; } .utility-search a, .utility-account a, .utility-email a, .utility-phone a { border-radius: 3px !important; } #top #header_main > .container, #top #header_main > .container .main_menu .av-main-nav > li > a, #top #header_main #menu-item-shop .cart_dropdown_link { height: 70px; line-height: 90px; } #top #header_main > .container, #top #header_main > .container .main_menu .av-main-nav > li > a, #top #header_main #menu-item-shop .cart_dropdown_link { line-height: 80px !important; padding: 0 10px; } @media screen and (min-width: 1024px) { .html_header_top.html_header_topbar_active.html_header_sticky #top #main { padding-top: 107px !important; } input.swp-input--search.swp-input { border-radius: 0 0 0 0px !important; } } form#searchwp-form-4 { margin: 0px !important; padding: 0px !important; margin: auto !important; } .search-section #searchwp-form-4 input[type="submit"] { border-radius: 0 !important; } .searchwp-form input[type=search] { border: none !important; } .searchwp-form input[type=submit] { width: 100px !important; } @media only screen and (max-width: 767px) { .search-results .container { width: 100% !important; } } @media only screen and (max-width: 767px) { .search-section .flex_column { margin-bottom: 0px !important; } } .global-search-bar { background-color: #000; } .navigation.pagination .swp-results-pagination.nav-links { margin-top: 0px; } input.swp-input--search { margin-bottom: 0 !important; text-align: center; border-radius: 0px !important; padding: 4px 8px !important; } /* Targeting the placeholder text */ .swp-input--search::placeholder { color: #444 !important; } /* For better browser support, include this vendor-prefixed version */ .swp-input--search::-webkit-input-placeholder { color: #444 !important; } .swp-input--search::-moz-placeholder { color: #444 !important; } .swp-input--search:-ms-input-placeholder { color: #444 !important; } .swp-input--search:-moz-placeholder { color: #444 !important; } form.searchwp-form { max-width: 567px; margin: auto !important; } form.searchwp-form .swp-flex--gap-md { gap: 0em; } .searchwp-form input[type=submit] { border-radius: 0px !important; background-color: #df2b2f; color: #fff; text-transform: uppercase; width: 200px; font-size: .9rem; } .swp-flex .swp-result-item:first-child { padding-top: 20px; } .swp-flex .swp-result-item { padding: 20px; border-bottom: none; margin-bottom: 20px; background-color: #f0f0f0; } #header_main form.searchwp-form .searchwp-form-input-container { max-width: 660px; } #header_main form.searchwp-form .swp-flex--row { justify-content: end; } /* https://www.interfaceforce.com/product-category/hazardous-locations/ */ body.term-3897 .cattitleimagewrapper { display: none; } body.home header#header { border-bottom: 2px solid #050000 !important; } #header_meta { border-top: none; z-index: 10; min-height: 35px; border-bottom-style: solid; border-bottom-width: 5px; border-bottom-color: #050000; margin-bottom: -5px; padding-top: 5px; } nav.main_menu input::placeholder { font-weight: normal; opacity: .5; color: #050000; } /* Styles the placeholder text when input is focused */ nav.main_menu input:focus::placeholder, .mobile-only-search input:focus::placeholder { color: transparent !important; } .logo { padding-top: 0px !important; max-width: auto !important; } #top .title_container .breadcrumb { padding-top: 2px !important; } #top #searchform > * { opacity: 1 !important; display: block !important; } #top #searchsubmit { width: 34px; height: 34px; background-color: #e02120; color: #fff; } .html_cart_at_menu.html_header_searchicon .menu-item-search-dropdown { position: absolute; right: -39px; width: 437px; border-top: 1px solid #000 !important; border-right: 1px solid #000 !important; border-bottom: 1px solid #000 !important; border-left: 1px solid #000 !important; } #menu-item-shop.cart_dropdown { z-index: 0; } #top #s { width: 100%; position: relative; padding: 8px 47px 8px 5px; z-index: 1; margin: 0; box-shadow: none; } @media (max-width: 1140px) and (min-width: 768px) { .mobile-only-search { display: block !important; max-width: 50%; margin: 0 auto; } } @media (max-width: 1140px) { #s { text-align: center; } } li.header-site-search-text { float: left; position: relative; padding: 0; border-right-style: solid; border-right-width: 1px; line-height: 10px; } .utility-account a { padding: 7px 8px 8px 8px !important; background: #0b6488 !important; color: #fff !important; text-transform: uppercase !important; font-weight: normal !important; border-radius: 4px !important; } .header-site-search-text a { padding: 9px !important; background: #050000; color: #fff !important; text-transform: uppercase; font-weight: normal !important; border-radius: 4px; pointer-events: none !important; cursor: default !important; text-decoration: none !important; } .header-site-search-text a:hover { pointer-events: none !important; cursor: default !important; text-decoration: none !important; } .utility-email a { padding: 7px 8px 8px 8px !important; background: #e02120; color: #fff !important; text-transform: uppercase; border-radius: 4px; font-weight: normal !important; } .utility-phone a { padding: 5px 8px 5px 8px !important; background: #e02120; color: #fff !important; text-transform: uppercase; font-weight: normal !important; font-size: 1rem; border-radius: 4px; } @media (max-width: 1140px) { .header-site-search-text { display: none !important; } } @media (max-width: 1140px) { .mobile-only-search { display: block !important; } } .logo img, .logo svg { width: 55%; height: 100%; padding-top: 0; } /* .sub-menu.nav-dropdown { max-height: 80vh; overflow-y: auto; } */ /* calibration equipment */ #top .av-main-nav ul #menu-item-1003917 ul { top: -200px !important; } /* accessories */ #top .av-main-nav ul #menu-item-1004250 ul { top: -400px !important; } /* #top .av-main-nav ul #menu-item-1003922 ul{ top: -400px !important; } */ #top .av-main-nav ul ul {} .col1-industry-solutions, .col1-guides, .col1-company { /* background-image: url('/wp-content/uploads/iStock-1185065153-1.jpg') !important; background-size: cover !important; background-position: center !important; */ border-right: 4px solid #000 !important; background-color: #0b6588; } .col1-industry-solutions, .col1-guides, .col1-company {} /* .col1-industry-solutions::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: #e9f4ff; opacity: 0.8; } */ #top .av-main-nav ul .mega_menu_title a { /* text-align:center !important; */ padding: 0 0 20px !important; } .mega_menu_title a:hover { text-decoration: none !important; } nav.main_menu span.avia-menu-text i { display: none; } .avia_mega_text_block { /* text-align:center !important; */ font-weight: 300 !important; font-size: .85rem; line-height: 1.5rem; } #top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul { background-color: transparent !important; color: #fff; font-size: 14px !important; } #top #wrap_all .av-main-nav ul, #top #wrap_all .av-main-nav ul ul { background-color: #ebeff6; font-size: 16px; } #top #wrap_all .av-main-nav ul a, #top #wrap_all .av-main-nav ul ul a { padding: 2px 10px 10px 5px !important; color: #000 !important; } #top #wrap_all .av-main-nav ul a, #top #wrap_all .av-main-nav ul ul a { color: #000; font-size: 14px; } #top #wrap_all .av-main-nav ul a:hover, #top #wrap_all .av-main-nav ul ul a:hover { color: #006b91 !important; text-decoration: underline !important; } @media only screen and (max-width: 1140px) { nav.main_menu { display: block !important; } #avia-menu .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } } @media only screen and (max-width: 1240px) { #top #header_main > .container, #top #header_main > .container .main_menu .av-main-nav > li > a { font-size: 12px !important; } } .mega-industry-solutions .sub-menu > li a:hover { color: #006b91 !important; } /* menu-item-mega-parent */ #top #header .avia_mega_div > .sub-menu { padding: 0 !important; background: #ebeff6 !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 5%), 0 7px 25px 0 rgba(0, 0, 0, 3%), 0 4px 12px 0 rgba(0, 0, 0, 3%); border-width: 0px 1px 1px 1px; border-style: solid; border-color: #000; } #top #header .avia_mega_div > .sub-menu > li { padding: 1.2rem !important; } #top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul { background-color: transparent !important; color: #33475b; } .col1-industry-solutions li h4, .col1-industry-solutions li, .col1-guides li h4, .col1-guides li, .col1-industry-solutions li a span, .col1-guides li a span, .col1-guides li span a { color: #fff !important; } .col1-company li h4, .col1-company li, .col1-company li h4, .col1-company li, .col1-company li a span, .col1-company li a span, .col1-company li span a, .col1-company a { color: #fff !important; } .menu-read-more span.avia-bullet { display: none; } .av-main-nav ul li.menu-read-more { background-color: #050000 !important; border-radius: 4px !important; border-color: #050000 !important; padding: .5rem .5rem !important; } .av-main-nav ul li.menu-read-more a { color: #fff !important; /* margin-bottom: 5px !important; */ margin: 0px !important; border-width: 0px !important; text-transform: uppercase !important; /* padding: 1rem .5rem !important; */ font-size: 13px !important; /* min-width: 139px; */ text-align: center !important; width: auto !important; } li.menu-support ul.sub-menu {} li.menu-forceedu { display: block !important; float: right !important; } /* Add your CSS code here. For example: .example { color: red; } For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp End of comment */ body { font-family: system-ui, sans-serif; } .section-solutions-guide-search .container .content { vertical-align: top !important; } /* limit width so that content will need to scroll */ .literature.horizontal-scroll { max-width: 130em; height: 20rem; } .literature.horizontal-scroll h4 { line-height: 1.25rem; } .literature.horizontal-scroll li { list-style-type: none; /* margin-bottom: 50px; */ padding: 0px !important; margin-left: 0px; } /* SCROLL SNAPPING */ .scroll-container { overflow-x: auto; scroll-snap-type: x mandatory; } .scroll-item { scroll-snap-align: center; } /* GRID LAYOUT */ .scroll-container[data-layoutmethod="grid"] { display: grid; grid: auto/auto-flow max-content; grid-gap: 1em; align-items: center; } .scroll-item { /* make it square */ width: 13em; height: 10em; /* border: 1px solid rgba(0,0,0, 0.1); */ /* some basic styling */ /* background: #ccc; */ border-radius: .2em; /* center contents */ display: flex; justify-content: center; align-items: center; } #footer a { color: #fff; } #footer a:hover { color: #ccc; } #footer a { line-height: 1.25em; } @media (max-width: 767px) { #footer div .av_one_fifth { margin-left: 0; width: 100%; } #footer .widget { margin: 0px; } } .training-video-wrapper { min-height: 385px !important; } @media screen and (max-width: 767px) { body.parent-pageid-23811 #av_section_1 .avia-image-container { display: none; } } body.parent-pageid-23811 .sidebar_tab .tab_titles { background-color: #eaf0f6; max-width: 400px; } body.parent-pageid-23811 .tabcontainer { background: #eaf0f6 !important; } body.parent-pageid-23811 .tabcontainer { background: #eaf0f6 !important; } body.pageid-27101 #av_section_1 { background: none !important; } body.parent-pageid-23811 #av_section_1 img.avia_image { max-width: 75%; } body.parent-pageid-23811 .av-tab-section-tab-title-container { display: none; } body.parent-pageid-23811 .av-special-heading-h2 { display: none; } body.parent-pageid-23811 .tab_content { padding: 1rem 4rem; } #av_section_1 .av-subheading_below { font-size: 1rem !important; line-height: 1.75rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } .avia_textblock { line-height: 1.75rem; } body:not(.logged-in) .dataTables_wrapper { display: none; } .widgettitle { font-weight: 400 !important; text-transform: uppercase; letter-spacing: 1px; font-size: 1.1em; } .sweet-overlay { display: none; } .pdfemb-viewer .pdfemb-errormsg { display: none !important; } .avia_textblock { font-size: 1rem; } /* Black border with rounded corners on YouTube-linked images */ a[href*="youtube.com"] img, a[href*="youtu.be"] img { border: 1px solid #000 !important; border-radius: 10px; box-sizing: border-box; } @media only screen and (min-width: 990px) { .avia_cookie_text { width: 50%; margin-right: 8%; text-align: left; } } a.avia-cookie-info-btn { text-decoration: underline !important; } a.avia-cookie-info-btn:hover { text-decoration: none !important; } a.avia-cookie-select-all { background-color: #000 !important; color: #fff !important; border: 1px solid #000 !important; } a.avia-cookie-select-all:hover { background-color: green !important; color: #fff !important; border: 1px solid green !important; } a.avia-cookie-hide-notification { background-color: #000 !important; color: #fff !important; border: 1px solid #000 !important; } a.avia-cookie-hide-notification:hover { background-color: transparent !important; color: #fff !important; border: 1px solid #fff !important; } .avia-popup .av-inline-modal .tab { font-weight: normal; } .utility-mainsite a { padding: 8px !important; background: #116786; color: #fff !important; text-transform: uppercase; } .hp-button-row .avia-button.avia-size-small { padding: 15px 30px 13px; font-size: 13px; min-width: 139px; text-transform: uppercase; } .hp-button-row .avia-button.avia-size-small:nth-child(2) { padding: 15px 30px 13px; font-size: 13px; min-width: 139px; text-transform: uppercase; background: #116786; } .qs-holiday-banner img { border: 4px solid #000 !important; } #top .avia-font-entypo-fontello-enfold, body .avia-font-entypo-fontello-enfold, html body [data-av_iconfont='entypo-fontello-enfold']:before { font-family: "entypo-fontello-enfold"; } #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before { font-family: "entypo-fontello"; } #top .avia-font-fontello, body .avia-font-fontello, html body [data-av_iconfont='fontello']:before { font-family: "fontello"; } #top .avia-font-flaticon, body .avia-font-flaticon, html body [data-av_iconfont='flaticon']:before { font-family: "flaticon"; } #searchwp-form-4 .swp-input, #searchwp-form-4 .swp-select { border: 1px solid; border-radius: 0; } #searchwp-form-4 .searchwp-form-input-container .swp-select { border-right: 0; } #searchwp-form-4 input[type=submit] { border-radius: 0; } .searchwp-live-search-results { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; height: 0; overflow: hidden; z-index: 9999995; /* Exceed SearchWP Modal Search Form overlay. */ position: absolute; display: none; } .searchwp-live-search-results-showing { display: block; opacity: 1; height: auto; overflow: auto; } .searchwp-live-search-no-results { padding: 3em 2em 0; text-align: center; } .searchwp-live-search-no-min-chars:after { content: "Continue typing"; display: block; text-align: center; padding: 2em 2em 0; }

Industry Solutions

Product Applications

Interface Guides

Custom Solutions

Company Overview