/* The Hoopers League page tidy layout */ .main-page-title, .page-title, h1 { text-align: center; font-size: clamp(36px, 5vw, 64px); line-height: 1.1; margin-bottom: 40px; letter-spacing: 0.02em; } /* Main page content container */ .page-width .rte, .main-page .rte, .shopify-policy__container .rte { max-width: 900px; margin: 0 auto; font-size: 16px; line-height: 1.8; color: #222; } /* Paragraph spacing */ .page-width .rte p, .main-page .rte p { margin: 0 0 22px; } /* Section headings */ .page-width .rte h2, .page-width .rte h3, .page-width .rte h4, .main-page .rte h2, .main-page .rte h3, .main-page .rte h4 { margin-top: 48px; margin-bottom: 18px; font-size: 22px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #111; border-bottom: 2px solid #111; padding-bottom: 10px; } /* Bullet lists */ .page-width .rte ul, .page-width .rte ol, .main-page .rte ul, .main-page .rte ol { max-width: 520px; margin: 20px auto 32px; padding-left: 22px; text-align: left; } /* Individual bullet points */ .page-width .rte li, .main-page .rte li { margin-bottom: 10px; line-height: 1.6; } /* Strong text */ .page-width .rte strong, .main-page .rte strong { font-weight: 700; color: #000; } /* Make text feel more structured */ .page-width .rte > p, .main-page .rte > p { max-width: 720px; margin-left: auto; margin-right: auto; } /* Style links as black buttons */ .page-width .rte a, .main-page .rte a { display: inline-block; background: #000; color: #fff !important; padding: 14px 28px; margin: 12px 0 32px; border-radius: 4px; text-decoration: none; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; transition: opacity 0.2s ease; } .page-width .rte a:hover, .main-page .rte a:hover { opacity: 0.75; } /* Add card-style spacing to the content */ .page-width .rte { background: #fff; padding: 30px 24px 60px; } /* Mobile adjustments */ @media screen and (max-width: 749px) { .main-page-title, .page-title, h1 { font-size: 36px; margin-bottom: 28px; } .page-width .rte, .main-page .rte { font-size: 15px; line-height: 1.7; } .page-width .rte h2, .page-width .rte h3, .page-width .rte h4, .main-page .rte h2, .main-page .rte h3, .main-page .rte h4 { font-size: 18px; margin-top: 36px; } .page-width .rte a, .main-page .rte a { width: 100%; text-align: center; } }