/*
Theme Name: Simplist
Version: 1998
License: (c) 2026 https://refueled.net - All Rights Reserved. - custom not GPL
*/

:root {
	--bg: #f7f6f2;
	--bg-alt: #f0efe9;
	--panel-dark: #0b0c0c;
	--panel-dark-alt: #141514;
	--ink: #0b0c0c;
	--muted: #6b6b68;
	--muted-light: #8f8f8b;
	--border: #dedcd3;
	--border-dark: rgba(255, 255, 255, 0.12);
	--accent: #1a8f4c;
	--accent-bg: rgba(26, 143, 76, 0.1);
	--amber: #c07a12;
	--amber-bg: rgba(192, 122, 18, 0.12);
	--red: #c23c2a;
	--red-bg: rgba(194, 60, 42, 0.1);
	--radius-sm: 4px;
	--radius-lg: 16px;
	--font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--font-sans: 'Inter', Helvetica, Arial, sans-serif;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Accessibility
# Alignments
# Clearings
# Navigation
	## Links
	## Menus
# Structure
	## Container
	## Branding
# Content
	## Posts and pages
# Widgets
# Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Site Footer
	## Footer Widgets
	## Social Links
	## Site Credits
# Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	background-color: #efefef;
	margin: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#page {
	flex: 1 0 auto;
	width: 100%;
}

.home, .blog, .single-project, .single-post {
	background-color: #fff;
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active, a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #f7f7f7;
	color: #000;
	display: block;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

:focus {
	outline: none;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	/* 1 */
	/* 2 */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	height: 200px;
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: "inter", helvetica, arial, sans-serif;
	font-size: 17px;
	line-height: 1.5;
	color: #333;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #777;
	font-family: "inter", helvetica, arial, sans-serif;
	font-weight: 300;
}

h1 {
	font-size: 28px;
	font-weight: normal;
	margin: 0 0 27px;
	padding: 0;
}

h2 {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	margin: 27px 0;
}

h3,
#respond h3 {
	font-size: 20px;
	font-weight: normal;
	margin: 27px 0;
}

h4 {
	font-size: 16px;
	font-weight: normal;
	margin: 27px 0;
}

h5 {
	font-size: 16px;
	font-weight: normal;
	margin: 27px 0;
}

h6 {
	font-size: 14px;
	font-weight: normal;
	margin: 27px 0;
}

.wp-block-separator,
hr {
	height: 0;
	margin: 24px auto;
	padding-top: 0;
	border: 1px solid #eee;
	border-width: 0 0 1px 0;
	clear: both;
	width: 100%;
}

p {
	margin: 0 0 17px;
}

p:only-child,
p:last-child {
	margin-bottom: 0;
}

b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote,
q {
	border-left: 4px solid #ddd;
	margin: 0 24px;
	padding: 0 10px;
	quotes: "" "";
}

blockquote:before, blockquote:after,
q:before,
q:after {
	content: "";
}

address {
	margin: 0 0 24px 0;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	line-height: 1.75;
	margin: 0 0 24px;
	max-width: 100%;
	overflow: auto;
	padding: 24px;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666666;
	cursor: help;
}

mark,
ins {
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

.entry-title,
.entry-content,
.comments-title,
.comment-content,
.widget-title,
.widget {
	word-wrap: break-word;
}

/*--------------------------------------------------------------
# HTML Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*, *::after, *::before {
	box-sizing: inherit;
}

embed,
iframe,
object {
	max-width: 100%;
}

hr {
	height: 1px;
	width: auto;
	background-color: #ddd;
	border: 0;
	margin: 0 0 1.5rem 0;
}

figure {
	margin: 0;
}

ul,
ol {
	margin: 0 0 25px;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 24px;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 24px 24px 0;
}

table {
	border: 1px solid #d7d9d7;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

th {
	border: 1px solid #d7d9d7;
	border-width: 0 1px 1px 0;
	font-size: 15px;
	font-weight: normal;
	padding: 6px 8px 7px 8px;
	text-transform: uppercase;
}

td {
	border: 1px solid #d7d9d7;
	border-width: 0 1px 1px 0;
	padding: 5px 8px 6px 8px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input {
	line-height: normal;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
	background-color: #333;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-weight: 400;
	line-height: 1;
	padding: 20px 30px;
	transition: all .4s ease-in-out;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	opacity: .7;
	transition: all .4s ease-in-out;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

#edd_terms_agreement,
#edd_show_terms {
	margin: 10px 0 !important;
}

.site-main input[type="text"],
.site-main input[type="email"],
.site-main input[type="url"],
.site-main input[type="password"],
.site-main input[type="search"],
.site-main input[type="tel"],
.site-main input[type="number"],
.site-main textarea {
	background: #f3f3f3;
	box-sizing: border-box;
	border: 0;
	border-radius: 0;
	color: #121212;
	padding: 15px;
	margin-bottom: 5px !important;
	width: 100% !important;
	transition: all .4s ease-in-out;
}

.edd-input {
	background: #f3f3f3;
	box-sizing: border-box;
	border: 0;
	border-radius: 0;
	color: #121212;
	padding: 15px !important;
	margin-bottom: 15px !important;
	width: 100% !important;
	transition: all .4s ease-in-out;
}

.edd-blocks-form__cart .edd-blocks-cart__row, .edd-blocks-form__cart .edd_cart_footer_row {
    padding: 10px 20px !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #faf9f9;
	color: #1a1a1a;
	outline: 0;
	transition: all .4s ease-in-out;
}

.post-password-form {
	margin-bottom: 1.75em;
}

.post-password-form label {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 1.75em;
	text-transform: uppercase;
}

.post-password-form input[type="password"] {
	margin-top: 0.4375em;
}

.post-password-form > :last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text,
.screen-reader-shortcut {
	height: auto;
	width: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
}

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
	height: auto;
	width: auto;
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #2b79c1;
	display: block;
	font-size: 14px;
	font-weight: 700;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	z-index: 100000;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin: 0 24px 0 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 0 0 0 24px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
	clear: both;
	content: "";
	display: block;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #121212;
	text-decoration: underline;
}

a:hover,
a:focus,
a:active {
	color: #000;
	text-decoration: none;
}


/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Container
--------------------------------------------------------------*/
.site {
	background: #fff;
	margin: 0;
	width: 100%;
	padding: 0;
}
.site:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.site-content {
	padding: 0;
}

.content-area {
	display: block;
	padding: 0;
	width: 100% !important;
	max-width: 100% !important;
}

body:not(.page-template-clients):not(.page-template-wordpress-template):not(.page-template-ghost-template) .regpage .content-area {
	margin: 30px 0;
}

#secondary {
	display: block;
	margin: 0;
	width: 100%;
	padding: 0;
}

