Interface Products

Interface is the trusted world leader in force measurement solutions. We lead by engineering, building and guaranteeing the highest performance in everything we manufacture. Interface products are the world’s best sensors for force and torque measurement.

Contact an Application Engineer

Click to view product types

img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } .woocommerce form .form-row .required { visibility: visible; } .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; } .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; } 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; } /* ===================================================== 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; } /* Products mega menu (Enfold) – capped like other dropdowns */ #header_main li#menu-item-66412.products-mega .avia_mega_div ul.sub-menu > li.avia_mega_menu_columns_first { padding: 0rem 1.2rem 1.2rem 1.2rem !important; } #header_main li#menu-item-66412.products-mega .mega_menu_title { display: flex; justify-content: center; /* <-- this centers the button */ align-items: center; width: 100%; background-color: #fff; } #header_main li#menu-item-66412.products-mega .mega_menu_title a { text-transform: uppercase !important; border-radius: 4px; color: #fff !important; background-color: #e8232a; text-align: center; padding: 12px !important; width: 200px; } #header_main li#menu-item-66412.products-mega .mega_menu_title a:hover { background-color: #000; color: #fff !important; text-decoration: none !important; } /* Make Product Overview bar full width inside mega menu */ #header_main li#menu-item-66412.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#menu-item-66412.products-mega .mega_menu_title { border-bottom: 1px solid rgba(0, 0, 0, .08); } #header_main li#menu-item-66412.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#menu-item-66412.products-mega .avia_mega_menu_columns_1.three.units { width: 100% !important; max-width: none !important; float: none !important; } /* Hide "Dynamic Product Categories" label row */ #header_main li#menu-item-66412.products-mega #menu-item-55548 > a { display: none !important; } /* Make submenu wrappers full width */ #header_main li#menu-item-66412.products-mega .avia_mega_div ul.sub-menu { width: 100% !important; max-width: none !important; } /* Category grid */ #header_main li#menu-item-66412.products-mega #menu-item-55548 > 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#menu-item-66412.products-mega #menu-item-55548 > ul.sub-menu > li { float: none !important; width: auto !important; margin: 0 !important; } /* Link layout + hover */ #header_main li#menu-item-66412.products-mega #menu-item-55548 > 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#menu-item-66412.products-mega #menu-item-55548 > ul.sub-menu a:hover { background: rgba(0, 0, 0, .045); } /* Remove Enfold bullet */ #header_main li#menu-item-66412.products-mega #menu-item-55548 .avia-bullet { display: none !important; } /* Thumb */ #header_main li#menu-item-66412.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#menu-item-66412.products-mega #menu-item-55548 .avia-menu-text { font-size: 15px; line-height: 1.2; font-weight: 600; } /* 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: 767px; 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 { width: 60%; height: 100%; padding-top: .5rem; } /* .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; } @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, 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

Interface Products

Click to view product types

All Products

Contact Us

Solutions

Services

News