Interface Product Categories

/*# 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; } /* 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"; } #wpcs_tab_32570 { display: none; } #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; } .responsive .container { max-width: 100% !important; } #top .av-subnav-menu li a { font-size: 11px !important; } .wpcs_tab { display: none !important; } .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; }