.elementor-11107 .elementor-element.elementor-element-31b4341{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* Permanent Jewelry Welder Kit - improved WordPress design CSS Paste this into Appearance > Customize > Additional CSS or your theme CSS. Do not paste the version into the WordPress post editor. */ :root { --hs-bg: #04191e; --hs-bg-2: #06252c; --hs-panel: #0a3038; --hs-card: #0d3d47; --hs-card-2: #123f49; --hs-text: #f2fbf8; --hs-muted: #b7d0cc; --hs-soft: #dff7f2; --hs-accent: #f8b928; --hs-accent-2: #ff8a3d; --hs-teal: #46c5ad; --hs-danger: #ff5b53; --hs-line: rgba(255, 255, 255, .14); --hs-line-strong: rgba(248, 185, 40, .34); --hs-shadow: 0 28px 80px rgba(0, 0, 0, .36); --hs-radius: 28px; --hs-max: 1120px; } .hs-cluster, .hs-cluster * { box-sizing: border-box; } /* Full dark article canvas. This fixes the current white background problem. */ .hs-cluster { width: 100vw; max-width: none; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: clamp(28px, 4vw, 58px) 18px 86px; color: var(--hs-text); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.68; background: radial-gradient(circle at 18% 6%, rgba(70, 197, 173, .18), transparent 34%), radial-gradient(circle at 86% 20%, rgba(248, 185, 40, .13), transparent 28%), linear-gradient(180deg, var(--hs-bg), var(--hs-bg-2) 48%, #04161b); overflow: hidden; } .hs-cluster > article { max-width: var(--hs-max); margin: 0 auto; } .hs-cluster a { color: var(--hs-accent); font-weight: 850; text-decoration: none; } .hs-cluster a:hover, .hs-cluster a:focus-visible { text-decoration: underline; } .hs-cluster p { color: var(--hs-muted); font-size: clamp(1rem, 1.35vw, 1.07rem); margin: 0 0 18px; } .hs-cluster strong { color: var(--hs-text); } .hs-cluster h1, .hs-cluster h2, .hs-cluster h3 { color: var(--hs-text); letter-spacing: -.035em; line-height: 1.05; margin: 0 0 16px; } .hs-cluster h1 { max-width: 920px; font-size: clamp(2.35rem, 5.4vw, 5.15rem); margin-top: 18px; } .hs-cluster h2 { font-size: clamp(1.55rem, 2.9vw, 2.45rem); } .hs-cluster h3 { font-size: clamp(1.12rem, 2vw, 1.48rem); padding-top: 12px; } .hs-cluster .hs-hero { position: relative; overflow: hidden; padding: clamp(30px, 5vw, 62px); border: 1px solid var(--hs-line-strong); border-radius: 34px; background: radial-gradient(circle at 12% 18%, rgba(70, 197, 173, .24), transparent 38%), radial-gradient(circle at 80% -8%, rgba(248, 185, 40, .20), transparent 30%), linear-gradient(135deg, rgba(13, 61, 71, .98), rgba(4, 25, 30, .98)); box-shadow: var(--hs-shadow); margin-bottom: 34px; } .hs-cluster .hs-hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 38px 38px; opacity: .55; pointer-events: none; } .hs-cluster .hs-hero::after { content: ""; position: absolute; right: -132px; top: -150px; width: 360px; height: 360px; border: 2px solid rgba(248, 185, 40, .22); border-radius: 50%; pointer-events: none; } .hs-cluster .hs-hero > * { position: relative; z-index: 1; } .hs-cluster .hs-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid rgba(248,185,40,.28); border-radius: 999px; background: rgba(248,185,40,.14); color: var(--hs-accent); font-size: .78rem; font-weight: 950; letter-spacing: .09em; text-transform: uppercase; } .hs-cluster .hs-lede { max-width: 850px; color: #d9f3ee; font-size: clamp(1.05rem, 1.8vw, 1.25rem); } .hs-cluster .hs-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; } .hs-cluster .hs-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 19px; border: 1px solid rgba(248,185,40,.45); border-radius: 999px; background: linear-gradient(180deg, #ffd563, var(--hs-accent)); color: #072127 !important; font-weight: 950; box-shadow: 0 14px 30px rgba(248,185,40,.20); } .hs-cluster .hs-btn.secondary { background: rgba(255,255,255,.045); color: var(--hs-text) !important; border-color: var(--hs-line); box-shadow: none; } .hs-cluster section { position: relative; margin: 28px 0; padding: clamp(22px, 3.2vw, 38px); border: 1px solid var(--hs-line); border-radius: var(--hs-radius); background: linear-gradient(180deg, rgba(14, 64, 74, .86), rgba(8, 39, 46, .86)); box-shadow: 0 18px 54px rgba(0,0,0,.22); } .hs-cluster section::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(120deg, rgba(255,255,255,.08), transparent 38%); pointer-events: none; } .hs-cluster section > * { position: relative; z-index: 1; } .hs-cluster .hs-image { margin: 26px 0; padding: 10px; border: 1px solid rgba(248,185,40,.22); border-radius: 26px; background: linear-gradient(135deg, rgba(248,185,40,.08), rgba(70,197,173,.05)), rgba(255,255,255,.04); box-shadow: 0 18px 48px rgba(0,0,0,.24); } .hs-cluster .hs-image img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 18px; background: #0b323a; } .hs-cluster .hs-image figcaption { padding: 11px 7px 3px; color: var(--hs-muted); font-size: .94rem; } .hs-cluster .hs-note { margin: 22px 0; padding: 18px 20px; border-left: 5px solid var(--hs-accent); border-radius: 18px; background: rgba(248,185,40,.12); color: #eaf8f5; } .hs-cluster .hs-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 22px 0; } .hs-cluster .hs-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hs-cluster .hs-card { padding: 20px; border: 1px solid var(--hs-line); border-radius: 22px; background: linear-gradient(180deg, rgba(11,55,64,.95), rgba(5,31,37,.95)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); } .hs-cluster .hs-card .num { display: inline-grid; place-items: center; width: 34px; height: 34px; margin-bottom: 12px; border-radius: 50%; background: var(--hs-accent); color: #08232a; font-weight: 950; } .hs-cluster .hs-card strong { display: block; margin-bottom: 8px; font-size: 1.05rem; } .hs-cluster .hs-list { margin: 18px 0 0; padding: 0; list-style: none; } .hs-cluster .hs-list li { position: relative; margin: 10px 0; padding: 14px 16px 14px 44px; border: 1px solid var(--hs-line); border-radius: 16px; background: rgba(255,255,255,.045); color: var(--hs-muted); } .hs-cluster .hs-list li::before { content: "✓"; position: absolute; left: 16px; top: 13px; color: var(--hs-accent); font-weight: 950; } .hs-cluster .hs-warning-list li::before { content: "!"; color: var(--hs-accent-2); } .hs-cluster .hs-table-wrap { width: 100%; overflow-x: auto; margin: 20px 0; border: 1px solid var(--hs-line); border-radius: 22px; background: rgba(4,25,30,.55); } .hs-cluster table { width: 100%; min-width: 760px; border-collapse: collapse; } .hs-cluster th, .hs-cluster td { padding: 16px 18px; border-bottom: 1px solid var(--hs-line); text-align: left; vertical-align: top; } .hs-cluster th { color: var(--hs-accent); text-transform: uppercase; letter-spacing: .06em; font-size: .76rem; background: rgba(0,0,0,.16); } .hs-cluster td { color: var(--hs-muted); } .hs-cluster tr:last-child td { border-bottom: 0; } .hs-cluster .hs-related { border-color: rgba(248,185,40,.34); background: linear-gradient(135deg, rgba(248,185,40,.12), rgba(70,197,173,.09)); } .hs-cluster .hs-related ul { margin: 12px 0 0; padding-left: 20px; color: var(--hs-muted); } .hs-cluster .hs-related li { margin: 8px 0; } .hs-cluster .hs-faq details { margin: 12px 0; padding: 16px 18px; border: 1px solid var(--hs-line); border-radius: 18px; background: rgba(255,255,255,.045); } .hs-cluster .hs-faq summary { cursor: pointer; color: var(--hs-text); font-weight: 900; } .hs-cluster .hs-faq details p { margin-top: 12px; } /* WordPress theme cleanup */ .entry-content .hs-cluster p, .entry-content .hs-cluster li, .entry-content .hs-cluster td { line-height: 1.65; } .entry-content .hs-cluster figure { max-width: none; } .entry-content .hs-cluster img { box-shadow: none; } @media (max-width: 820px) { .hs-cluster { padding: 18px 12px 56px; } .hs-cluster .hs-grid, .hs-cluster .hs-grid.two { grid-template-columns: 1fr; } .hs-cluster section, .hs-cluster .hs-hero { border-radius: 22px; padding: 22px 18px; } .hs-cluster h1 { font-size: clamp(2rem, 11vw, 3rem); } .hs-cluster table { min-width: 680px; } }/* End custom CSS */