/* Theme Name: K-Designs Website Theme URI: https://www.k-designs.net Author: Lakisha Walton + Ai Author URI: https://www.k-designs.net Description: Custom K-Designs marketing website and sales pages theme with Tailwind layouts for services, portfolio, templates, and blog. Version: 1.0 Text Domain: kdesigns-website */ /* Base typography using Inter (already loaded via in header.php) */ body { font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } /* Shared utility styles extracted from your static pages */ .gradient-text { background: linear-gradient(135deg, #FF00D6 0%, #8B5CF6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .gradient-bg { background: linear-gradient(135deg, #FF00D6 0%, #8B5CF6 100%); } .hero-gradient { background: linear-gradient(to bottom right, #FFF0FB, #F3E8FF, #FFFFFF); } .card-hover { transition: all 0.3s ease; } .card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(255, 0, 214, 0.15); } .section-padding { padding: 80px 0; } @media (max-width: 768px) { .section-padding { padding: 50px 0; } } /* Blog archive cards & badges (from blog archive redesign) :contentReference[oaicite:0]{index=0} */ .blog-card { transition: all 0.3s ease; } .blog-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(255, 0, 214, 0.2); } .category-badge { transition: all 0.3s ease; } .category-badge:hover { transform: scale(1.05); } /* Single blog content typography (from blog single redesign) :contentReference[oaicite:1]{index=1} */ .blog-content h2 { font-size: 1.875rem; font-weight: 800; color: #111827; margin-top: 2.5rem; margin-bottom: 1rem; } .blog-content h3 { font-size: 1.5rem; font-weight: 700; color: #374151; margin-top: 2rem; margin-bottom: 0.75rem; } .blog-content p { font-size: 1.125rem; line-height: 1.8; color: #4B5563; margin-bottom: 1.5rem; } .blog-content ul, .blog-content ol { margin: 1.5rem 0; padding-left: 1.5rem; } .blog-content li { font-size: 1.125rem; line-height: 1.8; color: #4B5563; margin-bottom: 0.75rem; } .blog-content a { color: #EC4899; font-weight: 600; text-decoration: underline; } .blog-content a:hover { color: #DB2777; } .blog-content blockquote { border-left: 4px solid #EC4899; padding-left: 1.5rem; margin: 2rem 0; font-style: italic; color: #6B7280; } /* Portfolio items & filters (from portfolio redesign) :contentReference[oaicite:2]{index=2} */ .portfolio-item { position: relative; overflow: hidden; border-radius: 1rem; transition: all 0.3s ease; } .portfolio-item:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(255, 0, 214, 0.2); } .portfolio-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 50%, transparent 100%); opacity: 0; transition: opacity 0.3s ease; display: flex; flex-direction: column; justify-content: flex-end; padding: 2rem; } .portfolio-item:hover .portfolio-overlay { opacity: 1; } .filter-btn { transition: all 0.3s ease; } .filter-btn.active { background: linear-gradient(135deg, #FF00D6 0%, #8B5CF6 100%); color: white; } /* Template cards, price badges, feature chips, etc. can also be pulled into here from templates & services pages as needed. */