/*--------------------------------------------------------------
## Branding
--------------------------------------------------------------*/
.site-header {
	background: #fff;
	border-bottom: 1px solid #efefef;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

@media screen and (min-width: 900px) {
	.site-header {
		padding: 0 20px;
	}
}

.header-wrap {
	margin: 0 auto;
	max-width: 1140px;
}

.header-inner {
	display: table;
	height: 42px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	width: 100%;
	overflow: visible;
}

@media screen and (min-width: 900px) {
	.site-branding {
		box-sizing: border-box;
		display: table-cell;
		vertical-align: middle;
	}
}

@media screen and (max-width: 900px) {
	.site-branding {
		margin: 0;
		padding: 40px 0 0;
		text-align: center;
	}
}

.site-title {
	color: #000;
	font-size: 17px;
	font-weight: 400;
	margin: 0;
	text-transform: lowercase;
}

.site-title a {
	color: #000;
	text-decoration: none;
}

.site-title a:hover {
	opacity: .5;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	float: right;
	font-size: 15px;
	font-weight: 300;
	text-align: right;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	float: left;
	margin: 0 0 0 22px;
	position: relative;
}

.main-navigation a {
	color: #121212;
	display: block;
	line-height: 42px;
	padding: 0;
	text-decoration: none;
}

.main-navigation a:hover {
	opacity: .4 !important;
}

.main-navigation ul ul {
	background: #efefef;
	float: left;
	margin: 0;
	padding: 4px 0;
	margin-right: -15px;
	position: absolute;
	opacity: 0;
	top: 2.5em;
	left: -999em;
	visibility: hidden;
	z-index: 99999;
	transition: all .4s ease-in-out;
}

.main-navigation ul li:hover > ul {
	display: block;
	opacity: 1;
	visibility: visible;
	transition: all .4s ease-in-out;
}

.main-navigation ul ul ul {
	left: -999em;
	margin: 0;
	top: -1px;
}

.main-navigation ul ul a {
	color: #121212;
	padding: 2px 15px;
	line-height: inherit;
	width: 135px;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
	opacity: .7;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
	text-transform: uppercase;
}

@media screen and (min-width: 900px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}

	.main-navigation li:hover > ul,
	.main-navigation li.focus > ul {
		left: auto;
		right: 0;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: auto;
		right: 100%;
	}
	.main-navigation li.menu-item-has-children > a,
	.main-navigation li.page_item_has_children > a {
		position: relative;
		padding-right: 0;
	}
}

