/*
Theme Name: CuteGeek
Theme URI: https://cutegeek.com
Author: Michael Reyes
Description: A responsive pink and deep teal editorial theme for tech, gaming, reviews and geek life.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: cutegeek
*/
:root{--teal:#175b63;--ink:#103b46;--pink:#ff407c;--line:#dce7e6}*{box-sizing:border-box}body{margin:0;background:#fffefa;color:var(--ink);font:18px/1.55 Georgia,serif}a{color:inherit;text-decoration:none}a:hover{color:var(--pink)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.wrap{max-width:1280px;margin:auto;padding:0 28px}.top{background:#a6cdd0;text-align:center;font-size:14px;padding:5px}.header{display:flex;align-items:center;gap:32px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:bold 36px/1.2 Arial,sans-serif;white-space:nowrap}.brand .cute{color:var(--pink)}.brand .geek{color:var(--teal)}.brand small{font-size:18px}.glasses{width:64px;height:40px}.custom-logo{max-width:280px;height:auto}.nav{margin-left:auto;font-size:16px}.nav ul{display:flex;gap:25px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.search-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.search-field{max-width:180px;border:1px solid var(--line);padding:9px;background:white;color:var(--ink)}button,input[type=submit]{cursor:pointer;background:var(--teal);color:white;border:0;padding:10px 15px;border-radius:5px}main{padding-top:28px;padding-bottom:50px}.featured{display:grid;grid-template-columns:1.8fr 1fr;gap:26px}.lead h2{font-size:40px;line-height:1.12}.side{display:grid;gap:22px}.card img{width:100%;object-fit:cover;aspect-ratio:2.2;display:block}.lead img{aspect-ratio:1.85}.card h2{margin:4px 0 7px;line-height:1.13;font-size:24px}.lead h2{font-size:40px}.card p{margin:0;color:#47646b;font-size:16px}.category{display:block;color:var(--teal);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:bold;margin-top:11px}.section-title{font-size:36px;margin:35px 0 20px;padding-top:22px;border-top:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.placeholder{aspect-ratio:2;background:#c4dcdd;display:grid;place-items:center;color:var(--teal);font:24px Arial}.footer{background:#a6cdd0;padding:28px 0}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p{margin:0}.article{max-width:800px;margin:auto}.article h1{font-size:46px;line-height:1.15}.article .wp-post-image{width:100%;height:auto}.content img{max-width:100%;height:auto}.content a{text-decoration:underline}.content{overflow-wrap:anywhere}.content iframe{max-width:100%}.pagination{margin-top:30px}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;top:0;left:0;background:white;padding:20px;z-index:99}.meta{font-size:14px;color:#526970}.comment-form textarea{max-width:100%}.comment-form input{max-width:100%}figure{max-width:100%;margin-left:0;margin-right:0}.alignwide{width:100%}@media(max-width:950px){.header{flex-wrap:wrap}.nav{margin-left:0;flex:1}.grid{grid-template-columns:repeat(2,1fr)}.brand{font-size:30px}.lead h2{font-size:30px}}@media(max-width:620px){.wrap{padding-left:18px;padding-right:18px}.featured{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr;gap:18px}.card h2{font-size:20px}.lead h2{font-size:30px}.header{gap:18px}.nav{flex-basis:100%}.nav ul{gap:16px}.article h1{font-size:34px}.section-title{font-size:30px}}