/* --------------------------------------------------------------------------- Prime Tech — article page styles Used by the blog-*.html post pages. Deliberately self-contained so the posts do not depend on the purchased template's blog-detail CSS. --------------------------------------------------------------------------- */ .pt-article{ padding:80px 0 90px; } .pt-article .pt-wrap{ max-width:760px; margin:0 auto; text-align:left; } /* the template forces text-align:left globally, so RTL has to be explicit */ .pt-article[dir="rtl"] .pt-wrap{ text-align:right; } .pt-article .pt-meta{ font-family:'Nunito Sans',sans-serif; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:#7d8398; margin-bottom:22px; } .pt-article .pt-meta span + span:before{ content:"\00a0\00b7\00a0\00a0"; color:#c3c8d6; } .pt-article .pt-hero{ display:block; width:100%; height:auto; border-radius:8px; margin-bottom:38px; } .pt-article .pt-lede{ font-size:21px; line-height:1.62; color:#3f465c; margin:0 0 34px; font-weight:400; } .pt-article h3{ font-family:'Montserrat',sans-serif; font-size:23px; font-weight:700; color:#1b2440; margin:42px 0 14px; line-height:1.3; } .pt-article p{ font-size:17px; line-height:1.78; color:#4a5169; margin:0 0 20px; } .pt-article blockquote{ margin:34px 0; padding:22px 28px; background:#f5f7fb; border-left:4px solid #427cff; font-size:19px; line-height:1.6; color:#2b3350; font-style:italic; } .pt-article .pt-foot{ margin-top:52px; padding-top:26px; border-top:1px solid #e3e6ee; display:flex; flex-wrap:wrap; gap:18px; align-items:center; justify-content:space-between; } .pt-article .pt-foot .pt-back{ font-family:'Nunito Sans',sans-serif; font-weight:700; font-size:15px; color:#427cff; text-decoration:none; } .pt-article .pt-foot .pt-back:hover{ text-decoration:underline; } /* RTL — scoped to the article element: the Arabic pages do not set dir on , and adding it there would double-mirror the hand-mirrored template header. */ .pt-article[dir="rtl"] blockquote{ border-left:0; border-right:4px solid #427cff; } @media only screen and (max-width:767px){ .pt-article{ padding:50px 0 60px; } .pt-article .pt-lede{ font-size:19px; } .pt-article h3{ font-size:20px; margin-top:34px; } .pt-article p{ font-size:16px; } } /* 404 page link list */ .pt-404-links{ margin:6px 0 0; padding:0 0 0 20px; } .pt-404-links li{ font-size:17px; line-height:1.9; color:#4a5169; } .pt-404-links a{ font-weight:700; color:#427cff; }