@media screen and (max-width: 900px) {
	.main-navigation {
		clear: both;
		float: none;
		margin: 0;
		width: 100%;
	}
	button.menu-toggle {
		display: block;
		border: 1px solid #eee;
		background: none;
		color: #000;
		margin: 0 auto 20px;
		padding: 10px;
		outline: 0;
		text-align: center;
	}
	.toggled button.menu-toggle {
		color: #808080;
		display: block;
		outline: 0;
		margin-bottom: 20px;
	}
	.menu-toggle:hover {
		outline: none;
	}
	.toggled button.menu-toggle {
		background: #f7f7f7;
		border: 1px solid #aaa;
	}
	.menu-toggle:before {
		color: #000;
		content: "\f0c9";
		font-family: "Font Awesome 5 free";
		font-weight: 900;
		margin: 0;
		position: relative;
		top: 0;
	}
	.toggled .menu-toggle:before {
		content: "\2715";
		margin: 0;
	}
	.main-navigation ul {
		display: none;
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.main-navigation ul a,
	.main-navigation ul ul a {
		background: transparent;
		border: 1px solid #eee;
		color: #333;
		display: block;
		padding: 10px;
		width: 100%;
	}
	.main-navigation ul li,
	.main-navigation ul .sub-menu li {
		clear: left;
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: left;
	}
	.main-navigation ul .sub-menu {
		background: transparent;
		display: block;
		border: none;
		position: relative;
		float: none;
		visibility: visible;
		opacity: 1;
		clear: both;
		left: inherit;
		top: inherit;
		margin: 0;
		padding: 0;
	}
	.main-navigation li.current_page_item > a,
	.main-navigation li.current-menu-item > a {
		background: transparent;
		box-shadow: none
	}
	.main-navigation ul ul li a {
		padding-left: 20px;
	}
	.main-navigation ul ul ul li a {
		padding-left: 28px;
	}
	.main-navigation ul ul ul ul li a {
		padding-left: 42px;
	}
}

.menu-wrapper {
	background-color: #242424;
	height: 52px;
	overflow: hidden;
}

.menu-container {
	line-height: 52px;
	margin: 0 auto;
	max-width: 100%;
	padding: 0 20px;
}

/* Pagination */
.site-main.comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 auto;
	max-width: 650px;
	padding: 48px 0;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.posts-navigation .nav-previous a,
.post-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-next a {
	border: 1px solid #efedea;
	border-radius: 5px;
	display: inline-block;
	font-size: 14px;
	padding: 5px 10px;
	text-transform: capitalize;
	text-decoration: none;
}

.posts-navigation .nav-next a:after,
.post-navigation .nav-next a:after {
	font-family: dashicons;
	content: "\f345";
	margin-left: 4px;
	position: relative;
	top: 3px;
}

.posts-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before {
	font-family: dashicons;
	content: "\f341";
	margin-right: 4px;
	position: relative;
	top: 3px;
}

/*--------------------------------------------------------------
# Homepage Template
--------------------------------------------------------------*/
.page-title {
	color: #000;
	font-size: 38px;
	font-weight: 300;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}

.welcome-message {
	max-width: 1140px;
	margin: 0 auto;
}

.home-content h2,
.welcome-message h2 {
	color: #000;
	font-size: 45px;
	font-weight: 200;
	line-height: 1.15;
	margin: 0;
	padding: 0;
	max-width: 70%;
}

.home-content a {
	color: #772bff;
	font-size: 20px;
	font-weight: 300;
	padding: 0 0 6px;
	border-bottom: 2px solid #8254d2;
}

.home-content a:hover {
	opacity: .7;
	border-bottom: 2px solid #fff;
}

.home-content .fa-level-down-alt {
	color: #772bff;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	top: 10px;
	left: 10px;
}

.article-wrap {
	position: relative;
}
@media screen and (max-width: 900px) {
	.home-content {
		text-align: center;
	}
	.home-content h2,
	.welcome-message h2,
	.home-content h1 {
		max-width: 100%;
	}
	.article-wrap {
		position: relative;
		height: auto;
	}
}

.article-content {
	height: 70%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	float: left;
	display: block;
	margin-right: 2.6%;
	width: 34%;
}

.article-thumbnail {
	float: right;
	display: block;
	width: 62%;
}

.article-thumbnail img {
	border: 1px solid #ccc;
}

@media screen and (max-width: 1000px) {
	.article-content {
		height: auto;
		position: inherit;
		top: 0;
		bottom: 0;
		left: 0;
		float: none;
		text-align: center;
		width: 100%;
	}

	.article-thumbnail {
		float: none;
		margin: 30px auto 0;
		width: 100%;
	}
}

.browser {
	background-color: #e0e0e0;
	height: 22px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	width: 100%;
}

.browser {
    height: 25px;
    border-bottom: 1px solid #ddd;
    background-image: linear-gradient(180deg,#ddd,#e0e0e0);
    align-items: center;
    position: relative;
}

.browser-dot {
    background: #eee;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    margin-top: 8px;
    float: left;
}


.home .article-thumbnail img {
	filter: grayscale(1);
	width: 100%;
}

.home .article-thumbnail img:hover {
	filter: grayscale(0);
	width: 100%;
}

.article-title,
.article-title a {
	color: #333;
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 22px;
	line-height: 1.2;
	text-decoration: none;
}

.article-title a:hover {
	opacity: .6;
}

.article-excerpt {
	color: #505050;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 22px;
}

.view-project a {
	margin: 0;
}

@media only screen and (max-width: 1000px) {
	.view-project a {
		margin: 0 auto 40px;
	}
}

.view-project .fa-long-arrow-alt-right {
	font-size: 20px;
	vertical-align: middle;
}

.article-downloads {
	overflow: hidden;
}

.button,
.buy-now {
	color: #333;
	background: #fff !important;
	display: inline-block;
	padding: 6px 15px;
	margin-right: 8px;
	text-align: center;
	text-decoration: none;
}

.button:hover,
.buy-now:focus,
.buy-now:hover {
	color: #333;
	opacity: .7;
	box-shadow: inherit;
}


.download-now {
	color: #333;
	background: #fff;
	display: inline-block;
	padding: 12px;
	text-align: center;
	text-decoration: none;
	width: 50%;
}

.download-now:hover {
	color: #333;
	opacity: .6;
	box-shadow: inherit;
}

.buy-now + a {
	padding: 12px 5px;
}

#themethemer:focus {
	background: transparent;
	border: none;
	outline: none;
}

.theme-tags {
	font-size: 14px;
	list-style: none;
	margin: 25px 0 0;
	padding: 0;
	overflow: hidden;
}

.theme-tags li {
	display: inline-block;
	margin: 0 3px 3px 0;
}

.theme-tags a {
	background: #fff;
	border-bottom: none !important;
	padding: 3px 6px;
	display: inline-block;
	font-weight: 300;
	text-decoration: none !important;
	transition: all .4s ease-in-out;
}

.theme-tags a:hover {
	background: transparent;
	border-bottom: none !important;
	transition: all .4s ease-in-out;
}


/*--------------------------------------------------------------
## Portfolio
--------------------------------------------------------------*/
.portfolio-wrap {
	margin: 0 auto;
	max-width: 1140px;
	padding: 0 0 85px;
}

.portfolio-wrapper {
	margin-bottom: -4%;
	display: inline-block;
	width: 100%;
}

.portfolio-wrapper .column .featured-image {
	display: block;
	margin: 0;
}

.portfolio-wrapper .column .post-featured-image {
	display: block;
	opacity: .7;
}

.portfolio-wrapper .column .post-featured-image:hover {
	display: block;
	opacity: 1;
}

.portfolio-wrapper .column .entry-header {
	padding: 4% 0 0;
	overflow: hidden;
	text-align: center;
}

@media only screen and (max-width: 600px) {
	.portfolio-wrapper .column .entry-header {
		padding: 4% 6%;
	}
}
.portfolio-wrapper .column .entry-title {
	font-size: 22px;
	line-height: 1.3;
	position: relative;
	text-align: center;
}

.portfolio-wrapper .column .entry-title a {
	color: rgba(0,0,0,0.84);
	font-weight: 700;
}

.portfolio-wrapper .column .entry-title .demo-light {
	color: #000;
	font-weight: 300;
}

.portfolio-wrapper .column .entry-title .demo-light:hover {
	color: #2b79c1;
}

.portfolio-wrapper .column .entry-title a:hover {
	opacity: .8;
}

.column .entry-title {
	margin: 0;
	padding: 14px 0 0;
	text-align: center;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 300;
}

.gallery-wrap img {
	display: block;
	border: 1px solid #ddd;
	transition: all .4s ease-in-out;
}

.gallery-wrap img:hover {
	opacity: .7;
	transition: all .4s ease-in-out;
}

.column {
	font-size: 15px;
	position: relative;
	float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
	margin-bottom: 2.35765%;
	overflow: hidden;
}

.column:nth-child(2n) {
	margin-right: 0;
}

@media only screen and (max-width: 900px) {
	.column {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 8%;
	}

	.gallery-wrap img {
		margin: 20px auto;
	}
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
body:not(.page-template-full-width-page) .hentry {
	background: #f2f2f3;
	border-bottom: 1px solid #909090;
	padding: 40px 0;
	width: 100%;
}

body:not(.page-template-full-width-page) .hentry:last-of-type {
	background: #f2f2f3;
	border-bottom: 0;
	padding: 40px 0;
	width: 100%;
}

.single .hentry {
	border-bottom: 0;
	padding: 0;
}

.single-wz_knowledgebase .hentry,
.search .hentry {
	background: #fff;
}

.full-width-wrap,
.post-wrap {
	clear: both;
	margin: 0 auto;
	max-width: 1140px;
	padding: 20px 0;
}

.kb-width-wrap:after,
.full-width-wrap:after,
.post-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.full-width-wrap {
	margin: 0 auto;
	max-width: 1140px;
	padding: 0 0 20px 0;
}

.news-wrap,
.kb-width-wrap {
	margin: 0 auto;
	max-width: 650px;
	padding: 0 0 20px 0;
}

.news-wrap {
	padding: 0;
}

.full-width-wrap .wp-block-column {
	background: #f7f7f7;
	padding: 20px;
}

.full-width-wrap .wp-block-column h2 {
	color: #000;
	margin: 0 0 15px;
	padding: 0;
}

.full-width-wrap .wp-block-column p {
	margin: 0;
	padding: 0;
}

body:not(.home):not(.themes):not(.page-template-wordpress-template):not(.page-template-ghost-template):not(.archive):not(.single):not(.single):not(.page-template-themes-template):not(.page-template-wp):not(.page-template-ghost):not(.page-template-clients):not(.page-template-ghost-themes) .post-wrap {
	margin: 0 auto;
	max-width: 650px;
	padding: 0 0 85px;
}

body:not(.home):not(.themes):not(.page-template-wordpress-template):not(.page-template-ghost-template):not(.archive):not(.single):not(.single):not(.page-template-themes-template):not(.page-template-wp):not(.page-template-ghost):not(.page-template-clients):not(.page-template-ghost-themes) .post-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.regpage .post-wrap,
.single .post-wrap {
	padding: 10px 0;
}

@media screen and (max-width: 650px) {
	.regpage .post-wrap,
	.single .post-wrap {
		padding: 45px;
	}
}

.wzkb_breadcrumb {
	text-align: center;
}

.wz_knowledgebase .post-wrap,
.wzkb_section_wrapper .wzkb_section,
.wzkb_section {
	margin: 0 auto;
	max-width: 650px;
	padding: 0 !important;
	overflow: hidden;
}

.search .post-wrap {
	margin: 0 auto !important;
	max-width: 800px !important;
	padding: 85px 0 !important;
	overflow: hidden;
}

.wzkb_section  {
	margin-bottom: 40px;
	overflow: hidden;
}

.single-wz_knowledgebase img {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 14px;
	margin-bottom: 15px;
}

.single-wz_knowledgebase figcaption {
	display: none;
}


@media screen and (max-width: 1140px) {
	.post-wrap,
	.regpage .post-wrap,
	.single-project .post-wrap,
	.single .post-wrap {
		padding: 0 10px;
	}
}

.entry-title {
	line-height: 1.2;
	margin: 0;
	padding: 0 0 20px;
	text-align: left;
}

.entry-title a {
	color: #000;
	text-decoration: none;
}

.entry-title a:hover {
	color: #777;
}

.archive-title h1 {
	color: #000;
	font-size: 42px;
	font-weight: 300;
	margin: 20px 0  0 !important;
	padding: 0 0 20px;
	line-height: 74px;
	text-align: center;
}

.blog-thumbnail img {
	display: block;
	margin: 0 0 40px;
}

.entry-meta {
	font-size: 14px;
	padding: 0 0 10px;
}

.entry-meta span {
	display: inline-block;
	padding: 0;
}

.entry-meta .posted-on {
	margin-right: 12px;
}

.entry-meta a,
.entry-footer a {
	color: #aaa;
	text-decoration: none;
}

.entry-meta a:hover,
.entry-footer a:hover {
	color: #000;
}

.entry-footer {
	clear: left;
	font-size: 14px;
}

.entry-footer a {
	font-style: italic;
	text-decoration: none;
}

.entry-footer span {
	display: block;
}

.cat-links,
.tag-links {
	display: block;
}

.tags-links a,
.cat-links a {
	display: inline-block;
}

.sticky {
	display: block;
}

 .bypostauthor {
	 display: inline;
 }

.byline,
.updated:not(.published) {
	display: none;
}

.sticky .posted-on,
.byline {
	display: none;
}

.byline,
.group-blog .byline {
	display: inline;
}

.posted-on {
	display: block;
	margin: 0;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
	padding: 0;
}

.article-downloads {
	margin: 20px 0 40px;
	padding: 0;
}

.article-downloads li {
	font-size: 18px;
	font-weight: 600;
	list-style: none;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px rgba(0,0,0,0.5);
}

.article-downloads li .far {
	margin-right: 6px;
	opacity: .8;
}

.article-downloads li .fas {
	margin-right: 8px;
	opacity: .8;
	position: relative;
	top: -1px;
}

.not-found {
	text-align: center;
	padding: 20px;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.secondary {
	margin: 0 auto;
	max-width: 1140px;
}

@media screen and (max-width: 1140px) {
	.secondary {
		margin: 0 auto;
		max-width: 1140px;
		padding: 0 40px;
	}
}

.secondary .widget {
	color: #666;
	margin: 0;
	overflow: hidden;
	padding: 103px 0 0;
	text-align: left;
}

.left-sidebar {
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 80%;
}

.right-sidebar {
	display: block;
	margin-right: 0;
	width: auto;
	float: right;
}

.left-sidebar .widget {
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 48.82117%;
}

.left-sidebar .widget:last-child {
	margin-right: 0;
}

@media screen and (max-width: 900px) {
	.left-sidebar .widget {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
	}
}

.widget select {
	max-width: 100%;
}

.widget ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget a {
	color: #777;
	text-decoration: none;
}

.widget a:hover {
	color: #000;
}

.widget-title,
.widget-title a,
.widgettitle {
	color: #757575;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin: 0 0 24px;
	padding: 0;
}

.widget ul,
.widget ol {
	list-style-type: none;
}

.widget li > ul,
.widget li > ol {
	margin-left: 24px;
}

.widget ul > li,
.widget ol > li {
	padding: 0;
}
.widget ul ul > li:first-child {
	margin-top: 10px;
}

.widget li a {
	display: block;
	padding: 0 0 10px;
}

.widget_recent_entries a {
	display: block;
}

.search-submit {
	display: none;
}

.error404 .page-content .widget {
	margin: 0 0 40px;
}

.widget input[type="search"]:focus,
.widget input[type="email"]:focus {
	background: #fff;
	opacity: .7;
}

.widget-button {
	color: #772bff;
}

.widget-button a {
	color: #772bff;
	font-weight: 600;
	padding: 0 0 6px;
	border-bottom: 2px solid #772bff;
}

.widget-button a:hover {
	opacity: .7;
	border-bottom: 2px solid #fff;
}

/*--------------------------------------------------------------
# support cta
--------------------------------------------------------------*/
.support-cta {
	background: #f7f7f7;
	text-align: center;
	padding: 10px 20px;
}
/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer {
	border-top: 1px solid #eee;
	clear: both;
	padding: 0;
}

.site-info {
	color: #777;
	font-size: 14px;
	margin: 0 auto;
	max-width: 1140px;
	overflow: hidden;
	padding: 20px 0;
	text-align: center;
}

@media screen and (max-width: 1140px) {
	.site-info {
		clear: both;
		margin: 0 auto;
		max-width: 1140px;
		padding: 20px;
	}
}


.site-info a {
	color: #777;
	text-decoration: underline;
}

.site-info a:hover {
	text-decoration: none;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

img {
	height: auto;
	max-width: 100%;
}

.wp-caption {
	margin: 0 0 1.5rem 0;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption.aligncenter {
	margin: 0 auto 24px auto;
}

.wp-caption.alignleft {
	margin-right: 24px;
}

.wp-caption.alignright {
	margin-left: 24px;
}

.wp-caption .wp-caption-text {
	margin: 12px 0;
}

.wp-caption-text {
	text-align: center;
}

.gallery {
	margin: 0 0 24px 0;
}

.gallery-item {
	height: auto;
	width: 100%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.fluid-embed {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.fluid-embed embed,
.fluid-embed object,
.fluid-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 900px) {
	.site {
		margin: 0 auto;
	}
	.wrap {
		padding: 0;
		overflow: hidden;
	}
	.site-branding {
		padding: 20px;
	}
	.content-area {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		width: 100%;
	}
	#secondary {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		width: 100%;
	}
	.left-sidebar,
	.middle-sidebar,
	.right-sidebar {
		float: none;
		display: block;
		margin-bottom: 2.35765%;
		margin-right: 0;
		width: 100%;
	}
	.secondary .widget {
		color: #666;
		margin: 0;
		overflow: hidden;
		padding: 40px 0 0;
		text-align: left;
	}
}

.edit-link,
.wzkb-articles-list li:before,
.wzkb-search-form {
	display: none;
}

.wp-block-button__link:hover {
	color: #fff;
	opacity: .8;
}

.wzkb_section_name {
	margin-bottom: 0;
}

.wp-block-jetpack-contact-form {
	padding: 0 !important;
}

.wp-block-jetpack-button {
	margin-top: -22px;
}

.wzkb  {
	margin: 0;
	padding: 0;
}

#wp-admin-bar-edd-store-menu {
	display: none !important;
}

.post-type-archive-download .archive-title h1 {
	visibility: hidden;
	position: relative;
}

.post-type-archive-download .archive-title h1:after {
	content: "Ghost Themes";
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.theme-downloads {
	overflow: hidden;
}

a.buynow {
	color: #fff !important;
	background: #252525 !important;
	padding: 12px !important;
	text-align: center;
	text-decoration: none;
	width: 50% !important;
	float: left !important;
}

.buynow:focus,
.buynow:hover {
	color: #fff;
	opacity: .7;
	box-shadow: inherit;
}

.livedemo {
	color: #333 !important;
	background: #fff !important;
	padding: 12px !important;
	text-align: center;
	text-decoration: none;
	width: 50% !important;
	float: right !important;
}

.livedemo:hover {
	color: #333;
	opacity: .6;
	box-shadow: inherit;
}


.buynow + a {
	padding: 12px 5px;
}

.edd-terms-agreement {
	margin-bottom: 15px !important;
}

/*.edd-blocks-receipt__totals,
.edd-blocks-receipt__items,
#edd_checkout_form_wrap form {
	background: #f7f7f7;
	padding: 15px 15px 0;
}*/

#edd_payment_mode_select,
#edd_checkout_user_info,
.edd-blocks-receipt__totals div,
.edd-blocks-cart__items,
#edd_checkout_cart,
.edd-blocks-cart__row {
	border-color: #ccc !important;
}

.single .edd-submit.button.blue,
.single .edd-submit {
	background: transparent !important;
	border: 0;
	text-decoration: underline !important;
	border-radius: 0 !important;
	color: #1974c2  !important;
	padding: 0 !important;
	font-size: 18px;
	font-weight: 500;
}

.edd-checkout .edd-submit {
	padding: 15px !important;
	width: 100% !important;
}

.single .edd-submit.button.blue:active,
.single .edd-submit.button.blue:hover,
.single .edd-submit.button.blue:focus,
.single .edd-checkout .edd-submit:focus,
.single .edd-submit:focus,
.single .edd-checkout .edd-submit:hover,
.single .edd-submit:hover {
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
	color: #333 !important;
}

#edd_checkout_user_info input {
	background: #fff !important;
	border: 1px solid #ccc !important;
}

.edd_cart_item_image {
	display: none;
}

#edd_payment_mode_select,
#edd_checkout_user_info,
.edd-blocks-receipt__totals div,
.edd-blocks-cart__items,
#edd_checkout_cart,
.edd-blocks-cart__row {
	border-color: #ccc !important;
}

.single-project .edd-submit.button.blue,
.single-project .edd-submit {
	background: #fff !important;
	border: 0;
	text-decoration: none !important;
	border-radius: 0 !important;
	color: #333  !important;
	padding: 10px 15px !important;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.edd-checkout .edd-submit {
	padding: 15px !important;
	width: 100% !important;
}

.single .edd-submit.button.blue:active,
.single .edd-submit.button.blue:hover,
.single .edd-submit.button.blue:focus,
.single .edd-checkout .edd-submit:focus,
.single .edd-submit:focus,
.single .edd-checkout .edd-submit:hover,
.single .edd-submit:hover {
	background: #333 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
	color: #fff !important;
}

#edd_checkout_user_info input {
	background: #fff !important;
	border: 1px solid #ccc !important;
}

.edd_cart_item_image {
	display: none;
}

.single-project label {
  padding: 4px;
}
/* Target labels that have a radio input as child. */
.single-project label:has(input[type=radio]) {
	background: transparent;
	display: inline-block;
	cursor: pointer;
	margin-bottom: 5px !important;
	width: auto;
}
/* Change label background when the child element is checked. */
.single-project label:has(input[type=radio]:checked) {
	border: 1px solid #000;
	padding: 10px;
	background: rgba(255,255,255,.8)

}
/* Apply focus outline when the child element has focus. */
.single-project label:has(input[type=radio]:focus-visible) {
  outline: 1ps solid black;
}
/* Hide the actual radio input and place it on top of the label. */
.single-project  input[type=radio] {
  position:absolute;
  opacity: 0;
}

.theme-tags {
	margin-top: -4px;
}

.wp-block-navigation-item a {
	margin-left: 15px !important;
}

.edd_empty_cart {
	text-align: center;
	display: block;
}

.contact-submit button {
	background-color: #333;
	border: none;
	color: #fff;
	padding: 15px 20px;
	font-size: 18px;
	cursor: pointer;
}
.wp-block-jetpack-contact-form-container div {
	margin-bottom: 20px;
}
.wp-block-button__link {
	padding: 8px 15px;
}
.single .wp-block-button__link {
	margin-top: 15px;
}

.wp-block-group {
	border-color: rgba(255,255,255,.3) !important
}

.postid-4286 .downloadmeta {
	display: none;
}

/* simplist css */
.size-post-thumbnail {
	object-position: top;
}
.themetheme {
	margin: 50px 0 -50px !important
}

.single .wp-block-button__link,
.single .taxonomy-category a {
	border-radius: 0 !important;
}

.home .wp-post-image {
	filter: grayscale(1);
}

.postid-4286 .wp-post-image {
	filter: grayscale(1);
	opacity: .8;
}

.home .wp-post-image:hover {
	filter: grayscale(0);
}

.theme-tags {
	margin-top: -4px;
}

.edd-terms-agreement {
	margin: 24px 0;
}

#edd_terms {
	margin: 15px 0;
}

.edd-terms-agreement label {
	position: relative;
	top: -5px
}
.edd_cart_item_image {
	display: none;
}

#edd_secure_site_wrapper {
	margin-bottom: 15px
}
.edd-gateway-option:hover {
	color: #333;
}

@media screen and (max-width: 767px) {
	#edd_checkout_form_wrap {
		padding: 0 30px;
	}
}

/* #edd_checkout_form_wrap div,
#edd_checkout_form_wrap fieldset {
	border-color: #efefef !important
} */

#edd_checkout_form_wrap {
	background: #f7f7f7;
	padding: 15px;
}
#edd_checkout_form_wrap fieldset {
	margin-bottom: 0px;
	overflow: hidden;
}

