Interface - Blog Dev

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; } .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; } /* 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

2025 Recap of Trending Interface Digital Resources

Interface New Products Releases in Winter 2025

2025 Force Measurement Year in Review

The Testing Behind Your Favorite Gifts

Subzero Force Measurement to Manage the Chill Effect

How Load Cells Are Supporting Delivery 2.0

Bias and Variance for Benchmarking Outcomes in Force Measurement

Aircraft Wing Testing Requires Force Measurement Accuracy

Dynamic Versus Static Torque 101

Civil Engineering Modernization Relies on Force Measurement Data

Why is Metrology Fundamental to Test and Measurement?

An Interface Thank You Note

Force Measurement for Food Safety Beyond the Label

Load Cell Design FAQs and Engineering Tips

Discovering Bending Beam Load Cell Use Cases

All Products

Contact Us

Solutions

Services

News