/*
Theme Name: Creox Media
Author: Creox Media
Description: Custom Creox Media agency theme with eight service layouts, native scrolling and responsive pages.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: creox-media
*/
html { scroll-behavior:auto!important; }
body.admin-bar .header { top:32px!important; }
.creox-form-status { margin-top:14px; line-height:1.5; color:#294a86; background:white; padding:12px; border-radius:8px; }
.creox-honeypot { position:absolute!important; left:-10000px!important; width:1px; height:1px; overflow:hidden; }
.creox-fallback { max-width:1100px; margin:70px auto; padding:24px; }
.creox-service-area { max-width:1280px; margin:24px auto; padding:24px; color:#294a86; }
.creox-service-area p { margin:8px 0 0; }
.creox-post-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.creox-post-card { border:1px solid #e1e1e4; border-radius:18px; overflow:hidden; padding:14px; }
.creox-post-card>a:first-child img { display:block; width:100%; height:230px; object-fit:cover; border-radius:12px; }
.creox-post-card>p { margin:12px 4px; color:#626976; }
.creox-post-card h2 { font-size:22px; margin:12px 4px; }
.creox-post-card h2 a { color:#151b28; }
.creox-post-read,.creox-article-contact { display:inline-block; color:#294a86; font-weight:600; margin:10px 4px; }
.creox-article { max-width:850px; margin:0 auto; }
.creox-article-hero { width:100%; max-height:480px; object-fit:cover; border-radius:20px; }
.creox-article-meta { margin:24px 0 12px; color:#626976; }
.creox-article-title { font-size:clamp(30px,4vw,52px); line-height:1.12; margin:14px 0 28px; }
.creox-article-body { font-size:18px; line-height:1.8; color:#424a59; }
.creox-article-body h2,.creox-article-body h3 { color:#151b28; margin:36px 0 12px; line-height:1.25; }
.creox-article-body a { color:#294a86; text-decoration:underline; }
.creox-article-contact { margin:32px 0; }
@media(max-width:700px){.creox-post-grid{grid-template-columns:1fr}.creox-post-card>a:first-child img{height:210px}.creox-article-body{font-size:16px}.creox-service-area{padding:18px}}
.creox-fallback h1 { margin-bottom:24px; }
@media(max-width:782px) { body.admin-bar .header { top:46px!important; } }