.wp-block-edd-confirmation h3 {
	margin: 0 0 15px !important;
}


.edd_empty_cart {
	text-align: center;
	display: block;
}

#edd_checkout_form_wrap select,
#edd_checkout_form_wrap input:not([type='checkbox']) {
	background: #eee;
	border: 1px solid #333;
	padding: 15px !important;
	font-size: inherit;
}

#edd_checkout_form_wrap #edd_payment_mode_select, #edd_checkout_form_wrap fieldset#edd_register_fields #edd_checkout_user_info {
	margin-bottom: 32px !important;
}

.edd-cart-added-alert {
	position: relative;
	top: 15px;
}


#wpmenucartli a:hover {
	opacity: .5;
	transition: all .4s ease-in-out;
}

.edd-submit {
	font-size: inherit !important;
	text-decoration: none !important;
}

.edd-blocks-form__cart .edd-blocks-cart__row, .edd-blocks-form__cart .edd_cart_footer_row {
	padding: 10px 1.5rem;
}

#edd_checkout_form_wrap select.edd-select,
#edd_checkout_form_wrap input.edd-input, #edd_checkout_form_wrap textarea.edd-input {
	width: 100%;
    box-sizing: border-box;
}

#wp-admin-bar-edd-store-menu {
	display: none !important;
}

