Decorative Wall Hooks

About

.ia-hooks, .ia-hooks * { box-sizing: border-box; } .ia-hooks { width: 100%; } .ia-hooks a { text-underline-offset: 3px; } .ia-hooks h2, .ia-hooks h3 { margin-top: 0; } .ia-hooks p { line-height: 1.7; } /* ---------- BREADCRUMBS ---------- */ .ia-hooks__breadcrumbs { max-width: 1160px; margin: 0 auto 16px; line-height: 1.5; } .ia-hooks__breadcrumbs a { text-decoration: none; } .ia-hooks__breadcrumbs a:hover, .ia-hooks__breadcrumbs a:focus { text-decoration: underline; } .ia-hooks__breadcrumb-separator { display: inline-block; padding: 0 5px; } /* ---------- SECTIONS ---------- */ .ia-hooks__section { clear: both; max-width: 1160px; margin: 0 auto; padding: 38px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.11); } .ia-hooks__breadcrumbs + .ia-hooks__section { padding-top: 8px; padding-bottom: 14px; } .ia-hooks__section:last-child { border-bottom: 0; } .ia-hooks__eyebrow { margin: 0 0 8px; font-size: 0.76em; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; } .ia-hooks__heading { max-width: 900px; margin: 0 auto 24px; text-align: center; } .ia-hooks__heading p:last-child { margin-bottom: 0; } /* ---------- COMPACT BANNER ABOVE PRODUCTS ---------- */ .ia-hooks__intro { display: grid; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.14); background: #f7f3ec; grid-template-columns: minmax(190px, 0.28fr) minmax(0, 0.72fr); } .ia-hooks__intro-image { min-height: 178px; overflow: hidden; background: #eee8df; } .ia-hooks__intro-image img { display: block; width: 100%; height: 100%; min-height: 178px; object-fit: cover; object-position: center center; } .ia-hooks__intro-copy { display: flex; flex-direction: column; justify-content: center; padding: 13px 22px; } .ia-hooks__intro-copy h2 { margin-bottom: 10px; line-height: 1.18; } .ia-hooks__intro-copy p { margin-top: 0; margin-bottom: 7px; line-height: 1.55; } .ia-hooks__intro-copy p:last-of-type { margin-bottom: 0; } /* ---------- BUTTONS ---------- */ .ia-hooks__buttons { display: flex; flex-wrap: wrap; ga

On-page SEO