/*
Theme Name: Pixelo Studio
Description: A block theme inspired by the Pixelo Stitch prototype.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: pixelo-studio
*/
body{font-family:Tahoma,Arial,sans-serif;line-height:1.9} a{text-decoration-thickness:1px;text-underline-offset:4px} .wp-block-navigation__container{gap:1.4rem}.pixelo-hero{border-inline-start:6px solid #bd1024}.wp-block-post-template{gap:2rem}.wp-block-post-featured-image img{border-radius:8px} pre{direction:ltr;text-align:left;overflow:auto;padding:1rem;background:#0f2b48;color:white} img{max-width:100%;height:auto}

.wp-block-group.alignwide{max-width:1200px;margin-inline:auto} h1,h2,h3{color:#0f2b48;line-height:1.4} .has-navy-background-color h2{color:#fff}.wp-block-button__link:focus-visible,a:focus-visible{outline:3px solid #bd1024;outline-offset:3px} .wp-block-columns{gap:2rem} .wp-block-column{min-width:0} @media(max-width:781px){.wp-block-columns{display:block}.wp-block-column{margin-bottom:2rem}.pixelo-hero{padding-top:55px!important;padding-bottom:55px!important}}

.pixelo-page{padding-block:2rem}.pixelo-page .wp-block-columns{margin-block:2.5rem}.pixelo-page .wp-block-column{border-top:3px solid #bd1024;padding-top:1.25rem}.wp-block-button__link{padding:.8em 1.5em}.wp-block-post-template{list-style:none}.wp-block-navigation a{color:inherit}.has-navy-background-color a{color:#fff}

:root{scroll-behavior:smooth}body{margin:0} .wp-site-blocks{overflow-x:clip}h1,h2,h3{letter-spacing:normal} .pixelo-hero{background:#f1eee8} .pixelo-hero h1{max-width:18ch} .wp-block-navigation a{text-decoration:none} .wp-block-navigation a:hover{text-decoration:underline}.wp-block-post-title a{text-decoration:none}.wp-block-post-title a:hover{text-decoration:underline}.wp-block-search__button{background:#b51024;color:#fff;border:0;padding:.7rem 1.2rem}.wp-block-search__input{border:1px solid #bac5cd;border-radius:4px;padding:.7rem}.wp-block-query-pagination{margin-block:2rem}.wp-block-post-excerpt{color:#42546a}.wp-block-group.has-navy-background-color a{color:#fff}.wp-block-group.has-navy-background-color a:focus-visible{outline-color:#fff} @media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

.pixelo-work{margin-block:4rem;padding:3rem;border:1px solid #dfe5e9;border-inline-start:5px solid #b51024;background:#fff}.wp-block-query .wp-block-post-template{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:2rem}.wp-block-query .wp-block-post-template>li{background:#fff;padding:1.25rem;border:1px solid #e6e8eb;border-radius:6px}.wp-block-site-title a{color:#0f2b48;text-decoration:none}@media(max-width:600px){.pixelo-work{padding:1.5rem}.wp-block-query .wp-block-post-template{grid-template-columns:1fr}}

.pixelo-hero{position:relative;background:linear-gradient(100deg,#f8f6f2,#eef2f5);border-inline-start:6px solid #b51024}.pixelo-hero::after{content:"";position:absolute;inset-block-start:12%;inset-inline-end:5%;width:min(12vw,150px);height:min(12vw,150px);border-top:6px solid #0f2b48;border-right:6px solid #0f2b48;pointer-events:none;opacity:.4}.wp-block-post-featured-image{overflow:hidden}.wp-block-post-featured-image img{object-fit:cover}.pixelo-page{padding-inline:clamp(0px,2vw,24px)}@media(max-width:600px){.pixelo-hero::after{width:40px;height:40px;border-width:3px}}

/* Form controls, including forms provided by compatible plugins. */
input:not([type=submit]):not([type=checkbox]):not([type=radio]),textarea,select{box-sizing:border-box;max-width:100%;padding:.7rem;border:1px solid #aab8c4;border-radius:4px;background:#fff;color:#172333}textarea{min-height:9rem}input[type=submit]{background:#b51024;color:#fff;border:0;border-radius:4px;padding:.75rem 1.4rem;cursor:pointer}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #376b98;outline-offset:2px}.wpcf7 label{display:block;font-weight:600}.wpcf7 form p{margin-block:1rem}.wpcf7-not-valid-tip{color:#a40015}.wpcf7-response-output{border-radius:4px;padding:.75rem!important}

/* Improved reading width and compact cards. */
.wp-site-blocks > main { padding-inline: clamp(20px,4vw,48px) !important; }
.wp-block-post-content { max-width: 1200px; margin-inline: auto; }
.pixelo-hero { padding-inline: clamp(24px,5vw,70px) !important; }
.pixelo-work { padding: clamp(24px,4vw,48px); }
.wp-block-query .wp-block-post-template { grid-template-columns: repeat(3,minmax(0,1fr)); }
.wp-block-query .wp-block-post-template > li { display:flex; flex-direction:column; gap: .8rem; }
.wp-block-query .wp-block-post-excerpt__excerpt { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.wp-block-query .wp-block-post-excerpt { margin-block:0; }
.wp-block-query .wp-block-post-featured-image img { width:100%; aspect-ratio:4/3; object-fit:cover; }
@media(max-width:850px){.wp-block-query .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.wp-block-query .wp-block-post-template{grid-template-columns:1fr;}.pixelo-hero::after{display:none;}}

/* Pixelo editable page patterns */
.pixelo-section{margin-block:clamp(3rem,7vw,6rem);padding-inline:clamp(0px,2vw,24px)}
.pixelo-section h2{font-size:clamp(1.6rem,3vw,2.5rem);margin-bottom:1.5rem}.pixelo-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.06em;color:#b51024}.pixelo-services .wp-block-column{border-top:2px solid #b51024;padding-top:1rem}.pixelo-cta{background:#0f2b48;color:white;padding:clamp(2rem,5vw,4rem);margin-block:4rem}.pixelo-cta h2{color:white}.pixelo-hero h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.3}.pixelo-hero .wp-block-button{margin-top:1rem}.pixelo-section .wp-block-query{margin-top:2rem}.pixelo-section .wp-block-post-template h3{font-size:1.1rem}.pixelo-project-notice{color:#526170}.pixelo-cta a{color:white}

.pixelo-language-en {direction:ltr;text-align:left}.pixelo-language-en .pixelo-hero {border-inline-start:6px solid #b51024}.pixelo-language-en .wp-block-buttons{justify-content:flex-start}