strong {
	font-weight: 700;
}

.TermsText {
	color: #fff !important;
}

.edd-gateway-option-selected {
	color: #333 !important
}

.edd-checkout .edd-submit {
	color: #333 !important;
	text-transform: uppercase;
}

.edd-loading {
	left: 23%;
}

.edd-checkout .edd-submit {
	background: #2271b1 !important;
	border: 0 !important;
	color: #fff !important;
	margin-top: 30px !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
}

.edd-checkout .edd-submit:hover {
	background: #2271b1 !important;
	border: 0 !important;
	color: #fff !important;
	margin-top: 30px !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	opacity: .5;
}

/*--------------------------------------------------------------
# Design Refresh (Nexflow-inspired)
	## Base
	## Selection / Scrollbar
	## Typography
	## Header + Nav
	## Hero
	## Browser Mockup
	## Features
	## Pricing
	## Call to Action
	## Blog / Entry
	## Widgets + Tags
	## Buttons
	## Footer
--------------------------------------------------------------*/

/* ## Base */
body,
.home, .blog, .single-project, .single-post {
	background-color: var(--bg);
}

body {
	background-image:
		radial-gradient(var(--border) 1px, transparent 1px);
	background-size: 22px 22px;
	background-position: -11px -11px;
}

.site,
.site-header,
.hentry,
body:not(.page-template-full-width-page) .hentry,
body:not(.page-template-full-width-page) .hentry:last-of-type,
.single-wz_knowledgebase .hentry,
.search .hentry {
	background: var(--bg);
}

