{"id":1745,"date":"2020-10-08T16:01:47","date_gmt":"2020-10-08T16:01:47","guid":{"rendered":"https:\/\/vanguardsteelvancouver.com\/wp20\/?page_id=1745"},"modified":"2026-10-26T19:32:11","modified_gmt":"2026-10-26T19:32:11","slug":"calculators","status":"publish","type":"page","link":"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/","title":{"rendered":"Steel Calculators &amp; Shop Tools"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1745\" class=\"elementor elementor-1745\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6707dd e-con-full e-flex e-con e-parent\" data-id=\"a6707dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bfb390 elementor-widget elementor-widget-template\" data-id=\"8bfb390\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<header data-elementor-type=\"header\" data-elementor-id=\"3375\" class=\"elementor elementor-3375\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-664a292 e-flex e-con-boxed e-con e-parent\" data-id=\"664a292\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e91ff3 elementor-widget elementor-widget-menu-anchor\" data-id=\"6e91ff3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"topheader\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e820292 elementor-widget elementor-widget-html\" data-id=\"e820292\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Existing header code above -->\r\n\r\n<button\r\n  class=\"vgd-back-to-top\"\r\n  type=\"button\"\r\n  aria-label=\"Back to top\"\r\n  title=\"Back to top\"\r\n>\r\n  <span aria-hidden=\"true\">\u2191<\/span>\r\n<\/button>\r\n\r\n<style>\r\n  .vgd-back-to-top {\r\n    position: fixed;\r\n    right: 22px;\r\n    bottom: 88px;\r\n    z-index: 9998;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n    padding: 0;\r\n\r\n    color: #ffffff;\r\n    background: #1b1e20;\r\n    border: 2px solid #f26a21;\r\n    border-radius: 50%;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 25px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(12px);\r\n\r\n    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.3);\r\n\r\n    transition:\r\n      opacity 0.22s ease,\r\n      visibility 0.22s ease,\r\n      transform 0.22s ease,\r\n      background-color 0.22s ease;\r\n  }\r\n\r\n  .vgd-back-to-top.vgd-back-to-top--visible {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .vgd-back-to-top:hover,\r\n  .vgd-back-to-top:focus-visible {\r\n    background: #f26a21;\r\n  }\r\n\r\n  .vgd-back-to-top:focus-visible {\r\n    outline: 3px solid rgba(242, 106, 33, 0.4);\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .vgd-back-to-top {\r\n      right: 16px;\r\n      bottom: 16px;\r\n      width: 46px;\r\n      height: 46px;\r\n      font-size: 24px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .vgd-back-to-top {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const backToTopButton = document.querySelector(\".vgd-back-to-top\");\r\n\r\n    if (!backToTopButton) return;\r\n\r\n    function updateBackToTopButton() {\r\n      backToTopButton.classList.toggle(\r\n        \"vgd-back-to-top--visible\",\r\n        window.scrollY > 700\r\n      );\r\n    }\r\n\r\n    backToTopButton.addEventListener(\"click\", function () {\r\n      const reduceMotion = window.matchMedia(\r\n        \"(prefers-reduced-motion: reduce)\"\r\n      ).matches;\r\n\r\n      window.scrollTo({\r\n        top: 0,\r\n        behavior: reduceMotion ? \"auto\" : \"smooth\"\r\n      });\r\n    });\r\n\r\n    window.addEventListener(\"scroll\", updateBackToTopButton, {\r\n      passive: true\r\n    });\r\n\r\n    updateBackToTopButton();\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5a81cf elementor-widget elementor-widget-html\" data-id=\"c5a81cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .vgd-utility-wrap {\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    background: #080808;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.09);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .vgd-utility-bar {\r\n    max-width: 1440px;\r\n    min-height: 38px;\r\n    margin: 0 auto;\r\n    padding: 0 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .vgd-utility-branch {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: #ffffff;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .vgd-utility-branch::before {\r\n    content: \"\";\r\n    width: 3px;\r\n    height: 14px;\r\n    background: #f26a21;\r\n    display: block;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .vgd-utility-company {\r\n    color: #b9b9b9;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .vgd-utility-divider {\r\n    color: #555555;\r\n  }\r\n\r\n  .vgd-utility-phones {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 24px;\r\n  }\r\n\r\n  .vgd-utility-phone {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #ffffff;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    letter-spacing: 0.6px;\r\n    text-decoration: none;\r\n    white-space: nowrap;\r\n    transition: color 0.2s ease;\r\n  }\r\n\r\n  .vgd-utility-phone:hover,\r\n  .vgd-utility-phone:focus {\r\n    color: #f26a21;\r\n  }\r\n\r\n  .vgd-phone-label {\r\n    color: #8d8d8d;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .vgd-utility-bar {\r\n      min-height: 42px;\r\n      padding: 0 16px;\r\n      gap: 12px;\r\n    }\r\n\r\n    .vgd-utility-company,\r\n    .vgd-utility-divider,\r\n    .vgd-phone-label {\r\n      display: none;\r\n    }\r\n\r\n    .vgd-utility-branch {\r\n      font-size: 10px;\r\n      letter-spacing: 0.9px;\r\n    }\r\n\r\n    .vgd-utility-phones {\r\n      gap: 12px;\r\n    }\r\n\r\n    .vgd-utility-phone {\r\n      font-size: 11px;\r\n      letter-spacing: 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .vgd-utility-bar {\r\n      min-height: 46px;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: 5px 16px;\r\n      padding-top: 6px;\r\n      padding-bottom: 6px;\r\n    }\r\n\r\n    .vgd-utility-branch {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"vgd-utility-wrap\">\r\n  <div class=\"vgd-utility-bar\">\r\n\r\n    <div class=\"vgd-utility-branch\">\r\n      <span class=\"vgd-utility-company\">Vanguard Steel Ltd.<\/span>\r\n      <span class=\"vgd-utility-divider\">|<\/span>\r\n      <span>Vancouver Branch<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"vgd-utility-phones\">\r\n      <a\r\n        class=\"vgd-utility-phone\"\r\n        href=\"tel:+16042943191\"\r\n        aria-label=\"Call Vanguard Steel Vancouver at 604-294-3191\"\r\n      >\r\n        <span class=\"vgd-phone-label\">Local<\/span>\r\n        <span>604-294-3191<\/span>\r\n      <\/a>\r\n\r\n      <a\r\n        class=\"vgd-utility-phone\"\r\n        href=\"tel:+18662943191\"\r\n        aria-label=\"Call Vanguard Steel toll free at 1-866-294-3191\"\r\n      >\r\n        <span class=\"vgd-phone-label\">Toll Free<\/span>\r\n        <span>1-866-294-3191<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1845db3 elementor-widget elementor-widget-html\" data-id=\"1845db3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .vgd-main-header-wrap,\n  .vgd-main-header-wrap *,\n  .vgd-main-header-wrap *::before,\n  .vgd-main-header-wrap *::after {\n    box-sizing: border-box;\n  }\n\n  .vgd-main-header-wrap {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    position: relative;\n    z-index: 999;\n    background: #151719;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .vgd-main-header {\n    width: 100%;\n    max-width: 1440px;\n    min-height: 94px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 34px;\n    margin: 0 auto;\n    padding: 0 28px;\n  }\n\n  \/*\n   * LOGO\n   *\/\n\n  .vgd-main-logo-link {\n    flex: 0 1 330px;\n    max-width: 330px;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n  }\n\n  .vgd-main-logo {\n    display: block;\n    width: 100%;\n    height: auto;\n    max-height: 76px;\n    object-fit: contain;\n    object-position: left center;\n  }\n\n  \/*\n   * DESKTOP NAVIGATION\n   *\/\n\n  .vgd-main-navigation {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 25px;\n    margin-left: auto;\n  }\n\n  .vgd-main-navigation > a,\n  .vgd-main-nav-parent-row > a {\n    position: relative;\n    color: #ffffff !important;\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: 0.5px;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    white-space: nowrap;\n    transition: color 0.2s ease;\n  }\n\n  .vgd-main-navigation > a:not(.vgd-contact-button)::after,\n  .vgd-main-nav-parent-row > a::after {\n    position: absolute;\n    bottom: -9px;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background: #f26a21;\n    content: \"\";\n    transition: width 0.2s ease;\n  }\n\n  .vgd-main-navigation > a:not(.vgd-contact-button):hover,\n  .vgd-main-navigation > a:not(.vgd-contact-button):focus,\n  .vgd-main-nav-parent-row > a:hover,\n  .vgd-main-nav-parent-row > a:focus {\n    color: #f26a21 !important;\n  }\n\n  .vgd-main-navigation > a:not(.vgd-contact-button):hover::after,\n  .vgd-main-navigation > a:not(.vgd-contact-button):focus::after,\n  .vgd-main-nav-parent-row > a:hover::after,\n  .vgd-main-nav-parent-row > a:focus::after {\n    width: 100%;\n  }\n\n  \/*\n   * MAIN NAVIGATION DROPDOWNS\n   *\/\n\n  .vgd-main-nav-item {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n\n  .vgd-main-nav-parent-row {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n  }\n\n  .vgd-main-submenu-toggle {\n    width: 21px;\n    height: 30px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n    padding: 0;\n    color: #ffffff;\n    background: transparent;\n    border: 0;\n    cursor: pointer;\n    appearance: none;\n  }\n\n  .vgd-main-submenu-toggle:hover,\n  .vgd-main-submenu-toggle:focus-visible {\n    color: #f26a21;\n    outline: none;\n  }\n\n  .vgd-main-submenu-toggle:focus-visible {\n    box-shadow: inset 0 0 0 2px #f26a21;\n  }\n\n  .vgd-main-submenu-chevron {\n    width: 8px;\n    height: 8px;\n    margin-top: -4px;\n    border-right: 1.5px solid currentColor;\n    border-bottom: 1.5px solid currentColor;\n    transform: rotate(45deg);\n    transition: transform 0.18s ease;\n  }\n\n  .vgd-main-nav-item.is-submenu-open\n    .vgd-main-submenu-chevron {\n    margin-top: 4px;\n    transform: rotate(225deg);\n  }\n\n  .vgd-main-submenu {\n    position: absolute;\n    top: calc(100% + 29px);\n    left: 0;\n    z-index: 1010;\n    width: 245px;\n    visibility: hidden;\n    margin: 0;\n    padding: 9px;\n    opacity: 0;\n    pointer-events: none;\n    background: #1d2022;\n    border-top: 3px solid #f26a21;\n    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.32);\n    transform: translateY(7px);\n    transition:\n      opacity 0.16s ease,\n      visibility 0.16s ease,\n      transform 0.16s ease;\n  }\n\n  .vgd-main-nav-item.is-submenu-open .vgd-main-submenu,\n  .vgd-main-nav-item:focus-within .vgd-main-submenu {\n    visibility: visible;\n    opacity: 1;\n    pointer-events: auto;\n    transform: translateY(0);\n  }\n\n  .vgd-main-submenu a {\n    display: block;\n    width: 100%;\n    padding: 12px 13px;\n    color: #e4e7e9 !important;\n    background: transparent !important;\n    border-left: 3px solid transparent;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.3;\n    letter-spacing: 0.2px;\n    text-decoration: none !important;\n    text-transform: none;\n    transition:\n      color 0.15s ease,\n      background-color 0.15s ease,\n      border-color 0.15s ease;\n  }\n\n  .vgd-main-submenu a:hover,\n  .vgd-main-submenu a:focus-visible {\n    color: #ffffff !important;\n    background: #303438 !important;\n    border-left-color: #f26a21;\n    outline: none;\n  }\n\n  @media (min-width: 1281px) {\n    .vgd-main-nav-item:hover .vgd-main-submenu {\n      visibility: visible;\n      opacity: 1;\n      pointer-events: auto;\n      transform: translateY(0);\n    }\n  }\n\n  \/*\n   * CONTACT BUTTON\n   *\/\n\n  .vgd-main-navigation .vgd-contact-button {\n    min-height: 46px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 20px;\n    color: #ffffff !important;\n    background: #f26a21;\n    border: 1px solid #f26a21;\n    transition:\n      background 0.2s ease,\n      border-color 0.2s ease;\n  }\n\n  .vgd-main-navigation .vgd-contact-button:hover,\n  .vgd-main-navigation .vgd-contact-button:focus {\n    color: #ffffff !important;\n    background: #d95512;\n    border-color: #d95512;\n  }\n\n  \/*\n   * CORPORATE MOBILE MENU BUTTON\n   *\/\n\n  .vgd-menu-toggle {\n    display: none;\n    width: 44px;\n    height: 44px;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    background: transparent;\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    cursor: pointer;\n  }\n\n  .vgd-menu-toggle-lines {\n    position: relative;\n    width: 20px;\n    height: 14px;\n  }\n\n  .vgd-menu-toggle-lines span {\n    position: absolute;\n    left: 0;\n    width: 20px;\n    height: 2px;\n    background: #ffffff;\n    transition:\n      transform 0.25s ease,\n      opacity 0.25s ease,\n      top 0.25s ease;\n  }\n\n  .vgd-menu-toggle-lines span:nth-child(1) {\n    top: 0;\n  }\n\n  .vgd-menu-toggle-lines span:nth-child(2) {\n    top: 6px;\n  }\n\n  .vgd-menu-toggle-lines span:nth-child(3) {\n    top: 12px;\n  }\n\n  .vgd-menu-toggle[aria-expanded=\"true\"]\n    .vgd-menu-toggle-lines span:nth-child(1) {\n    top: 6px;\n    transform: rotate(45deg);\n  }\n\n  .vgd-menu-toggle[aria-expanded=\"true\"]\n    .vgd-menu-toggle-lines span:nth-child(2) {\n    opacity: 0;\n  }\n\n  .vgd-menu-toggle[aria-expanded=\"true\"]\n    .vgd-menu-toggle-lines span:nth-child(3) {\n    top: 6px;\n    transform: rotate(-45deg);\n  }\n\n  \/*\n   * TABLET AND MOBILE\n   *\/\n\n  @media (max-width: 1280px) {\n    .vgd-main-header {\n      min-height: 84px;\n      position: relative;\n    }\n\n    .vgd-main-logo-link {\n      flex-basis: 285px;\n      max-width: 285px;\n    }\n\n    .vgd-menu-toggle {\n      flex: 0 0 44px;\n      display: flex;\n    }\n\n    .vgd-main-navigation {\n      position: absolute;\n      top: 100%;\n      right: 0;\n      left: 0;\n      display: none;\n      flex-direction: column;\n      align-items: stretch;\n      gap: 0;\n      margin: 0;\n      padding: 18px 28px 24px;\n      background: #151719;\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\n      box-shadow: 0 14px 25px rgba(0, 0, 0, 0.28);\n    }\n\n    .vgd-main-navigation.vgd-menu-open {\n      display: flex;\n    }\n\n    .vgd-main-navigation > a {\n      width: 100%;\n      padding: 14px 0;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.09);\n    }\n\n    .vgd-main-navigation > a:not(.vgd-contact-button)::after,\n    .vgd-main-nav-parent-row > a::after {\n      display: none;\n    }\n\n    \/*\n     * MOBILE DROPDOWN GROUPS\n     *\/\n\n    .vgd-main-nav-item {\n      width: 100%;\n      display: block;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.09);\n    }\n\n    .vgd-main-nav-parent-row {\n      width: 100%;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 48px;\n      gap: 0;\n    }\n\n    .vgd-main-nav-parent-row > a {\n      min-height: 48px;\n      display: flex;\n      align-items: center;\n      padding: 14px 0;\n    }\n\n    .vgd-main-submenu-toggle {\n      width: 48px;\n      height: 48px;\n      color: #f26a21;\n      border-left: 1px solid rgba(255, 255, 255, 0.09);\n    }\n\n    .vgd-main-submenu {\n      position: static;\n      width: 100%;\n      display: none;\n      visibility: visible;\n      margin: 0;\n      padding: 5px 0 10px 12px;\n      opacity: 1;\n      pointer-events: auto;\n      background: #1d2022;\n      border-top: 1px solid rgba(255, 255, 255, 0.08);\n      box-shadow: none;\n      transform: none;\n      transition: none;\n    }\n\n    .vgd-main-nav-item.is-submenu-open .vgd-main-submenu {\n      display: block;\n    }\n\n    .vgd-main-submenu a {\n      padding: 12px 14px;\n      border-left: 2px solid #41464a;\n      font-size: 12px;\n    }\n\n    .vgd-main-navigation .vgd-contact-button {\n      width: 100%;\n      margin-top: 18px;\n      padding: 0 18px;\n      border-bottom: 1px solid #f26a21;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .vgd-main-header {\n      min-height: 76px;\n      padding: 0 16px;\n    }\n\n    .vgd-main-logo-link {\n      flex-basis: 235px;\n      max-width: 235px;\n    }\n\n    .vgd-main-logo {\n      max-height: 62px;\n    }\n\n    .vgd-main-navigation {\n      padding-right: 18px;\n      padding-left: 18px;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .vgd-main-logo-link {\n      flex-basis: 205px;\n      max-width: 205px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .vgd-main-header-wrap *,\n    .vgd-main-header-wrap *::before,\n    .vgd-main-header-wrap *::after {\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<header class=\"vgd-main-header-wrap\">\n  <div class=\"vgd-main-header\">\n\n    <a\n      class=\"vgd-main-logo-link\"\n      href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/\"\n      aria-label=\"Vanguard Steel Vancouver home\"\n    >\n      <img decoding=\"async\"\n        class=\"vgd-main-logo\"\n        src=\"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-content\/uploads\/2026\/09\/Vanguard-Steel-Ltd.-Logo-white-with-orange-copy.webp\"\n        alt=\"Vanguard Steel Ltd. Vancouver\"\n      >\n    <\/a>\n\n    <button\n      class=\"vgd-menu-toggle\"\n      type=\"button\"\n      aria-expanded=\"false\"\n      aria-controls=\"vgd-main-navigation\"\n      aria-label=\"Open navigation menu\"\n    >\n      <span class=\"vgd-menu-toggle-lines\" aria-hidden=\"true\">\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n      <\/span>\n    <\/button>\n\n    <nav\n      class=\"vgd-main-navigation\"\n      id=\"vgd-main-navigation\"\n      aria-label=\"Main navigation\"\n    >\n      <!-- SPECIALTY STEEL WITH SUBMENU -->\n\n      <div class=\"vgd-main-nav-item\">\n\n        <div class=\"vgd-main-nav-parent-row\">\n\n          <a href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/specialty-steel\/\">\n            Specialty Steel\n          <\/a>\n\n          <button\n            class=\"vgd-main-submenu-toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n            aria-controls=\"vgd-specialty-steel-submenu\"\n            aria-label=\"Open Specialty Steel submenu\"\n          >\n            <span\n              class=\"vgd-main-submenu-chevron\"\n              aria-hidden=\"true\"\n            ><\/span>\n          <\/button>\n\n        <\/div>\n\n        <div\n          class=\"vgd-main-submenu\"\n          id=\"vgd-specialty-steel-submenu\"\n        >\n          <a href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/specialty-steel\/\">\n            Steel Overview\n          <\/a>\n\n          <a href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/\">\n            Steel Calculators &amp; Shop Tools\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n      <!-- INDUSTRIAL HARDWARE WITH SUBMENU -->\n\n      <div class=\"vgd-main-nav-item\">\n\n        <div class=\"vgd-main-nav-parent-row\">\n\n          <a href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/hardware\/\">\n            Industrial Hardware\n          <\/a>\n\n          <button\n            class=\"vgd-main-submenu-toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n            aria-controls=\"vgd-industrial-hardware-submenu\"\n            aria-label=\"Open Industrial Hardware submenu\"\n          >\n            <span\n              class=\"vgd-main-submenu-chevron\"\n              aria-hidden=\"true\"\n            ><\/span>\n          <\/button>\n\n        <\/div>\n\n        <div\n          class=\"vgd-main-submenu\"\n          id=\"vgd-industrial-hardware-submenu\"\n        >\n          <a href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/hardware\/\">\n            Industrial Hardware Overview\n          <\/a>\n\n          <a href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/lifting\/\">\n            VGD Lifting Solutions\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n      <a href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/cable-wire-rope\/\">\n        Cable &amp; Wire Rope\n      <\/a>\n\n      <a href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/welding\/\">\n        Welding\n      <\/a>\n\n<a href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/vgd-distributor-tools\/\">\n  Distributor Tools\n<\/a>\n\n      <a\n        class=\"vgd-contact-button\"\n        href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/contact\/\"\n      >\n        Contact Vancouver\n      <\/a>\n    <\/nav>\n\n  <\/div>\n<\/header>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const header = document.querySelector(\".vgd-main-header-wrap\");\n\n    if (!header) {\n      return;\n    }\n\n    const menuToggle = header.querySelector(\".vgd-menu-toggle\");\n    const navigation = header.querySelector(\".vgd-main-navigation\");\n    const submenuItems = Array.from(\n      header.querySelectorAll(\".vgd-main-nav-item\")\n    );\n\n    function submenuName(item) {\n      const link = item.querySelector(\".vgd-main-nav-parent-row > a\");\n      return link ? link.textContent.trim() : \"Navigation\";\n    }\n\n    function closeSubmenus() {\n      submenuItems.forEach(function (item) {\n        const toggle = item.querySelector(\".vgd-main-submenu-toggle\");\n        item.classList.remove(\"is-submenu-open\");\n\n        if (toggle) {\n          toggle.setAttribute(\"aria-expanded\", \"false\");\n          toggle.setAttribute(\n            \"aria-label\",\n            \"Open \" + submenuName(item) + \" submenu\"\n          );\n        }\n      });\n    }\n\n    function closeMainMenu() {\n      if (!menuToggle || !navigation) {\n        return;\n      }\n\n      menuToggle.setAttribute(\"aria-expanded\", \"false\");\n      menuToggle.setAttribute(\n        \"aria-label\",\n        \"Open navigation menu\"\n      );\n\n      navigation.classList.remove(\"vgd-menu-open\");\n      closeSubmenus();\n    }\n\n    if (menuToggle && navigation) {\n      menuToggle.addEventListener(\"click\", function () {\n        const isOpen =\n          menuToggle.getAttribute(\"aria-expanded\") === \"true\";\n\n        menuToggle.setAttribute(\n          \"aria-expanded\",\n          String(!isOpen)\n        );\n\n        menuToggle.setAttribute(\n          \"aria-label\",\n          isOpen\n            ? \"Open navigation menu\"\n            : \"Close navigation menu\"\n        );\n\n        navigation.classList.toggle(\n          \"vgd-menu-open\",\n          !isOpen\n        );\n\n        if (isOpen) {\n          closeSubmenus();\n        }\n      });\n    }\n\n    submenuItems.forEach(function (item) {\n      const toggle = item.querySelector(\".vgd-main-submenu-toggle\");\n\n      if (!toggle) {\n        return;\n      }\n\n      toggle.addEventListener(\"click\", function (event) {\n        event.stopPropagation();\n\n        const isOpen =\n          toggle.getAttribute(\"aria-expanded\") === \"true\";\n\n        \/\/ Only one dropdown is open at a time on touch devices.\n        closeSubmenus();\n        item.classList.toggle(\"is-submenu-open\", !isOpen);\n\n        toggle.setAttribute(\n          \"aria-expanded\",\n          String(!isOpen)\n        );\n\n        toggle.setAttribute(\n          \"aria-label\",\n          isOpen\n            ? \"Open \" + submenuName(item) + \" submenu\"\n            : \"Close \" + submenuName(item) + \" submenu\"\n        );\n      });\n    });\n\n    if (navigation) {\n      navigation.querySelectorAll(\"a\").forEach(function (link) {\n        link.addEventListener(\"click\", function () {\n          closeMainMenu();\n        });\n      });\n    }\n\n    document.addEventListener(\"click\", function (event) {\n      if (!header.contains(event.target)) {\n        closeMainMenu();\n      }\n    });\n\n    document.addEventListener(\"keydown\", function (event) {\n      if (event.key === \"Escape\") {\n        closeMainMenu();\n      }\n    });\n\n    window.addEventListener(\"resize\", function () {\n      if (window.innerWidth > 1280) {\n        if (menuToggle && navigation) {\n          menuToggle.setAttribute(\"aria-expanded\", \"false\");\n          menuToggle.setAttribute(\n            \"aria-label\",\n            \"Open navigation menu\"\n          );\n\n          navigation.classList.remove(\"vgd-menu-open\");\n        }\n\n        closeSubmenus();\n      }\n    });\n  });\n<\/script>\n\n<style>\n  @media (min-width: 1281px) {\n    .vgd-main-nav-item {\n      align-self: stretch;\n      align-items: center;\n    }\n\n    .vgd-main-nav-parent-row {\n      height: 100%;\n    }\n\n    .vgd-main-submenu {\n      top: 100%;\n    }\n  }\n<\/style>\n\n<style>\n  \/*\n   * CORPORATE HEADER STACKING FIX\n   *\/\n\n  .elementor-widget-html:has(\n    > .elementor-widget-container > .vgd-main-header-wrap\n  ) {\n    position: relative !important;\n    z-index: 10000 !important;\n    overflow: visible !important;\n  }\n\n  .elementor-widget-html:has(\n    > .elementor-widget-container > .vgd-main-header-wrap\n  ) > .elementor-widget-container {\n    overflow: visible !important;\n  }\n\n  .vgd-main-header-wrap {\n    z-index: 10000 !important;\n    overflow: visible !important;\n  }\n\n  .vgd-main-header,\n  .vgd-main-navigation,\n  .vgd-main-nav-item,\n  .vgd-main-nav-parent-row {\n    overflow: visible !important;\n  }\n\n  .vgd-main-submenu {\n    z-index: 10020 !important;\n  }\n\n  .elementor-widget-html:has(\n    > .elementor-widget-container > .vgd-lifting-nav\n  ) {\n    position: relative !important;\n    z-index: 100 !important;\n  }\n\n  .vgd-lifting-nav {\n    z-index: 100 !important;\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/header>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b99740 e-flex e-con-boxed e-con e-parent\" data-id=\"5b99740\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df641ab elementor-widget elementor-widget-html\" data-id=\"df641ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Vanguard Steel Vancouver | Steel Calculators and Shop Tools\n     Paste this complete block into ONE Elementor HTML widget.\n     Public utility only. No prices or private commercial data are stored here.\n     Version 1.1 | October 2026: Vanguard orange colour alignment -->\n<style>\n  #vgsc-tools {\n    --vgsc-ink: #14191e;\n    --vgsc-charcoal: #222a31;\n    --vgsc-muted: #607080;\n    --vgsc-orange: #f26a21;\n    --vgsc-border: #dbe1e5;\n    --vgsc-soft: #f3f5f6;\n    color: var(--vgsc-ink);\n    font-family: inherit;\n    line-height: 1.5;\n    max-width: 1190px;\n    margin: 0 auto;\n    padding: 22px 16px 54px;\n    box-sizing: border-box;\n  }\n  #vgsc-tools *, #vgsc-tools *::before, #vgsc-tools *::after { box-sizing: border-box; }\n  #vgsc-tools [hidden] { display: none !important; }\n  #vgsc-tools .vgsc-hero {\n    border-radius: 18px;\n    background: linear-gradient(115deg, #11161b, #273039);\n    color: #fff;\n    padding: 40px clamp(22px, 5vw, 60px);\n    overflow: hidden;\n    position: relative;\n  }\n  #vgsc-tools .vgsc-hero::after {\n    content: \"\";\n    position: absolute;\n    width: 220px;\n    height: 220px;\n    right: -95px;\n    top: -115px;\n    border: 30px solid rgba(242,106,33,.12);\n    transform: rotate(24deg);\n    pointer-events: none;\n  }\n  #vgsc-tools .vgsc-eyebrow {\n    color: var(--vgsc-orange);\n    text-transform: uppercase;\n    letter-spacing: .15em;\n    font-size: 12px;\n    font-weight: 800;\n    margin: 0 0 12px;\n  }\n  #vgsc-tools h1, #vgsc-tools h2, #vgsc-tools h3, #vgsc-tools p { margin-top: 0; }\n  #vgsc-tools .vgsc-hero h1 {\n    color: #fff;\n    font-size: clamp(29px, 4.8vw, 48px);\n    font-weight: 800;\n    letter-spacing: -.035em;\n    line-height: 1.12;\n    margin: 0 0 15px;\n  }\n  #vgsc-tools .vgsc-hero p:last-child { max-width: 680px; margin: 0; color: #dbe0e4; font-size: 16px; }\n  #vgsc-tools .vgsc-nav {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0,1fr));\n    gap: 12px;\n    margin: 18px 0 30px;\n  }\n  #vgsc-tools .vgsc-nav a {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    border: 1px solid var(--vgsc-border);\n    background: white;\n    color: #202830;\n    border-radius: 12px;\n    padding: 16px 18px;\n    font-size: 15px;\n    font-weight: 800;\n    text-decoration: none;\n    box-shadow: 0 5px 22px rgba(12,20,27,.04);\n  }\n  #vgsc-tools .vgsc-nav a:hover, #vgsc-tools .vgsc-nav a:focus-visible {\n    border-color: var(--vgsc-orange);\n    color: #c55109;\n  }\n  #vgsc-tools .vgsc-nav span:last-child { color: var(--vgsc-orange); font-size: 20px; }\n  #vgsc-tools .vgsc-card {\n    background: #fff;\n    border: 1px solid var(--vgsc-border);\n    border-radius: 17px;\n    margin: 0 0 28px;\n    padding: clamp(20px,3.4vw,38px);\n    box-shadow: 0 9px 32px rgba(14,24,34,.045);\n    scroll-margin-top: 32px;\n  }\n  #vgsc-tools .vgsc-title-row {\n    display: flex;\n    gap: 14px;\n    align-items: flex-start;\n    border-bottom: 1px solid var(--vgsc-border);\n    padding-bottom: 20px;\n    margin-bottom: 22px;\n  }\n  #vgsc-tools .vgsc-num {\n    display: inline-flex;\n    flex: 0 0 39px;\n    align-items: center;\n    justify-content: center;\n    width: 39px;\n    height: 39px;\n    color: #fff;\n    background: var(--vgsc-orange);\n    border-radius: 10px;\n    font-size: 16px;\n    font-weight: 800;\n  }\n  #vgsc-tools h2 {\n    font-size: clamp(22px,2.6vw,29px);\n    color: var(--vgsc-ink);\n    line-height: 1.16;\n    font-weight: 800;\n    margin-bottom: 7px;\n  }\n  #vgsc-tools h3 { font-size: 19px; line-height: 1.25; font-weight: 800; color: var(--vgsc-ink); margin-bottom: 8px; }\n  #vgsc-tools .vgsc-sub { font-size: 14px; color: var(--vgsc-muted); margin: 0; }\n  #vgsc-tools .vgsc-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }\n  #vgsc-tools .vgsc-grid-3 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }\n  #vgsc-tools .vgsc-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }\n  #vgsc-tools .vgsc-field > label {\n    color: #33404a;\n    font-size: 13px;\n    font-weight: 750;\n  }\n  #vgsc-tools .vgsc-field input, #vgsc-tools .vgsc-field select {\n    width: 100%;\n    min-height: 45px;\n    padding: 10px 12px;\n    border: 1px solid #bac6cf;\n    border-radius: 8px;\n    background: #fff;\n    color: #18212a;\n    font-size: 15px;\n    font-family: inherit;\n    font-weight: 500;\n    box-shadow: none;\n    line-height: 1.3;\n  }\n  #vgsc-tools .vgsc-field input:focus, #vgsc-tools .vgsc-field select:focus {\n    outline: 2px solid rgba(244,119,33,.35);\n    border-color: var(--vgsc-orange);\n  }\n  #vgsc-tools .vgsc-help { font-size: 12px; color: #64727f; }\n  #vgsc-tools .vgsc-unit-pair { display: grid; grid-template-columns: minmax(0,1fr) 114px; gap: 8px; }\n  #vgsc-tools .vgsc-form { display: grid; gap: 18px; }\n  #vgsc-tools .vgsc-action-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:3px; }\n  #vgsc-tools button.vgsc-primary, #vgsc-tools button.vgsc-secondary {\n    min-height: 44px;\n    border-radius: 8px;\n    border: 1px solid transparent;\n    padding: 11px 22px;\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.2;\n    cursor: pointer;\n  }\n  #vgsc-tools button.vgsc-primary { background: var(--vgsc-orange); color: #fff; }\n  #vgsc-tools button.vgsc-primary:hover { background: #d96012; }\n  #vgsc-tools button.vgsc-secondary { background: #fff; border-color: #afbcc7; color: #263540; }\n  #vgsc-tools button.vgsc-secondary:hover { background: #f2f5f7; }\n  #vgsc-tools .vgsc-result {\n    padding: 18px 20px;\n    border-radius: 11px;\n    border-left: 5px solid var(--vgsc-orange);\n    background: #fff6f0;\n    color: #2d3033;\n    min-height: 66px;\n  }\n  #vgsc-tools .vgsc-result strong { font-size: clamp(20px,2.4vw,27px); color: #17212b; font-weight: 850; }\n  #vgsc-tools .vgsc-result small { font-size: 13px; display: block; margin-top: 6px; color: #58646d; }\n  #vgsc-tools .vgsc-result.vgsc-error { background: #fff1f0; border-color: #c94136; color: #9b2118; }\n  #vgsc-tools .vgsc-note {\n    padding: 14px 16px;\n    background: var(--vgsc-soft);\n    border: 1px solid #e2e7eb;\n    border-radius: 9px;\n    font-size: 13px;\n    color: #4d5b66;\n  }\n  #vgsc-tools .vgsc-note p:last-child { margin-bottom: 0; }\n  #vgsc-tools .vgsc-section { padding: 4px 0 24px; }\n  #vgsc-tools .vgsc-section + .vgsc-section { border-top: 1px solid var(--vgsc-border); padding-top: 27px; }\n  #vgsc-tools .vgsc-geo-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(220px,1fr); gap: 27px; }\n  #vgsc-tools .vgsc-figure {\n    background: #f8fafb;\n    border: 1px solid #e4e9ed;\n    border-radius: 12px;\n    min-height: 190px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    padding: 10px;\n  }\n  #vgsc-tools .vgsc-figure svg { width:100%; height:auto; max-width:250px; }\n  #vgsc-tools .vgsc-compact { margin-top: 16px; }\n  #vgsc-tools .vgsc-bottom { border-radius: 12px; padding: 22px 25px; background: #171f25; color:#e7ebee; }\n  #vgsc-tools .vgsc-bottom h3 { color: #fff; }\n  #vgsc-tools .vgsc-bottom p { margin-bottom: 0; font-size:14px; }\n  #vgsc-tools .vgsc-bottom a { color: #ffad73; text-decoration: underline; }\n  @media(max-width:800px){\n    #vgsc-tools .vgsc-geo-layout { grid-template-columns:1fr; }\n    #vgsc-tools .vgsc-figure { min-height:150px; }\n  }\n  @media(max-width:640px){\n    #vgsc-tools { padding: 10px 12px 40px; }\n    #vgsc-tools .vgsc-nav, #vgsc-tools .vgsc-grid, #vgsc-tools .vgsc-grid-3 { grid-template-columns:1fr; }\n    #vgsc-tools .vgsc-hero { padding:28px 24px; }\n    #vgsc-tools .vgsc-nav a { padding:12px 16px; }\n    #vgsc-tools .vgsc-title-row { gap:10px; }\n    #vgsc-tools .vgsc-num { flex-basis:34px; width:34px; height:34px; }\n    #vgsc-tools .vgsc-unit-pair { grid-template-columns:minmax(0,1fr) 98px; }\n  }\n<\/style>\n\n<section id=\"vgsc-tools\" aria-label=\"Vanguard Steel calculators\">\n  <div class=\"vgsc-hero\">\n    <p class=\"vgsc-eyebrow\">Vanguard Steel Vancouver | Shop Resources<\/p>\n    <h1>Steel Calculators &amp; Shop Tools<\/h1>\n    <p>Practical calculations for bar weight, machining stock, right triangles and unit conversions. Built for steel buyers, machine shops, fabricators and the order desk.<\/p>\n  <\/div>\n  <nav class=\"vgsc-nav\" aria-label=\"Jump to a calculator\">\n    <a href=\"#vgsc-weight\">Steel Weight <span aria-hidden=\"true\">\u2193<\/span><\/a>\n    <a href=\"#vgsc-geometry\">Shop Geometry <span aria-hidden=\"true\">\u2193<\/span><\/a>\n    <a href=\"#vgsc-conversions\">Unit Conversions <span aria-hidden=\"true\">\u2193<\/span><\/a>\n  <\/nav>\n\n  <section class=\"vgsc-card\" id=\"vgsc-weight\" aria-labelledby=\"vgsc-weight-heading\">\n    <div class=\"vgsc-title-row\">\n      <span class=\"vgsc-num\" aria-hidden=\"true\">01<\/span>\n      <div><h2 id=\"vgsc-weight-heading\">Steel Weight Calculator<\/h2><p class=\"vgsc-sub\">Calculate estimated weight per piece and total weight for carbon and alloy steel bar.<\/p><\/div>\n    <\/div>\n    <form class=\"vgsc-form\" id=\"vgsc-weight-form\" novalidate>\n      <div class=\"vgsc-grid\">\n        <div class=\"vgsc-field\">\n          <label for=\"vgsc-condition\">Material condition<\/label>\n          <select id=\"vgsc-condition\">\n            <option value=\"cf\">Cold Finished<\/option>\n            <option value=\"pg\">Precision Ground Round<\/option>\n            <option value=\"hr\">Hot Rolled Round<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"vgsc-field\">\n          <label for=\"vgsc-shape\">Bar shape<\/label>\n          <select id=\"vgsc-shape\">\n            <option value=\"round\">Round<\/option>\n            <option value=\"square\">Square<\/option>\n            <option value=\"flat\">Rectangular Flat<\/option>\n            <option value=\"hex\">Hexagon<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n      <div class=\"vgsc-grid\">\n        <div class=\"vgsc-field\">\n          <label for=\"vgsc-size1\" id=\"vgsc-size1-label\">Diameter<\/label>\n          <div class=\"vgsc-unit-pair\">\n            <input id=\"vgsc-size1\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"2 3\/16\" aria-describedby=\"vgsc-fractions\">\n            <select id=\"vgsc-dim-unit\" aria-label=\"Bar size unit\"><option value=\"in\">in<\/option><option value=\"mm\">mm<\/option><\/select>\n          <\/div>\n          <span class=\"vgsc-help\" id=\"vgsc-fractions\">Decimals or fractions accepted, such as 2.1875 or 2 3\/16.<\/span>\n        <\/div>\n        <div class=\"vgsc-field\" id=\"vgsc-size2-wrap\" hidden>\n          <label for=\"vgsc-size2\">Thickness<\/label>\n          <input id=\"vgsc-size2\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"1\/2\">\n          <span class=\"vgsc-help\">Uses the same unit as the first dimension.<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"vgsc-grid\">\n        <div class=\"vgsc-field\">\n          <label for=\"vgsc-length\">Cut length<\/label>\n          <div class=\"vgsc-unit-pair\">\n            <input id=\"vgsc-length\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"96\" value=\"96\">\n            <select id=\"vgsc-length-unit\" aria-label=\"Length unit\">\n              <option value=\"in\">in<\/option>\n              <option value=\"ft\">ft<\/option>\n              <option value=\"mm\">mm<\/option>\n              <option value=\"m\">m<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n        <div class=\"vgsc-field\">\n          <label for=\"vgsc-qty\">Number of pieces<\/label>\n          <input id=\"vgsc-qty\" type=\"number\" inputmode=\"numeric\" min=\"1\" step=\"1\" value=\"1\">\n        <\/div>\n      <\/div>\n      <div class=\"vgsc-field\" id=\"vgsc-hr-wrap\" hidden>\n        <label for=\"vgsc-hr-extra\">Hot rolled estimated weight allowance (%)<\/label>\n        <input id=\"vgsc-hr-extra\" type=\"number\" inputmode=\"decimal\" min=\"0\" max=\"25\" step=\"0.1\" value=\"4\">\n        <span class=\"vgsc-help\">Vancouver's legacy estimator used a 4% weight allowance for hot rolled round bar. This does not mean 4% extra diameter.<\/span>\n      <\/div>\n      <div class=\"vgsc-action-row\">\n        <button class=\"vgsc-primary\" type=\"submit\">Calculate Weight<\/button>\n        <button class=\"vgsc-secondary\" type=\"reset\">Clear<\/button>\n      <\/div>\n      <div id=\"vgsc-weight-result\" class=\"vgsc-result\" role=\"status\" aria-live=\"polite\">Enter the bar dimensions, then select Calculate Weight.<\/div>\n      <div class=\"vgsc-note\"><strong>Estimating note.<\/strong> Results use a nominal density of 0.2836 lb\/in\u00b3 for carbon and alloy steel. Hot rolled round weight includes an adjustable estimating allowance; actual dimensions, mill tolerances, and shipped weights can vary. This tool does not provide pricing or inventory availability.<\/div>\n    <\/form>\n  <\/section>\n\n  <section class=\"vgsc-card\" id=\"vgsc-geometry\" aria-labelledby=\"vgsc-geometry-heading\">\n    <div class=\"vgsc-title-row\">\n      <span class=\"vgsc-num\" aria-hidden=\"true\">02<\/span>\n      <div><h2 id=\"vgsc-geometry-heading\">Round Bar &amp; Shop Geometry<\/h2><p class=\"vgsc-sub\">Find the round stock needed to machine a square or rectangle, then solve common right triangle measurements.<\/p><\/div>\n    <\/div>\n    <div class=\"vgsc-section\">\n      <h3>Minimum Round for a Finished Square or Rectangle<\/h3>\n      <p class=\"vgsc-sub\" style=\"margin-bottom:18px\">For a finished 4\" \u00d7 4\" square, the theoretical minimum round diameter is 5.657\" before any machining allowance.<\/p>\n      <div class=\"vgsc-geo-layout\">\n        <form class=\"vgsc-form\" id=\"vgsc-round-from-rect\" novalidate>\n          <div class=\"vgsc-grid\">\n            <div class=\"vgsc-field\"><label for=\"vgsc-finish-width\">Finished width<\/label><input id=\"vgsc-finish-width\" type=\"text\" inputmode=\"decimal\" value=\"4\"><\/div>\n            <div class=\"vgsc-field\"><label for=\"vgsc-finish-height\">Finished height<\/label><input id=\"vgsc-finish-height\" type=\"text\" inputmode=\"decimal\" value=\"4\"><\/div>\n          <\/div>\n          <div class=\"vgsc-grid\">\n            <div class=\"vgsc-field\">\n              <label for=\"vgsc-allowance\">Machining allowance per face<\/label>\n              <input id=\"vgsc-allowance\" type=\"text\" inputmode=\"decimal\" value=\"0\" aria-describedby=\"vgsc-allowance-help\">\n              <span class=\"vgsc-help\" id=\"vgsc-allowance-help\">Added to both sides of each finished dimension.<\/span>\n            <\/div>\n            <div class=\"vgsc-field\">\n              <label for=\"vgsc-geometry-unit\">Dimension unit<\/label>\n              <select id=\"vgsc-geometry-unit\"><option value=\"in\">Inches<\/option><option value=\"mm\">Millimetres<\/option><\/select>\n            <\/div>\n          <\/div>\n          <div class=\"vgsc-action-row\"><button class=\"vgsc-primary\" type=\"submit\">Find Minimum Round<\/button><\/div>\n          <div class=\"vgsc-result\" id=\"vgsc-round-result\" role=\"status\" aria-live=\"polite\">Enter the finished dimensions and calculate.<\/div>\n        <\/form>\n        <div class=\"vgsc-figure\" aria-label=\"A rectangle inscribed in a round bar\">\n          <svg viewBox=\"0 0 245 220\" role=\"img\" aria-label=\"Round stock surrounding a rectangle with its diagonal equal to the round diameter\">\n            <circle cx=\"122\" cy=\"108\" r=\"89\" fill=\"none\" stroke=\"#f26a21\" stroke-width=\"4\"\/>\n            <rect x=\"59\" y=\"45\" width=\"126\" height=\"126\" fill=\"#e9eff3\" stroke=\"#394753\" stroke-width=\"2.5\"\/>\n            <line x1=\"59\" y1=\"45\" x2=\"185\" y2=\"171\" stroke=\"#4f6474\" stroke-width=\"2\" stroke-dasharray=\"5,4\"\/>\n            <text x=\"119\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#24333f\">Diagonal<\/text>\n            <text x=\"119\" y=\"117\" text-anchor=\"middle\" font-size=\"12\" fill=\"#24333f\">= diameter<\/text>\n            <text x=\"122\" y=\"210\" text-anchor=\"middle\" font-size=\"12\" fill=\"#4d6070\">Cross section not to scale<\/text>\n          <\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"vgsc-note vgsc-compact\"><strong>Machining reminder.<\/strong> The calculated diameter is a geometric minimum, not a guarantee that a nominal stock size will clean up. Allow for material tolerances, straightness, surface condition, and the machining process. Confirm available sizes with Vanguard Steel.<\/div>\n    <\/div>\n    <div class=\"vgsc-section\">\n      <h3>Maximum Square from Round Bar<\/h3>\n      <form class=\"vgsc-form\" id=\"vgsc-square-from-round\" novalidate>\n        <div class=\"vgsc-grid\">\n          <div class=\"vgsc-field\"><label for=\"vgsc-stock-diameter\">Round diameter<\/label><input id=\"vgsc-stock-diameter\" type=\"text\" inputmode=\"decimal\" placeholder=\"6\"><\/div>\n          <div class=\"vgsc-field\"><label for=\"vgsc-stock-unit\">Dimension unit<\/label><select id=\"vgsc-stock-unit\"><option value=\"in\">Inches<\/option><option value=\"mm\">Millimetres<\/option><\/select><\/div>\n        <\/div>\n        <div class=\"vgsc-action-row\"><button class=\"vgsc-primary\" type=\"submit\">Find Maximum Square<\/button><\/div>\n        <div class=\"vgsc-result\" id=\"vgsc-square-result\" role=\"status\" aria-live=\"polite\">Enter a round bar diameter to find the largest theoretical square.<\/div>\n      <\/form>\n    <\/div>\n    <div class=\"vgsc-section\">\n      <h3>Right Triangle Calculator<\/h3>\n      <p class=\"vgsc-sub\" style=\"margin-bottom:18px\">Enter exactly two known measurements. Angle X is opposite leg A; C is the hypotenuse.<\/p>\n      <div class=\"vgsc-geo-layout\">\n        <form class=\"vgsc-form\" id=\"vgsc-triangle-form\" novalidate>\n          <div class=\"vgsc-grid\">\n            <div class=\"vgsc-field\"><label for=\"vgsc-tri-a\">Leg A<\/label><input id=\"vgsc-tri-a\" type=\"text\" inputmode=\"decimal\" placeholder=\"3\"><\/div>\n            <div class=\"vgsc-field\"><label for=\"vgsc-tri-b\">Leg B<\/label><input id=\"vgsc-tri-b\" type=\"text\" inputmode=\"decimal\" placeholder=\"4\"><\/div>\n            <div class=\"vgsc-field\"><label for=\"vgsc-tri-c\">Hypotenuse C<\/label><input id=\"vgsc-tri-c\" type=\"text\" inputmode=\"decimal\" placeholder=\"5\"><\/div>\n            <div class=\"vgsc-field\"><label for=\"vgsc-tri-x\">Angle X (degrees)<\/label><input id=\"vgsc-tri-x\" type=\"text\" inputmode=\"decimal\" placeholder=\"36.87\"><\/div>\n          <\/div>\n          <div class=\"vgsc-action-row\">\n            <button class=\"vgsc-primary\" type=\"submit\">Solve Triangle<\/button>\n            <button class=\"vgsc-secondary\" type=\"reset\">Clear<\/button>\n          <\/div>\n          <div class=\"vgsc-result\" id=\"vgsc-tri-result\" role=\"status\" aria-live=\"polite\">Enter any two compatible measurements.<\/div>\n        <\/form>\n        <div class=\"vgsc-figure\" aria-label=\"Right triangle showing the sides and angles\">\n          <svg viewBox=\"0 0 245 220\" role=\"img\" aria-label=\"Right triangle with vertical leg A, horizontal leg B, diagonal C and angle X at the lower right\">\n            <path d=\"M42 32 L42 177 L216 177 Z\" stroke=\"#344858\" stroke-width=\"3\" fill=\"#eef2f5\"\/>\n            <path d=\"M42 158 L61 158 L61 177\" fill=\"none\" stroke=\"#f26a21\" stroke-width=\"2\"\/>\n            <path d=\"M184 177 A32 32 0 0 1 194 160\" fill=\"none\" stroke=\"#f26a21\" stroke-width=\"2\"\/>\n            <text x=\"20\" y=\"105\" font-size=\"16\" fill=\"#273a4a\">A<\/text>\n            <text x=\"124\" y=\"198\" font-size=\"16\" fill=\"#273a4a\">B<\/text>\n            <text x=\"141\" y=\"93\" font-size=\"16\" fill=\"#273a4a\">C<\/text>\n            <text x=\"173\" y=\"169\" font-size=\"13\" fill=\"#b54e0b\">X<\/text>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vgsc-card\" id=\"vgsc-conversions\" aria-labelledby=\"vgsc-conversions-heading\">\n    <div class=\"vgsc-title-row\">\n      <span class=\"vgsc-num\" aria-hidden=\"true\">03<\/span>\n      <div><h2 id=\"vgsc-conversions-heading\">Force &amp; Pressure Converters<\/h2><p class=\"vgsc-sub\">Convert equivalent engineering units without mixing force and pressure.<\/p><\/div>\n    <\/div>\n    <div class=\"vgsc-section\">\n      <h3>Force<\/h3>\n      <form class=\"vgsc-form\" id=\"vgsc-force-form\" novalidate>\n        <div class=\"vgsc-grid-3\">\n          <div class=\"vgsc-field\"><label for=\"vgsc-force-value\">Value<\/label><input id=\"vgsc-force-value\" type=\"text\" inputmode=\"decimal\" placeholder=\"1000\"><\/div>\n          <div class=\"vgsc-field\"><label for=\"vgsc-force-from\">From<\/label><select id=\"vgsc-force-from\"><option value=\"lbf\">Pounds force (lbf)<\/option><option value=\"N\">Newtons (N)<\/option><option value=\"kN\">Kilonewtons (kN)<\/option><option value=\"kgf\">Kilograms force (kgf)<\/option><\/select><\/div>\n          <div class=\"vgsc-field\"><label for=\"vgsc-force-to\">To<\/label><select id=\"vgsc-force-to\"><option value=\"N\">Newtons (N)<\/option><option value=\"lbf\">Pounds force (lbf)<\/option><option value=\"kN\">Kilonewtons (kN)<\/option><option value=\"kgf\">Kilograms force (kgf)<\/option><\/select><\/div>\n        <\/div>\n        <div class=\"vgsc-action-row\"><button class=\"vgsc-primary\" type=\"submit\">Convert Force<\/button><\/div>\n        <div class=\"vgsc-result\" id=\"vgsc-force-result\" role=\"status\" aria-live=\"polite\">Enter a force to convert.<\/div>\n      <\/form>\n    <\/div>\n    <div class=\"vgsc-section\">\n      <h3>Pressure &amp; Stress<\/h3>\n      <form class=\"vgsc-form\" id=\"vgsc-pressure-form\" novalidate>\n        <div class=\"vgsc-grid-3\">\n          <div class=\"vgsc-field\"><label for=\"vgsc-pressure-value\">Value<\/label><input id=\"vgsc-pressure-value\" type=\"text\" inputmode=\"decimal\" placeholder=\"100\"><\/div>\n          <div class=\"vgsc-field\"><label for=\"vgsc-pressure-from\">From<\/label><select id=\"vgsc-pressure-from\"><option value=\"psi\">PSI<\/option><option value=\"bar\">bar<\/option><option value=\"kPa\">kPa<\/option><option value=\"MPa\">MPa<\/option><option value=\"N\/mm2\">N\/mm\u00b2<\/option><option value=\"ksi\">ksi<\/option><\/select><\/div>\n          <div class=\"vgsc-field\"><label for=\"vgsc-pressure-to\">To<\/label><select id=\"vgsc-pressure-to\"><option value=\"MPa\">MPa<\/option><option value=\"N\/mm2\">N\/mm\u00b2<\/option><option value=\"psi\">PSI<\/option><option value=\"bar\">bar<\/option><option value=\"kPa\">kPa<\/option><option value=\"ksi\">ksi<\/option><\/select><\/div>\n        <\/div>\n        <div class=\"vgsc-action-row\"><button class=\"vgsc-primary\" type=\"submit\">Convert Pressure<\/button><\/div>\n        <div class=\"vgsc-result\" id=\"vgsc-pressure-result\" role=\"status\" aria-live=\"polite\">Enter a pressure or stress value to convert.<\/div>\n      <\/form>\n    <\/div>\n    <div class=\"vgsc-note\"><strong>Unit distinction.<\/strong> N\/mm\u00b2 is a pressure or stress unit and equals 1 MPa. N\u00b7mm is a torque or moment unit and cannot be converted directly to PSI.<\/div>\n  <\/section>\n\n  <div class=\"vgsc-bottom\">\n    <h3>Need a specific stock size or help with a conversion?<\/h3>\n    <p>These calculators are estimating and reference tools. They do not replace certified engineering, mill documentation or confirmation of available stock. Contact <a href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/contact\/\">Vanguard Steel Vancouver<\/a> or call <a href=\"tel:+16042943191\">604-294-3191<\/a>.<\/p>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  \"use strict\";\n  var root = document.getElementById(\"vgsc-tools\");\n  if (!root || root.getAttribute(\"data-ready\") === \"1\") return;\n  root.setAttribute(\"data-ready\", \"1\");\n  var $ = function (id) { return root.querySelector(\"#\" + id); };\n  var DENSITY_LBS_IN3 = 0.2836;\n  var KG_PER_LB = 0.45359237;\n  var MM_PER_IN = 25.4;\n\n  function parseDimension(raw) {\n    var s = String(raw == null ? \"\" : raw).trim().replace(\/,\/g, \"\");\n    if (!s) return NaN;\n    \/\/ Accept 2.1875, 2 3\/16, 2-3\/16, or 3\/16.\n    var mixed = s.match(\/^(\\d+)[\\s-]+(\\d+)\\\/(\\d+)$\/);\n    if (mixed) return Number(mixed[1]) + Number(mixed[2]) \/ Number(mixed[3]);\n    var fraction = s.match(\/^(\\d+)\\\/(\\d+)$\/);\n    if (fraction) return Number(fraction[1]) \/ Number(fraction[2]);\n    if (!\/^(?:\\d+\\.?\\d*|\\.\\d+)$\/.test(s)) return NaN;\n    return Number(s);\n  }\n  function pos(x) { return Number.isFinite(x) && x > 0; }\n  function nonnegative(x) { return Number.isFinite(x) && x >= 0; }\n  function inValue(n, unit) { return unit === \"mm\" ? n \/ MM_PER_IN : n; }\n  function inLength(n, unit) {\n    if (unit === \"mm\") return n \/ MM_PER_IN;\n    if (unit === \"m\") return n * 1000 \/ MM_PER_IN;\n    if (unit === \"ft\") return n * 12;\n    return n;\n  }\n  function nice(n, digits) {\n    return new Intl.NumberFormat(\"en-CA\", { maximumFractionDigits: digits == null ? 3 : digits }).format(n);\n  }\n  function show(id, html, error) {\n    var node = $(id);\n    node.innerHTML = html;\n    node.classList.toggle(\"vgsc-error\", !!error);\n  }\n  function fail(id, msg) { show(id, msg, true); }\n  function displayDim(n, unit) { return nice(n, 4) + \" \" + (unit === \"mm\" ? \"mm\" : \"in\"); }\n  function updateWeightFields() {\n    var condition = $(\"vgsc-condition\").value;\n    var shape = $(\"vgsc-shape\");\n    var roundOnly = condition === \"hr\" || condition === \"pg\";\n    if (roundOnly) shape.value = \"round\";\n    Array.prototype.forEach.call(shape.options, function (option) {\n      option.disabled = roundOnly && option.value !== \"round\";\n    });\n    var isFlat = shape.value === \"flat\";\n    $(\"vgsc-size2-wrap\").hidden = !isFlat;\n    $(\"vgsc-size1-label\").textContent =\n      shape.value === \"round\" ? \"Diameter\" :\n      shape.value === \"hex\" ? \"Across flats\" :\n      isFlat ? \"Width\" : \"Side length\";\n    $(\"vgsc-hr-wrap\").hidden = condition !== \"hr\";\n  }\n  $(\"vgsc-condition\").addEventListener(\"change\", updateWeightFields);\n  $(\"vgsc-shape\").addEventListener(\"change\", updateWeightFields);\n  $(\"vgsc-weight-form\").addEventListener(\"submit\", function (event) {\n    event.preventDefault();\n    var condition = $(\"vgsc-condition\").value;\n    var shape = $(\"vgsc-shape\").value;\n    var size = parseDimension($(\"vgsc-size1\").value);\n    var second = parseDimension($(\"vgsc-size2\").value);\n    var length = parseDimension($(\"vgsc-length\").value);\n    var qty = Number($(\"vgsc-qty\").value);\n    var adjustment = Number($(\"vgsc-hr-extra\").value);\n    if (!pos(size) || !pos(length) || (shape === \"flat\" && !pos(second))) {\n      fail(\"vgsc-weight-result\", \"Please enter positive, valid dimensions and length.\"); return;\n    }\n    if (!Number.isSafeInteger(qty) || qty < 1 || qty > 1000000) {\n      fail(\"vgsc-weight-result\", \"Enter a whole number of pieces, between 1 and 1,000,000.\"); return;\n    }\n    if (condition === \"hr\" && (!nonnegative(adjustment) || adjustment > 25)) {\n      fail(\"vgsc-weight-result\", \"Enter a hot rolled allowance between 0% and 25%.\"); return;\n    }\n    if ((condition === \"hr\" || condition === \"pg\") && shape !== \"round\") {\n      fail(\"vgsc-weight-result\", \"Hot Rolled and Precision Ground options are for round bar only.\"); return;\n    }\n    var unit = $(\"vgsc-dim-unit\").value;\n    var s = inValue(size, unit), t = inValue(second, unit);\n    var area = shape === \"round\" ? Math.PI * s * s \/ 4 :\n      shape === \"square\" ? s * s :\n      shape === \"flat\" ? s * t : Math.sqrt(3) * s * s \/ 2;\n    var volume = area * inLength(length, $(\"vgsc-length-unit\").value);\n    var theoreticalLbs = volume * DENSITY_LBS_IN3;\n    var factor = condition === \"hr\" ? (1 + adjustment \/ 100) : 1;\n    var pieceLbs = theoreticalLbs * factor;\n    var totalLbs = pieceLbs * qty;\n    if (!Number.isFinite(totalLbs) || totalLbs <= 0 || totalLbs > 1e13) {\n      fail(\"vgsc-weight-result\", \"These values are outside the calculator's supported range.\"); return;\n    }\n    var suffix = condition === \"hr\" ? \"Includes \" + nice(adjustment, 1) + \"% estimated hot rolled weight allowance.\" : \"Calculated at nominal dimensions.\";\n    show(\"vgsc-weight-result\",\n      \"<strong>\" + nice(totalLbs, 3) + \" lb<\/strong> total &nbsp; | &nbsp; <strong>\" + nice(totalLbs * KG_PER_LB, 3) + \" kg<\/strong> total\" +\n      \"<small>Per piece: \" + nice(pieceLbs, 3) + \" lb (\" + nice(pieceLbs * KG_PER_LB, 3) + \" kg). Pieces: \" + nice(qty, 0) + \". \" + suffix + \"<\/small>\");\n  });\n  $(\"vgsc-weight-form\").addEventListener(\"reset\", function () {\n    setTimeout(function () {\n      updateWeightFields();\n      show(\"vgsc-weight-result\", \"Enter the bar dimensions, then select Calculate Weight.\");\n    }, 0);\n  });\n  updateWeightFields();\n\n  $(\"vgsc-round-from-rect\").addEventListener(\"submit\", function (event) {\n    event.preventDefault();\n    var w = parseDimension($(\"vgsc-finish-width\").value);\n    var h = parseDimension($(\"vgsc-finish-height\").value);\n    var a = parseDimension($(\"vgsc-allowance\").value);\n    var unit = $(\"vgsc-geometry-unit\").value;\n    if (!pos(w) || !pos(h) || !nonnegative(a)) {\n      fail(\"vgsc-round-result\", \"Enter positive finished dimensions and a nonnegative allowance.\"); return;\n    }\n    var min = Math.hypot(w + 2 * a, h + 2 * a);\n    if (!Number.isFinite(min) || min > 1e9) {\n      fail(\"vgsc-round-result\", \"The entered dimensions are too large.\"); return;\n    }\n    var rounded = unit === \"in\" ? Math.ceil((min - 1e-10) * 16) \/ 16 : Math.ceil(min - 1e-10);\n    var increment = unit === \"in\" ? \"1\/16 inch\" : \"1 mm\";\n    show(\"vgsc-round-result\",\n      \"<strong>\" + displayDim(min, unit) + \"<\/strong> theoretical minimum round diameter\" +\n      \"<small>Rounded up to the next \" + increment + \": \" + displayDim(rounded, unit) +\n      \". This is a dimensional reference only, not a confirmed stocked or suitable size.<\/small>\");\n  });\n  $(\"vgsc-square-from-round\").addEventListener(\"submit\", function (event) {\n    event.preventDefault();\n    var diameter = parseDimension($(\"vgsc-stock-diameter\").value);\n    if (!pos(diameter)) {\n      fail(\"vgsc-square-result\", \"Enter a positive round bar diameter.\"); return;\n    }\n    var unit = $(\"vgsc-stock-unit\").value;\n    show(\"vgsc-square-result\",\n      \"<strong>\" + displayDim(diameter \/ Math.sqrt(2), unit) + \"<\/strong> maximum theoretical square side\" +\n      \"<small>No machining allowance or material tolerance has been deducted.<\/small>\");\n  });\n  $(\"vgsc-triangle-form\").addEventListener(\"submit\", function (event) {\n    event.preventDefault();\n    var ids = [\"vgsc-tri-a\", \"vgsc-tri-b\", \"vgsc-tri-c\", \"vgsc-tri-x\"];\n    var values = ids.map(function (id) { var s = $(id).value.trim(); return s ? parseDimension(s) : NaN; });\n    var entered = values.filter(Number.isFinite).length;\n    var filled = ids.filter(function (id) { return $(id).value.trim() !== \"\"; }).length;\n    if (filled !== 2 || entered !== 2) {\n      fail(\"vgsc-tri-result\", \"Enter exactly two known positive sides or one side plus Angle X.\"); return;\n    }\n    var a = values[0], b = values[1], c = values[2], x = values[3], rad = Math.PI \/ 180;\n    if ((Number.isFinite(a) && !pos(a)) || (Number.isFinite(b) && !pos(b)) ||\n        (Number.isFinite(c) && !pos(c)) || (Number.isFinite(x) && (x <= 0 || x >= 90))) {\n      fail(\"vgsc-tri-result\", \"Sides must be positive and Angle X must be between 0\u00b0 and 90\u00b0.\"); return;\n    }\n    if (pos(a) && pos(b)) { c = Math.hypot(a,b); x = Math.atan2(a,b) \/ rad; }\n    else if (pos(a) && pos(c)) { if (c <= a) { fail(\"vgsc-tri-result\",\"Hypotenuse C must exceed leg A.\"); return; } b = Math.sqrt(c*c-a*a); x = Math.asin(a\/c)\/rad; }\n    else if (pos(b) && pos(c)) { if (c <= b) { fail(\"vgsc-tri-result\",\"Hypotenuse C must exceed leg B.\"); return; } a = Math.sqrt(c*c-b*b); x = Math.asin(a\/c)\/rad; }\n    else if (pos(a) && pos(x)) { b = a\/Math.tan(x*rad); c = a\/Math.sin(x*rad); }\n    else if (pos(b) && pos(x)) { a = b*Math.tan(x*rad); c = b\/Math.cos(x*rad); }\n    else if (pos(c) && pos(x)) { a = c*Math.sin(x*rad); b = c*Math.cos(x*rad); }\n    else { fail(\"vgsc-tri-result\",\"Enter two compatible measurements.\"); return; }\n    if (![a,b,c,x].every(Number.isFinite) || !pos(a) || !pos(b) || !pos(c)) {\n      fail(\"vgsc-tri-result\",\"Unable to solve these dimensions. Check your input.\"); return;\n    }\n    show(\"vgsc-tri-result\",\n      \"<strong>C = \" + nice(c,4) + \"<\/strong>\" +\n      \"<small>A = \" + nice(a,4) + \" &nbsp; | &nbsp; B = \" + nice(b,4) +\n      \" &nbsp; | &nbsp; X = \" + nice(x,3) + \"\u00b0 &nbsp; | &nbsp; Other angle = \" + nice(90-x,3) + \"\u00b0<\/small>\");\n  });\n  $(\"vgsc-triangle-form\").addEventListener(\"reset\", function () {\n    setTimeout(function () { show(\"vgsc-tri-result\", \"Enter any two compatible measurements.\"); }, 0);\n  });\n\n  var forceN = { N:1, kN:1000, lbf:4.4482216152605, kgf:9.80665 };\n  var pressurePa = { psi:6894.757293168, bar:100000, kPa:1000, MPa:1000000, \"N\/mm2\":1000000, ksi:6894757.293168 };\n  function setupConversion(formId, inputId, fromId, toId, resultId, factors) {\n    $(formId).addEventListener(\"submit\", function (event) {\n      event.preventDefault();\n      var amount = Number($(inputId).value.trim().replace(\/,\/g,\"\"));\n      if (!$(inputId).value.trim() || !Number.isFinite(amount)) {\n        fail(resultId, \"Enter a valid numerical value.\"); return;\n      }\n      var from = $(fromId).value, to = $(toId).value;\n      var result = amount * factors[from] \/ factors[to];\n      if (!Number.isFinite(result)) { fail(resultId, \"Result is outside the supported range.\"); return; }\n      var label = function (s) { return s === \"N\/mm2\" ? \"N\/mm\u00b2\" : s; };\n      show(resultId, \"<strong>\" + nice(result, 6) + \" \" + label(to) + \"<\/strong>\" +\n        \"<small>\" + nice(amount, 6) + \" \" + label(from) + \" converted to \" + label(to) + \".<\/small>\");\n    });\n  }\n  setupConversion(\"vgsc-force-form\", \"vgsc-force-value\", \"vgsc-force-from\", \"vgsc-force-to\", \"vgsc-force-result\", forceN);\n  setupConversion(\"vgsc-pressure-form\", \"vgsc-pressure-value\", \"vgsc-pressure-from\", \"vgsc-pressure-to\", \"vgsc-pressure-result\", pressurePa);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25fdd05 e-con-full e-flex e-con e-parent\" data-id=\"25fdd05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57b9148 elementor-widget elementor-widget-template\" data-id=\"57b9148\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<footer data-elementor-type=\"footer\" data-elementor-id=\"257\" class=\"elementor elementor-257\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-b1ef259 e-flex e-con-boxed e-con e-parent\" data-id=\"b1ef259\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fa4f93 elementor-widget elementor-widget-html\" data-id=\"4fa4f93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .vgd-global-footer {\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    background: #090a0b;\r\n    color: #ffffff;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .vgd-footer-cta {\r\n    background: #111314;\r\n    border-top: 1px solid #34383b;\r\n    border-bottom: 1px solid #34383b;\r\n  }\r\n\r\n  .vgd-footer-cta-inner {\r\n    width: 100%;\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n    padding: 34px 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 36px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .vgd-footer-cta-copy {\r\n    min-width: 0;\r\n  }\r\n\r\n  .vgd-footer-cta-title {\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-size: clamp(23px, 2vw, 31px);\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    letter-spacing: -0.5px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .vgd-footer-cta-text {\r\n    margin: 9px 0 0;\r\n    color: #aeb3b7;\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .vgd-footer-cta-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    flex: 0 0 auto;\r\n    gap: 12px;\r\n  }\r\n\r\n  .vgd-footer-button {\r\n    min-height: 48px;\r\n    padding: 0 21px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid transparent;\r\n    color: #ffffff;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    letter-spacing: 0.6px;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    box-sizing: border-box;\r\n    transition:\r\n      background-color 0.2s ease,\r\n      border-color 0.2s ease,\r\n      color 0.2s ease;\r\n  }\r\n\r\n  .vgd-footer-button-primary {\r\n    background: #f26a21;\r\n    border-color: #f26a21;\r\n  }\r\n\r\n  .vgd-footer-button-primary:hover,\r\n  .vgd-footer-button-primary:focus {\r\n    background: #d95512;\r\n    border-color: #d95512;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .vgd-footer-button-secondary {\r\n    background: transparent;\r\n    border-color: rgba(255, 255, 255, 0.5);\r\n  }\r\n\r\n  .vgd-footer-button-secondary:hover,\r\n  .vgd-footer-button-secondary:focus {\r\n    background: #ffffff;\r\n    border-color: #ffffff;\r\n    color: #111314;\r\n  }\r\n\r\n  .vgd-footer-main {\r\n    width: 100%;\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n    padding: 56px 28px 48px;\r\n    display: grid;\r\n    grid-template-columns: 1.25fr 1fr 0.8fr;\r\n    gap: 72px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .vgd-footer-brand-logo {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 275px;\r\n    height: auto;\r\n  }\r\n\r\n  .vgd-footer-branch {\r\n    margin: 24px 0 0;\r\n    color: #f26a21;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .vgd-footer-brand-copy {\r\n    max-width: 440px;\r\n    margin: 15px 0 0;\r\n    color: #9fa4a8;\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .vgd-footer-heading {\r\n    margin: 0 0 21px;\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .vgd-footer-contact-list {\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .vgd-footer-contact-item {\r\n    margin: 0 0 15px;\r\n    color: #9fa4a8;\r\n    font-size: 14px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .vgd-footer-contact-label {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    color: #d7d9db;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .vgd-footer-link {\r\n    color: #bfc3c6;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n  }\r\n\r\n  .vgd-footer-link:hover,\r\n  .vgd-footer-link:focus {\r\n    color: #f26a21;\r\n  }\r\n\r\n  .vgd-footer-emergency {\r\n    color: #f26a21;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .vgd-footer-division-list {\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .vgd-footer-division-item {\r\n    border-bottom: 1px solid #272b2e;\r\n  }\r\n\r\n  .vgd-footer-division-item:first-child {\r\n    border-top: 1px solid #272b2e;\r\n  }\r\n\r\n  .vgd-footer-division-link {\r\n    min-height: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    color: #bfc3c6;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    transition:\r\n      color 0.2s ease,\r\n      padding-left 0.2s ease;\r\n  }\r\n\r\n  .vgd-footer-division-link::after {\r\n    content: \"\u203a\";\r\n    color: #f26a21;\r\n    font-size: 21px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .vgd-footer-division-link:hover,\r\n  .vgd-footer-division-link:focus {\r\n    padding-left: 5px;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .vgd-footer-bottom {\r\n    border-top: 1px solid #272b2e;\r\n  }\r\n\r\n  .vgd-footer-bottom-inner {\r\n    width: 100%;\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n    padding: 20px 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 28px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .vgd-footer-copyright,\r\n  .vgd-footer-credit {\r\n    margin: 0;\r\n    color: #777d81;\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .vgd-footer-credit-link {\r\n    color: #969b9e;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n  }\r\n\r\n  .vgd-footer-credit-link:hover,\r\n  .vgd-footer-credit-link:focus {\r\n    color: #f26a21;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .vgd-footer-cta-inner {\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .vgd-footer-cta-actions {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .vgd-footer-button {\r\n      min-width: 190px;\r\n    }\r\n\r\n    .vgd-footer-main {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 50px 60px;\r\n    }\r\n\r\n    .vgd-footer-divisions {\r\n      grid-column: 1 \/ -1;\r\n    }\r\n\r\n    .vgd-footer-division-list {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      column-gap: 32px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .vgd-global-footer {\r\n      width: 100%;\r\n      margin-left: 0;\r\n    }\r\n\r\n    .vgd-footer-cta-inner {\r\n      padding: 30px 18px;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .vgd-footer-cta-actions {\r\n      width: 100%;\r\n      flex-direction: row;\r\n    }\r\n\r\n    .vgd-footer-button {\r\n      min-width: 0;\r\n      flex: 1 1 50%;\r\n    }\r\n\r\n    .vgd-footer-main {\r\n      padding: 46px 18px 40px;\r\n      grid-template-columns: 1fr;\r\n      gap: 42px;\r\n    }\r\n\r\n    .vgd-footer-divisions {\r\n      grid-column: auto;\r\n    }\r\n\r\n    .vgd-footer-division-list {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .vgd-footer-bottom-inner {\r\n      padding: 19px 18px;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 7px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .vgd-footer-cta-inner {\r\n      padding: 28px 14px;\r\n    }\r\n\r\n    .vgd-footer-cta-actions {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 10px;\r\n    }\r\n\r\n    .vgd-footer-button {\r\n      width: 100%;\r\n    }\r\n\r\n    .vgd-footer-main {\r\n      padding: 42px 14px 36px;\r\n    }\r\n\r\n    .vgd-footer-brand-logo {\r\n      max-width: 235px;\r\n    }\r\n\r\n    .vgd-footer-bottom-inner {\r\n      padding: 18px 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<footer\r\n  class=\"vgd-global-footer\"\r\n  aria-label=\"Vanguard Steel Vancouver footer\"\r\n>\r\n\r\n  <section class=\"vgd-footer-cta\">\r\n    <div class=\"vgd-footer-cta-inner\">\r\n\r\n      <div class=\"vgd-footer-cta-copy\">\r\n        <h2 class=\"vgd-footer-cta-title\">\r\n          Need Help Finding the Right Product?\r\n        <\/h2>\r\n\r\n        <p class=\"vgd-footer-cta-text\">\r\n          Our Vancouver team can help with availability, product selection\r\n          and technical information.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"vgd-footer-cta-actions\">\r\n\r\n        <a\r\n          class=\"vgd-footer-button vgd-footer-button-primary\"\r\n          href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/contact\/\"\r\n        >\r\n          Contact Vancouver\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"vgd-footer-button vgd-footer-button-secondary\"\r\n          href=\"tel:+16042943191\"\r\n        >\r\n          Call 604-294-3191\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"vgd-footer-main\">\r\n\r\n    <div class=\"vgd-footer-brand\">\r\n\r\n      <a\r\n        href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/\"\r\n        aria-label=\"Vanguard Steel Vancouver homepage\"\r\n      >\r\n        <img decoding=\"async\"\r\n          class=\"vgd-footer-brand-logo\"\r\n          src=\"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-content\/uploads\/2026\/09\/Vanguard-Steel-Ltd.-Logo-white-with-orange-copy.webp\"\r\n          alt=\"Vanguard Steel Ltd.\"\r\n          loading=\"lazy\"\r\n        >\r\n      <\/a>\r\n\r\n      <p class=\"vgd-footer-branch\">\r\n        Vancouver Branch\r\n      <\/p>\r\n\r\n      <p class=\"vgd-footer-brand-copy\">\r\n        Specialty steel, industrial hardware, cable, wire rope and welding\r\n        products supported by extensive local inventory and knowledgeable\r\n        service.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"vgd-footer-contact\">\r\n\r\n      <h2 class=\"vgd-footer-heading\">\r\n        Vancouver Contact\r\n      <\/h2>\r\n\r\n      <ul class=\"vgd-footer-contact-list\">\r\n\r\n        <li class=\"vgd-footer-contact-item\">\r\n          <span class=\"vgd-footer-contact-label\">Address<\/span>\r\n          <a\r\n            class=\"vgd-footer-link\"\r\n            href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=7880+Fraser+Park+Drive+Burnaby+BC+V5J+5L8\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            7880 Fraser Park Drive<br>\r\n            Burnaby, B.C. V5J 5L8\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li class=\"vgd-footer-contact-item\">\r\n          <span class=\"vgd-footer-contact-label\">Local<\/span>\r\n          <a\r\n            class=\"vgd-footer-link\"\r\n            href=\"tel:+16042943191\"\r\n          >\r\n            604-294-3191\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li class=\"vgd-footer-contact-item\">\r\n          <span class=\"vgd-footer-contact-label\">Toll Free<\/span>\r\n          <a\r\n            class=\"vgd-footer-link\"\r\n            href=\"tel:+18662943191\"\r\n          >\r\n            1-866-294-3191\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li class=\"vgd-footer-contact-item\">\r\n          <span class=\"vgd-footer-contact-label\">Email<\/span>\r\n          <a\r\n            class=\"vgd-footer-link\"\r\n            href=\"mailto:vancouver@vanguardsteel.com\"\r\n          >\r\n            vancouver@vanguardsteel.com\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li class=\"vgd-footer-contact-item\">\r\n          <span class=\"vgd-footer-contact-label\">Hours<\/span>\r\n          Monday to Friday, 8:00 a.m. to 5:00 p.m.<br>\r\n          <span class=\"vgd-footer-emergency\">\r\n            Emergency call-out available\r\n          <\/span>\r\n        <\/li>\r\n\r\n      <\/ul>\r\n\r\n    <\/div>\r\n\r\n    <nav\r\n      class=\"vgd-footer-divisions\"\r\n      aria-label=\"Vanguard product divisions\"\r\n    >\r\n\r\n      <h2 class=\"vgd-footer-heading\">\r\n        Product Divisions\r\n      <\/h2>\r\n\r\n      <ul class=\"vgd-footer-division-list\">\r\n\r\n        <li class=\"vgd-footer-division-item\">\r\n          <a\r\n            class=\"vgd-footer-division-link\"\r\n            href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/specialty-steel\/\"\r\n          >\r\n            Specialty Steel\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li class=\"vgd-footer-division-item\">\r\n          <a\r\n            class=\"vgd-footer-division-link\"\r\n            href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/hardware\/\"\r\n          >\r\n            Industrial Hardware\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li class=\"vgd-footer-division-item\">\r\n          <a\r\n            class=\"vgd-footer-division-link\"\r\n            href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/cable-wire-rope\/\"\r\n          >\r\n            Cable &amp; Wire Rope\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li class=\"vgd-footer-division-item\">\r\n          <a\r\n            class=\"vgd-footer-division-link\"\r\n            href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/welding\/\"\r\n          >\r\n            Welding\r\n          <\/a>\r\n        <\/li>\r\n\r\n      <\/ul>\r\n\r\n    <\/nav>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"vgd-footer-bottom\">\r\n    <div class=\"vgd-footer-bottom-inner\">\r\n\r\n      <p class=\"vgd-footer-copyright\">\r\n        \u00a9 <span id=\"vgd-footer-year\"><\/span>\r\n        Vanguard Steel Ltd. All rights reserved.\r\n      <\/p>\r\n\r\n      <p class=\"vgd-footer-credit\">\r\n        <a\r\n          class=\"vgd-footer-credit-link\"\r\n          href=\"https:\/\/martinvondruska.com\/web-design\/\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          Website by MV\r\n        <\/a>\r\n      <\/p>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n<script>\r\n  (function () {\r\n    var year = document.getElementById(\"vgd-footer-year\");\r\n\r\n    if (year) {\r\n      year.textContent = new Date().getFullYear();\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vanguard Steel Vancouver | Shop Resources Steel Calculators &amp; Shop Tools Practical calculations for bar weight, machining stock, right triangles and unit conversions. Built for steel buyers, machine shops, fabricators and the order desk. Steel Weight \u2193 Shop Geometry \u2193 Unit Conversions \u2193 01 Steel Weight Calculator Calculate estimated weight per piece and total weight [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":374,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1745","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Steel Weight Calculator &amp; Shop Tools | Vanguard Steel Vancouver<\/title>\n<meta name=\"description\" content=\"Calculate hot rolled, cold finished and precision ground steel bar weights. Find round sizes for machining and convert force and pressure units.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Steel Weight Calculator &amp; Shop Tools | Vanguard Steel Vancouver\" \/>\n<meta property=\"og:description\" content=\"Calculate hot rolled, cold finished and precision ground steel bar weights. Find round sizes for machining and convert force and pressure units.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/\" \/>\n<meta property=\"og:site_name\" content=\"Vanguard Steel Ltd. | Vancouver Branch\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-26T19:32:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-content\/uploads\/2020\/06\/G80-S-Calculator.png\" \/>\n\t<meta property=\"og:image:width\" content=\"623\" \/>\n\t<meta property=\"og:image:height\" content=\"664\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/calculators\\\/\",\"url\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/calculators\\\/\",\"name\":\"Steel Weight Calculator & Shop Tools | Vanguard Steel Vancouver\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/calculators\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/calculators\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/G80-S-Calculator.png\",\"datePublished\":\"2020-10-08T16:01:47+00:00\",\"dateModified\":\"2026-10-26T19:32:11+00:00\",\"description\":\"Calculate hot rolled, cold finished and precision ground steel bar weights. Find round sizes for machining and convert force and pressure units.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/calculators\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/calculators\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/calculators\\\/#primaryimage\",\"url\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/G80-S-Calculator.png\",\"contentUrl\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/G80-S-Calculator.png\",\"width\":623,\"height\":664},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/calculators\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Steel Calculators &amp; Shop Tools\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/#website\",\"url\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/\",\"name\":\"Vanguard Steel Ltd. | Vancouver Branch\",\"description\":\"Your Ultimate Source for Specialty Steel and Industrial Products\",\"publisher\":{\"@id\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/#organization\",\"name\":\"Vanguard Steel Ltd. | Vancouver Branch\",\"url\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/Vanguard-steel-ltd-logo-Oglow.png\",\"contentUrl\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/Vanguard-steel-ltd-logo-Oglow.png\",\"width\":1147,\"height\":200,\"caption\":\"Vanguard Steel Ltd. | Vancouver Branch\"},\"image\":{\"@id\":\"https:\\\/\\\/vanguardsteelvancouver.com\\\/wp20\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Steel Weight Calculator & Shop Tools | Vanguard Steel Vancouver","description":"Calculate hot rolled, cold finished and precision ground steel bar weights. Find round sizes for machining and convert force and pressure units.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/","og_locale":"en_US","og_type":"article","og_title":"Steel Weight Calculator & Shop Tools | Vanguard Steel Vancouver","og_description":"Calculate hot rolled, cold finished and precision ground steel bar weights. Find round sizes for machining and convert force and pressure units.","og_url":"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/","og_site_name":"Vanguard Steel Ltd. | Vancouver Branch","article_modified_time":"2026-10-26T19:32:11+00:00","og_image":[{"width":623,"height":664,"url":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-content\/uploads\/2020\/06\/G80-S-Calculator.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/","url":"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/","name":"Steel Weight Calculator & Shop Tools | Vanguard Steel Vancouver","isPartOf":{"@id":"https:\/\/vanguardsteelvancouver.com\/wp20\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/#primaryimage"},"image":{"@id":"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/#primaryimage"},"thumbnailUrl":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-content\/uploads\/2020\/06\/G80-S-Calculator.png","datePublished":"2020-10-08T16:01:47+00:00","dateModified":"2026-10-26T19:32:11+00:00","description":"Calculate hot rolled, cold finished and precision ground steel bar weights. Find round sizes for machining and convert force and pressure units.","breadcrumb":{"@id":"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/#primaryimage","url":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-content\/uploads\/2020\/06\/G80-S-Calculator.png","contentUrl":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-content\/uploads\/2020\/06\/G80-S-Calculator.png","width":623,"height":664},{"@type":"BreadcrumbList","@id":"https:\/\/vanguardsteelvancouver.com\/wp20\/calculators\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vanguardsteelvancouver.com\/wp20\/"},{"@type":"ListItem","position":2,"name":"Steel Calculators &amp; Shop Tools"}]},{"@type":"WebSite","@id":"https:\/\/vanguardsteelvancouver.com\/wp20\/#website","url":"https:\/\/vanguardsteelvancouver.com\/wp20\/","name":"Vanguard Steel Ltd. | Vancouver Branch","description":"Your Ultimate Source for Specialty Steel and Industrial Products","publisher":{"@id":"https:\/\/vanguardsteelvancouver.com\/wp20\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vanguardsteelvancouver.com\/wp20\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/vanguardsteelvancouver.com\/wp20\/#organization","name":"Vanguard Steel Ltd. | Vancouver Branch","url":"https:\/\/vanguardsteelvancouver.com\/wp20\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vanguardsteelvancouver.com\/wp20\/#\/schema\/logo\/image\/","url":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-content\/uploads\/2021\/03\/Vanguard-steel-ltd-logo-Oglow.png","contentUrl":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-content\/uploads\/2021\/03\/Vanguard-steel-ltd-logo-Oglow.png","width":1147,"height":200,"caption":"Vanguard Steel Ltd. | Vancouver Branch"},"image":{"@id":"https:\/\/vanguardsteelvancouver.com\/wp20\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-json\/wp\/v2\/pages\/1745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-json\/wp\/v2\/comments?post=1745"}],"version-history":[{"count":70,"href":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-json\/wp\/v2\/pages\/1745\/revisions"}],"predecessor-version":[{"id":13435,"href":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-json\/wp\/v2\/pages\/1745\/revisions\/13435"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-json\/wp\/v2\/media\/374"}],"wp:attachment":[{"href":"https:\/\/vanguardsteelvancouver.com\/wp20\/wp-json\/wp\/v2\/media?parent=1745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}