/*
Theme Name: PixeOne
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.2
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; line-height: 1.7; background: #fff; color: #565148; font-family: "Lato", sans-serif; }
body *{ border-color: #ddd; }
h1, h2, h3, h4, h5, h6{ margin-bottom: 20px; color: #222; line-height: 1.2; font-family: 'Manrope', sans-serif; }
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; }
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; font-family: inherit; }
textarea{ display: block; width: 100%; padding: 15px 16px; height: 150px; border-width: 1px; border-style: solid; font-family: inherit; }
input[type="checkbox"],
input[type="radio"]{ vertical-align: middle; margin: -2px 5px 0px 0px; }

a:focus,
button:focus,
input:focus,
textarea:focus{ outline: 2px dotted rgba(0, 0, 0, 0.3); outline-offset: 4px; }

/* 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; }
body.home .pixeone-header-wrap{ background: transparent; }
.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: 40px; 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 li.menu-item-has-children:after{ content: " "; display: inline-block; width:  8px; height: 9px; margin-left: 5px; background-size: contain; background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='32px' height='25px' %3E%3Cpath d='M29.994,10.183L15.363,24.812L0.733,10.184c-0.977-0.978-0.977-2.561,0-3.536c0.977-0.977,2.559-0.976,3.536,0 l11.095,11.093L26.461,6.647c0.977-0.976,2.559-0.976,3.535,0C30.971,7.624,30.971,9.206,29.994,10.183z'/%3E%3C/svg%3E"); }
.pixeone-menu ul.sub-menu{ display: none; position: absolute; font-size: 0.90em; padding: 12px 0px 5px; margin-left: -17px; background: #fff; }
.pixeone-menu ul.sub-menu li{ display: block; margin-bottom: 5px; padding: 0 20px 7px; }
.pixeone-menu ul.sub-menu li:last-child{ margin-bottom: 0; }
.pixeone-menu ul.sub-menu ul.sub-menu{ left: 100%; margin-left: 0; margin-top: calc(-1.7em - 12px); }
.pixeone-menu .menu-item-has-children:hover > .sub-menu{ display: block; }
.pixeone-menu .menu-item-has-children:focus-within > .sub-menu{ display: block; }
.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-footer a{ text-decoration: underline; }
.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-content article > p a{ text-decoration: underline; }
.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-single-thumbnail{ margin-bottom: 50px; }
.pixeone-single-thumbnail img{ display: block; }
.pixeone-article-excerpt{ margin-bottom: 25px; }
.pixeone-article-excerpt a{ text-decoration: underline; }
.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 > li{ margin-bottom: 40px; }
.pixeone-comments .comment-list > li:last-child{ margin-bottom: 0px; }
.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); }
.widget a{ text-decoration: underline; }

/* gutenberg style */
.wp-block-group,
.wp-block-cover,
.wp-block-columns,
.wp-block-image,
.pixeone-content > * { max-width: 1180px; margin: 0px auto; }
.pixeone-content .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; }
}

/* demo styles */
.pixeone-hero .pixeone-hero-right-col{ margin-left: -90px; }
.pixeone-hero .pixeone-hero-heading{ line-height: 1.1; }
.pixeone-hero .pixeone-hero-right-col{ padding-top: 40px; }
.pixeone-hero .pixeone-hero-text{ padding-left: 100px; }
.pixeone-hero .pixeone-hero-button{ padding-left: 100px; }
.pixeone-hero .pixeone-button-spacing .wp-element-button{ padding: 16px 30px; }
.pixe-hero-2 .pixeone-hero-right-margin{ margin-top: -50px; }
.pixeone-column-service .pixeone-column-service-col{ padding: 70px 35px 30px; }
.pixeone-column-service .pixeone-col-radius{ border-radius: 10px; }
.pixeone-quote-wrapper{ padding: 135px 0px; }
.pixeone-quote-text{ line-height: 1.4; }
.pixeone-counter-section{ padding-top: 130px; padding-bottom: 130px; }
.pixeone-counter-number{ line-height: 1; margin-bottom: 10px !important; }
.pixeone-about-heading{ line-height: 1.2; margin-bottom: 165px !important;}
.pixeone-about-right-section{ padding-left: 40px; }
.pixeone-about-wrapper{ padding-top: 140px; padding-bottom: 140px; }
.pixeone-about-wrapper .pixeone-button-spacing .wp-element-button{ padding: 16px 30px; }
.pixeone-personal-wrapper{ padding-top:120px; padding-bottom: 50px; }
.pixeone-personal-wrapper .pixeone-personal-heading{ margin-bottom: 10px; }
@media (max-width: 768px){
	.pixeone-hero .pixeone-hero-right-col{ margin-left: 0px; }
	.pixeone-hero .pixeone-hero-text{ padding-left: 0px; }
	.pixeone-hero .pixeone-hero-button{ padding-left: 0px; }
	.pixe-hero-2 .pixeone-hero-right-margin{ margin-top: 40px;}
	.pixe-hero-2 .pixeone-hero-right-margin img{ margin-bottom: 40px;}
	.pixeone-about-right-section{ padding-left: 20px; padding-right: 20px; }
	.pixeone-about-heading{ margin-bottom: 30px !important;}
	.pixeone-about-wrapper{ padding-top: 30px; padding-bottom: 70px; }
	.pixeone-personal-wrapper{ padding-top:60px; padding-left: 20px; padding-right: 20px; }
	.pixeone-counter-section{ padding-top: 70px; padding-bottom: 70px; }
	.pixeone-quote-wrapper{ padding: 65px 20px; }
}

/* custom fonts */
@font-face {
	font-family: 'Manrope';
	src: url('./assets/fonts/manrope/Manrope-VariableFont_wght.ttf') format('truetype');
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	src: url('./assets/fonts/lato/Lato-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}