hr,
.wp-block-separator {
	border-color: var(--border);
}

/* ## Selection / Scrollbar */
::selection {
	background: var(--ink);
	color: var(--bg);
}

/* ## Typography */
body,
button,
input,
select,
textarea {
	font-family: var(--font-sans);
	color: var(--ink);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-sans);
	color: var(--ink);
	font-weight: 800;
	letter-spacing: -0.02em;
}

a {
	color: var(--ink);
	text-decoration-color: var(--border);
	text-underline-offset: 3px;
}

a:hover, a:focus, a:active {
	color: var(--accent);
}

/* ## Header + Nav */
.site-header {
	background: rgba(247, 246, 242, 0.85);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--border);
	position: relative;
	z-index: 200;
}

.site-header::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -9px;
	height: 9px;
	background-image: repeating-linear-gradient(
		-45deg,
		var(--border) 0,
		var(--border) 1px,
		transparent 1px,
		transparent 7px
	);
	opacity: .6;
	pointer-events: none;
}

.site-title,
.site-title a {
	font-family: var(--font-mono);
	font-weight: 600;
	letter-spacing: -0.01em;
}

.site-title a::before {
	content: "> ";
	color: var(--accent);
}

.main-navigation a {
	font-family: var(--font-mono);
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	position: relative;
	opacity: 1;
	color: var(--ink);
}

.main-navigation a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 100%;
	bottom: 12px;
	height: 1px;
	background: var(--accent);
	transition: right .25s ease;
}

.main-navigation a:hover {
	opacity: 1 !important;
	color: var(--ink);
}

.main-navigation a:hover::after {
	right: 0;
}

.main-navigation ul ul {
	background: var(--bg);
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
	padding: 6px 0;
}

.main-navigation ul ul a {
	font-size: 12px;
	padding: 6px 15px;
}

button.menu-toggle {
	border-radius: var(--radius-sm);
	font-family: var(--font-mono);
}

/* ## Hero */
.home-content,
.header-intro {
	position: relative;
	padding: 60px 0;
}


.home-content h2,
.welcome-message h2 {
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.2;
	color: var(--ink);
	max-width: 65%;
	font-size: 50px !important;
	margin: 0 0 24px;
}

@media screen and (max-width: 900px) {
	.home-content h2,
	.welcome-message h2 {
		font-size: 40px;
	}
}


@media screen and (max-width: 900px) {
	.home-content h2,
	.welcome-message h2 {
		max-width: 100%;
	}
}

.home-content p {
	margin: 0;
}

.home-content a {
	font-family: var(--font-mono);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--ink);
	color: var(--bg) !important;
	font-size: 14px;
	font-weight: 500;
	padding: 12px 20px;
	border-radius: var(--radius-sm);
	border-bottom: none;
	transition: transform .2s ease, opacity .2s ease;
}

.home-content a::after {
	content: "→";
}

.home-content a:hover {
	opacity: .85;
	transform: translateY(-1px);
	border-bottom: none;
}

.home-content .fa-level-down-alt {
	top: 0;
	left: 0;
}

/* ## Browser Mockup */
.browser {
	background-color: var(--panel-dark);
	background-image: none;
	border: 1px solid var(--border-dark);
	border-bottom: none;
	border-top-left-radius: var(--radius-lg);
	border-top-right-radius: var(--radius-lg);
	height: 34px;
	display: flex;
	align-items: center;
	padding: 0 14px;
}

