/*
Theme Name: PixeOne
Theme URI: https://pixebuilder.com/pixeone-demo/
Author: PixeBuilder
Author URI: https://pixebuilder.com/
Description: PixeOne is a lightweight, performance-oriented WordPress theme designed as a flexible foundation for building websites with modern editors and page builder plugins. It provides clean markup, minimal styling, and broad compatibility so users can fully control layout and design while maintaining fast load times.
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: pixeone
Tags: one-column, custom-logo, custom-menu, featured-images, theme-options, translation-ready, editor-style, block-styles

Copyright (C) 2026 Pixebuilder
This theme is licensed under the GPL.
*/

/* reset */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,
mark,menu,meter,nav,output,progress,section,summary,time,video{ border:0; outline:0; 
    vertical-align:baseline; background:transparent; margin:0;padding:0; }
article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{ display:block; }
nav ul{ list-style:none; }
ol{ list-style:decimal; }
ul{ list-style:disc; }
ul ul{ list-style:circle; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:none; }
ins{ text-decoration:underline; }
del{ text-decoration:line-through; }
mark{ background:none; }
abbr[title],dfn[title], acronym[title]{ border-bottom:1px dotted; cursor:help; }
table{ border-collapse:collapse;border-spacing:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input[type=submit],input[type=button],button{ margin:0; padding:0;}
input,select,a img{ vertical-align:middle; }
b, strong{ font-weight: bold; }
i, em{ font-style: italic; }

html{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; }

/* initial style - general tags */
body{ font-size: 18px; font-family: Helvetica, Sans-Serif; line-height: 1.7; background: #fff; color: #565148; }
body *{ border-color: #ddd; }
h1, h2, h3, h4, h5, h6{ margin-bottom: 20px; color: #222; line-height: 1.2; }
h1{ font-size: 32px; font-weight: 600; } h2{ font-size: 28px; font-weight: 600; } h3{ font-size: 22px; font-weight: 600; }
h4{ font-size: 20px; font-weight: 600; } h5{ font-size: 19px; font-weight: 500; } h6{ font-size: 18px; font-weight: 500; }
p{ margin-bottom: 20px; }
a{ text-decoration: none; transition: color 300ms; }
ul, ol{ margin-left: 20px; margin-bottom: 20px; }
ul ul, ol ol, ul ol, ol ul{ margin-bottom: 0; }
table th, table td{ border: 1px solid; padding: 5px; }
table th{ background: #f5f5f5; }
table{ margin-bottom: 20px; }
pre, code{ display: block; padding: 20px; background: #f5f5f5; }
pre code{ padding: 0; }
sub, sup{ font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; }
sup{ top: -0.5em; }
sub{ bottom: -0.25em; }
blockquote{ background: #f5f5f5; padding: 20px; border-left: 2px solid #888; margin-bottom: 20px; }
blockquote p:last-child { margin-bottom: 0; }
button,
input[type="button"], 
input[type="submit"]{ font-size: 16px; font-weight: 600; padding: 13px 23px 13px 23px; border: 0px; cursor: pointer; }
input[type="file"]{ width: 100%; }
select{ width: 100%; height: 45px; padding: 5px 16px; }
select:focus{ outline: none; }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="url"],
input[type="password"]{ width: 100%; height: 45px; padding: 5px 16px; border-width: 1px; border-style: solid; outline: none; font-family: inherit; }
textarea{ display: block; width: 100%; padding: 15px 16px; height: 150px; outline: none; border-width: 1px; border-style: solid; font-family: inherit; }
input[type="checkbox"],
input[type="radio"]{ vertical-align: middle; margin: -2px 5px 0px 0px; }

/* general tags */
:root{
    --pixeone--color--primary: #FFF9ED;
    --pixeone--color--primary-text: #F9DA9D;
    --pixeone--color--primary-header: #121212;
    --pixeone--color--heading: #000;
    --pixeone--color--text: #565148;
    --pixeone--color--info: #949494;
    --pixeone--color--button: #060606;
    --pixeone--color--button-text: #ffffff;
    --pixeone--color--menu-link: #282828;
    --pixeone--color--menu-link-hover: #A29682;
    --pixeone--color--link: #161616;
}
a{ color: var(--pixeone--color--link); }
a:hover{ color: var(--pixeone--color--link); }
img{ max-width: 100%; height: auto; }
button,
input[type="button"], 
input[type="submit"]{ color: var(--pixeone--color--button-text); background: var(--pixeone--color--button); }
.pixeone-header-wrap{ background: var(--pixeone--color--primary); background-size: cover; }
.pixeone-header{ display: flex; justify-content: space-between; align-items: center; gap: 20px; 
    padding: 35px 35px; }
.pixeone-logo{ max-width: 250px; flex-shrink: 0; font-size: 40px; font-weight: bold; color: #262523; }
.pixeone-logo a{ color: var(--pixeone--color--heading); }
.pixeone-menu{ display: flex; }
.pixeone-menu ul{ display: flex; flex-wrap: wrap; list-style: none; gap: 20px; margin-left: 0; margin-bottom: 0; }
.pixeone-menu a{ color: var(--pixeone--color--menu-link); }
.pixeone-menu a:hover{ color: var(--pixeone--color--menu-link-hover); }
.pixeone-menu .sub-menu{ display: none; }
.pixeone-header-title{ text-align: center; padding: 80px 20px 150px; word-wrap: break-word; }
.pixeone-header-title h1{ font-size: 130px; font-weight: 400; }
.pixeone-header-title.pixeone-single h1{ font-size: 44px; }
.pixeone-header-title.pixeone-single{ padding-top: 150px; }
.pixeone-header-title .pixeone-info{ justify-content: center; }
.pixeone-content-container{ max-width: 1180px; padding: 90px 20px; margin: 0px auto; }
.pixeone-content > p{ max-width: 1180px; margin-left: auto; margin-right: auto; }
.pixeone-content > p:first-child{ padding-top: 90px; }
.pixeone-content > p:last-child{ padding-bottom: 90px; }
.pixeone-footer{ font-size: 17px; text-align: center; background: #1d1d1d; color: #bababa; padding: 50px 20px; }
.pixeone-article{ margin-bottom: 80px; }
.pixeone-article:last-child{ margin-bottom: 0; }
.pixeone-article-title{ word-wrap: break-word; font-size: 44px; font-weight: normal; margin-bottom: 22px; }
.pixeone-article-title a,
.pixeone-article-title a:hover{ color: var(--pixeone--color--heading); }
.pixeone-article-thumbnail{ margin-bottom: 45px; }
.pixeone-article-thumbnail img{ display: block; border-radius: 10px; }
.pixeone-info{ display: flex; gap: 25px; margin-bottom: 22px; color: var(--pixeone--color--info); }
.pixeone-info a{ color: var(--pixeone--color--info); }
.pixeone-info span:before{ content: "/"; margin-right: 25px; }
.pixeone-info span:first-child:before{ display: none; }
.pixeone-content > [class*="wp-block-"]{ margin-bottom: 20px; }
.pixeone-single-thumbnail{ margin-bottom: 50px; }
.pixeone-single-thumbnail img{ display: block; }
.pixeone-article-excerpt{ margin-bottom: 25px; }
.pixeone-button{ display: inline-block; font-size: 17px; padding: 9px 26px; background: var(--pixeone--color--button); color: var(--pixeone--color--button-text); }
.pixeone-button:hover{ color: var(--pixeone--color--button-text); }
.pixeone-tags{ clear: both; padding-top: 30px; }
.pixeone-comments{ padding-top: 40px; }
.pixeone-comments-title,
.pixeone-comments .comment-reply-title{ font-size: 27px; margin-bottom: 29px; }
.pixeone-comments .comment-list{ list-style: none; margin-left: 0; }
.pixeone-comments .comment-list article{ display: flex; gap: 32px; }
.pixeone-comments .comment-author a{ font-size: 20px; font-weight: bold; color: var(--pixeone--color--heading); }
.pixeone-comments .comment-time a{ font-size: 17px; color: var(--pixeone--color--info); }
.pixeone-comments .comment-content{ padding-top: 20px; }
.pixeone-comments .comment-content a{ text-decoration: underline; }
.pixeone-comments .edit-link{ text-decoration: underline; }
.pixeone-comments .comment-reply{ text-decoration: underline; }
.pixeone-comments .comment-info{ display: flex; gap: 25px; }
.pixeone-comments .comment-form label{ font-size: 17px; margin-bottom: 8px; }
.pixeone-comments textarea, 
.pixeone-comments input{ border-color: #484848; }
body.error404{ background: var(--pixeone--color--primary); }
body.error404 .pixeone-content{ padding-bottom: 120px; }
.pixeone-404-head{ font-size: 332px; font-weight: bold; line-height: 1; margin-bottom: 0; color: #0b0b0b; }
.pixeone-404-wrap{ text-align: center; }
.pixeone-404-title{ font-size: 26px; font-weight: 700; color: #2b2b2b; }
.pixeone-404-caption{ font-size: 19px; max-width: 650px; margin: 30px auto 40px; color: #4e4e4e; }
.pixeone-404-wrap a{ font-size: 19px; display: inline-block; letter-spacing: 1px; font-weight: 500; border-bottom: 3px solid #000; color: #000; }

/* wordpresss style */
.alignnone{ display: block; margin: 5px 20px 20px 0; }
.aligncenter{ display: block; margin: 5px auto 5px auto; }
.alignright{ float:right; margin: 5px 0 20px 20px; }
.alignleft{ float: left; margin: 5px 40px 10px 0; }
.comment-respond{ margin: 50px auto 0; }
.comment-form label{ display: block; }
.comment-form label[for="wp-comment-cookies-consent"]{ display: inline; }
.nav-links{ display: flex; justify-content: center; gap: 15px; }
.post-password-form label{ margin-bottom: 5px; display: block; }
.wp-caption{ max-width: 100%; margin: 0 0 1.5em; }
.wp-caption img{ display: block; width: 100%; height: auto; }
.wp-caption-text{ font-size: 0.9em;  margin-top: 0.5em; }
.gallery-caption{ font-size: 0.85em; }
.bypostauthor{ font-weight: normal; }
.sticky{ display: block; }
.screen-reader-text{ border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; word-wrap: normal !important; }
.screen-reader-text:focus{ clip: auto !important; -webkit-clip-path: none; clip-path: none; height: auto; width: auto; margin: 0; padding: 10px 14px; position: absolute; top: 8px; left: 8px; background: #fff; color: #000; z-index: 100000; box-shadow: 0 0 3px rgba(0,0,0,.6); }

/* gutenberg style */
.wp-block-group{ max-width: 1180px; margin: 0px auto; }
.wp-block-cover{ max-width: 1180px; margin: 0px auto; }
.wp-block-image{ max-width: 1180px; margin: 0px auto; }
.alignfull{ max-width: none; }

/* block template */
.wp-element-button{ font-size: 16px; font-weight: 600; padding: 13px 23px 13px 23px; border: 0px; cursor: pointer; background: #0487ff; color: #ffffff;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.wp-element-button:hover{ background: #0487ff; color: #ffffff; }
.wp-block-post-template{ margin: 0 0 20px; }
.wp-block-pullquote.is-style-solid-color blockquote{ padding: 0; background: transparent; border: none; }

/* responsive */
@media only screen and (max-width: 999px) {
    .pixeone-header{ display: flex; flex-direction: column; }
    .pixeone-logo{ margin-bottom: 20px; }
}