.browser-dot {
	background: #4a4a48;
	margin: 0 3px 0 0;
	width: 9px;
	height: 9px;
}

.browser-dot:nth-child(1) {
	background: var(--red);
}

.browser-dot:nth-child(2) {
	background: var(--amber);
}

.browser-dot:nth-child(3) {
	background: var(--accent);
}

.article-thumbnail img {
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
}

.browser + a img,
.browser-mockup-section + a img {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.article-title,
.article-title a {
	font-weight: 800;
	letter-spacing: -0.02em;
}

/* ## Features */
.features-wrap {
	background-color: var(--panel-dark);
	border-top: 1px solid var(--border-dark);
	border-bottom: 1px solid var(--border-dark);
	position: relative;
}

.features-headline {
	font-family: var(--font-mono);
	color: var(--muted-light);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
	padding-bottom: 4px;
	border-bottom: 1px solid var(--border-dark);
	display: inline-block;
}

.features-wrapper {
	counter-reset: feature;
}

.features-content {
	counter-increment: feature;
	padding: 24px;
	border: 1px solid var(--border-dark);
	border-radius: var(--radius-lg);
	background: var(--panel-dark-alt);
}

.features-content::before {
	content: "0" counter(feature);
	display: block;
	font-family: var(--font-mono);
	color: var(--accent);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .05em;
	margin-bottom: 14px;
}

.features-title {
	font-weight: 700;
}

.features-excerpt {
	min-height: 0;
}

/* ## Pricing */
.price-table {
	background: var(--bg);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	transition: border-color .2s ease, transform .2s ease;
}

.price-table:hover {
	border: 1px solid var(--ink);
	transform: translateY(-3px);
}

.price-label {
	font-family: var(--font-mono);
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .06em;
	color: var(--muted);
}

.price {
	font-family: var(--font-mono);
	font-weight: 700;
	color: var(--ink);
}

.recurring {
	font-family: var(--font-mono);
	font-size: 14px;
	color: var(--muted);
}

.price-table ul li:before {
	color: var(--accent);
	opacity: 1;
}

.price-button {
	background-color: var(--ink);
	border-radius: var(--radius-sm);
	font-family: var(--font-mono);
	font-size: 13px;
	letter-spacing: .05em;
}

/* ## Call to Action */
.cta-wrap {
	background: var(--panel-dark);
	border-bottom: none;
	position: relative;
	background-image:
		radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);
	background-size: 20px 20px;
}

.cta-title {
	font-weight: 800;
	letter-spacing: -0.02em;
	text-transform: none;
}

.cta-excerpt .button {
	font-family: var(--font-mono);
	border-radius: var(--radius-sm);
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500;
}

/* ## Blog / Entry */
.entry-title,
.entry-title a {
	font-weight: 800;
	letter-spacing: -0.02em;
}

.entry-meta,
.entry-footer {
	font-family: var(--font-mono);
	font-size: 12px;
	letter-spacing: .02em;
}

.archive-title h1 {
	font-weight: 800;
	letter-spacing: -0.02em;
}

/* ## Widgets + Tags */
.widget-title,
.widget-title a,
.widgettitle {
	font-family: var(--font-mono);
	color: var(--muted);
}

.theme-tags a,
.cat-links a,
.tags-links a {
	font-family: var(--font-mono);
	font-size: 12px;
	border: 1px solid var(--border);
	border-radius: 999px;
	padding: 4px 12px !important;
	color: var(--muted);
}

.theme-tags a:hover,
.cat-links a:hover,
.tags-links a:hover {
	border-color: var(--accent);
	color: var(--accent);
	background: var(--accent-bg);
}

/* ## Buttons */
.button,
.buy-now,
.download-now,
a.buynow,
a.livedemo {
	font-family: var(--font-mono);
	border-radius: var(--radius-sm);
	border: 1px solid var(--border);
	font-size: 13px;
}

.button:hover,
.buy-now:hover,
.download-now:hover,
a.buynow:hover,
a.livedemo:hover {
	border-color: var(--ink);
	opacity: 1 !important;
}

/* ## Footer */
.site-footer {
	border-top: 1px solid var(--border);
	flex-shrink: 0;
}

.site-info {
	font-family: var(--font-mono);
	font-size: 12px;
	color: var(--muted);
}

.site-info a {
	color: var(--muted);
}

.site-info a:hover {
	color: var(--ink);
}

/*--------------------------------------------------------------
# Single Post Refresh
	## Article Header
	## Article Body Typography
	## Blockquotes
	## Code
	## Media + Tables
	## Post Footer / Nav
	## Comments
--------------------------------------------------------------*/

/* ## Article Header */
.single .hentry {
	padding: 64px 0 0;
}

.single .news-wrap {
	max-width: 700px;
	position: relative;
}

.single .entry-title::before {
	content: "// article";
	display: block;
	font-family: var(--font-mono);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .02em;
	color: var(--accent);
	margin-bottom: 18px;
}

.single .entry-title {
	font-size: 44px;
	line-height: 1.12;
	padding-bottom: 28px;
	margin-bottom: 40px;
	border-bottom: 1px solid var(--border);
	position: relative;
}

.single .entry-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 48px;
	height: 3px;
	background: var(--ink);
}

.single .entry-title a:hover {
	color: var(--ink);
}

@media screen and (max-width: 700px) {
	.single .entry-title {
		font-size: 30px;
	}
}

/* ## Article Body Typography */
.single .news-excerpt {
	font-size: 18px;
	line-height: 1.75;
	color: #24231f;
	padding-bottom: 64px;
}

.single .news-excerpt > p:first-of-type::first-letter {
	float: left;
	font-family: var(--font-mono);
	font-weight: 700;
	font-size: 3.4em;
	line-height: .78;
	padding: 4px 10px 0 0;
	color: var(--accent);
}

.single .news-excerpt h2,
.single .news-excerpt h3,
.single .news-excerpt h4 {
	margin: 48px 0 20px;
}

.single .news-excerpt h2::before {
	content: "## ";
	color: var(--accent);
	font-family: var(--font-mono);
	font-weight: 400;
}

.single .news-excerpt h3::before {
	content: "### ";
	color: var(--accent);
	font-family: var(--font-mono);
	font-weight: 400;
}

.single .news-excerpt a {
	color: var(--ink);
	text-decoration: underline;
	text-decoration-color: var(--accent);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.single .news-excerpt a:hover {
	color: var(--accent);
}

.single .news-excerpt strong {
	color: var(--ink);
}

.single .news-excerpt ul li,
.single .news-excerpt ol li {
	margin-bottom: 10px;
	padding-left: 4px;
}

.single .news-excerpt ul li::marker {
	color: var(--accent);
}

.single .news-excerpt ol li::marker {
	color: var(--accent);
	font-family: var(--font-mono);
	font-weight: 600;
}

.single .news-excerpt hr {
	margin: 48px 0;
	border-bottom-style: dashed;
}

/* ## Blockquotes */
.single .news-excerpt blockquote,
.single .news-excerpt q {
	margin: 32px 0;
	padding: 20px 26px;
	border-left: 3px solid var(--accent);
	background: var(--accent-bg);
	font-style: italic;
	color: #2c2b27;
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.single .news-excerpt blockquote p:last-child {
	margin-bottom: 0;
}

/* ## Code */
.single .news-excerpt code {
	font-family: var(--font-mono);
	background: var(--bg-alt);
	border: 1px solid var(--border);
	border-radius: 3px;
	padding: 2px 6px;
	font-size: .85em;
}

.single .news-excerpt pre {
	background: var(--panel-dark);
	color: #d7d7d3;
	border-radius: var(--radius-lg);
	padding: 40px 24px 24px;
	position: relative;
	background-image:
		radial-gradient(circle 4px at 20px 20px, var(--red), transparent 4.5px),
		radial-gradient(circle 4px at 36px 20px, var(--amber), transparent 4.5px),
		radial-gradient(circle 4px at 52px 20px, var(--accent), transparent 4.5px);
	background-repeat: no-repeat;
}

.single .news-excerpt pre code {
	background: none;
	border: none;
	padding: 0;
	color: inherit;
}

/* ## Media + Tables */
.single .news-excerpt img {
	border-radius: var(--radius-lg);
	border: 1px solid var(--border);
	margin: 8px 0;
}

.single .news-excerpt .wp-caption-text,
.single .news-excerpt figcaption {
	font-family: var(--font-mono);
	font-size: 12px;
	color: var(--muted);
	margin-top: 10px;
}

.single .news-excerpt .wp-caption-text::before,
.single .news-excerpt figcaption::before {
	content: "// ";
	color: var(--accent);
}

.single .news-excerpt table {
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	overflow: hidden;
}

.single .news-excerpt th {
	background: var(--bg-alt);
	font-family: var(--font-mono);
	border-color: var(--border);
}

.single .news-excerpt td {
	border-color: var(--border);
}

/* ## Post Footer / Nav */
.single .entry-footer {
	padding-bottom: 40px;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.single .cat-links,
.single .tags-links {
	display: inline-flex;
	gap: 6px;
	flex-wrap: wrap;
}

.single .navigation-post {
	max-width: 700px;
	margin: 0 auto;
	padding: 32px 0 64px;
	border-top: 1px solid var(--border);
	overflow: hidden;
}

.single .navigation-post .nav-previous,
.single .navigation-post .nav-next {
	font-family: var(--font-mono);
	font-size: 13px;
}

.single .navigation-post .meta-nav {
	display: block;
	color: var(--muted);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: 4px;
}

.single .navigation-post a {
	text-decoration: none;
	font-weight: 600;
}

.single .navigation-post a:hover {
	color: var(--accent);
}


/*--------------------------------------------------------------
# Archive / Tag Pages
--------------------------------------------------------------*/

/* The floated .article-thumbnail was never cleared, so its parent
   collapsed to zero height and the image spilled past the footer
   on archive/tag listings. */
.article-wrap::after {
	content: "";
	display: block;
	clear: both;
}

body:not(.page-template-full-width-page) .hentry,
body:not(.page-template-full-width-page) .hentry:last-of-type {
	background: var(--bg);
	border-bottom: 1px solid var(--border);
	padding: 48px 0;
}

body:not(.page-template-full-width-page) .hentry:last-of-type {
	border-bottom: 0;
}

.archive-title {
	padding: 56px 0 0;
}

.archive-title h1 {
	font-family: var(--font-sans);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

.archive-description {
	max-width: 650px;
	margin: 12px auto 0;
	text-align: center;
	color: var(--muted);
}

.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
	font-family: var(--font-mono);
	border-radius: var(--radius-sm);
	border-color: var(--border);
}

/*--------------------------------------------------------------
# Form Fields
	All textareas and inputs share the page background so they
	read as flat, bordered fields instead of shaded boxes.
--------------------------------------------------------------*/
.site-main input[type="text"],
.site-main input[type="email"],
.site-main input[type="url"],
.site-main input[type="password"],
.site-main input[type="search"],
.site-main input[type="tel"],
.site-main input[type="number"],
.site-main textarea,
.edd-input,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
.widget input[type="search"],
.widget input[type="email"],
.widget input[type="search"]:focus,
.widget input[type="email"]:focus,
#edd_checkout_form_wrap select,
#edd_checkout_form_wrap input:not([type='checkbox']) {
	background: var(--bg);
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	color: var(--ink);
}

#edd_checkout_user_info input {
	background: var(--bg) !important;
	border: 1px solid var(--border) !important;
}

/*--------------------------------------------------------------
# Home Wrap
--------------------------------------------------------------*/
body.home .site {
	background: #eae9e450;
}

/*--------------------------------------------------------------
# Page Titles
--------------------------------------------------------------*/
.archive-title,
.header-wrap .entry-header,
.page-header {
	background: rgba(247, 246, 242, 0.85);
	padding: 56px 20px;
}

.archive-title h1,
.page-title {
	color: var(--ink);
	font-family: var(--font-mono);
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.15;
	text-align: center;
}

.page-title {
	font-size: 42px;
}

/*--------------------------------------------------------------
# Article Actions
--------------------------------------------------------------*/
.article-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 24px 0;
}

.features-toggle {
	cursor: pointer;
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
body.modal-open {
	overflow: hidden;
}

.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.modal.is-open {
	display: block;
}

.modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(11, 12, 12, 0.6);
}

.modal-content {
	position: relative;
	background: var(--bg);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	max-width: 600px;
	width: calc(100% - 40px);
	margin: 10vh auto 0;
	padding: 40px;
	max-height: 76vh;
	overflow-y: auto;
}

.modal-close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 32px;
	height: 32px;
	line-height: 1;
	border: none;
	background: none;
	color: var(--ink);
	font-size: 20px;
	cursor: pointer;
}

.modal-close:focus,
.modal-close:hover {
	outline: none;
	opacity: 1;
}

.modal-title {
	color: var(--ink);
	font-family: var(--font-sans);
	font-weight: 800;
	margin: 0 0 20px;
}

.modal-features-list {
	margin: 0;
	padding: 0;
}

.modal-features-list li {
	margin-bottom: 10px;
	color: var(--ink);
	font-size: 15px;
	list-style-type: none;
}

.modal-features-list li:last-child {
	margin-bottom: 0;
}

/* ninja forms */
.nf-form-fields-required {
	display: none;
}