/*
	Theme Name: Kadence Sidekick
	Description: A lean child theme for Kadence with opinionated hooks and structure.
	Theme URI: https://github.com/joethomas/kadence-sidekick
	Author: Joe Thomas
	Author URI: https://github.com/joethomas
	Text Domain: kadence-sidekick
	Template: kadence
	Version: 1.1.2

	GitHub Theme URI: joethomas/kadence-sidekick
	Primary Branch: main
*/

/*
TABLE OF CONTENTS
➞ TYPOGRAPHY
➞ PAGE OVERLAY
➞ SITE HEADER
➞ HELPER CLASSES
*/


/* Colors
==============================================================================*/

/* Set `body` background to white (or palette color 9) */
body { background: var(--global-palette9); }


/* TYPOGRAPHY
==============================================================================*/

/*
Text Wrap: 'balanced' and 'pretty'
➞ Balanced text ensures multiple lines are balanced in length.
➞ Pretty text prevents short last lines and may improve the rag and reduce the need for hyphenation.
*/

:is(h1, h2, h3, h4, h5, h6) {
    text-wrap: balance; /* new default for headings */
}

.pretty { /* automatically applied to paragraph tags via pretty-paragraphs.js */
    text-wrap: pretty; /* can be used to override default `text-wrap: balance` on headings */
}

.no-pretty .pretty {
    text-wrap: -webkit-match-parent;
    text-wrap: -moz-match-parent;
    text-wrap: match-parent;
}

p.balance { /* helper class to use `text-wrap: balance` instead of `text-wrap: pretty` */
    text-wrap: balance; /* beats .pretty */
}

/* Code */
code {
    font-size: 0.85rem; /* overrides Kadence default of 0.8rem */
}

p code {
    padding: 0 .25em .1em;
    border: .0625em solid color(from currentcolor display-p3 r g b / .4);
    border-radius: 0.1875em;
    font-size: 0.85em; /* overrides Kadence's default of 0.8rem, so that code is sized according to surrounding paragraph text */
}

/* Superscripts */
sup {
    top: auto;
    font-size: 1em;
    font-feature-settings: "numr";
}

sup a {
    text-underline-offset: -0.2em;
}

sup a:hover {
    text-underline-offset: -0.15em;
}


/* PAGE OVERLAY
==============================================================================*/

/* Add noise overlay (selected in Sidekick Page Options) */
#noise {
	z-index: 100;
	pointer-events: none;
	background-image: url(/wp-content/themes/kadence-sidekick/assets/noise.png);
	background-position: 50% 50%;
	background-size: 200px 200px;
	width: 100%;
	height: 100%;
	position: fixed;
	inset: 0;
}

@media print {
	#noise { display: none; }
}


/* SITE HEADER
==============================================================================*/

/* For posts/pages with inset hero, move header down to be inside inset hero. */
.hero-inset.transparent-header header#masthead,
.hero-inset.transparent-header header.wp-block-kadence-header .kb-header-container { /* must choose `Inset Hero` in Sidekick Page Options or add `hero-inset` class to page/post body */
    margin: 1rem;
}


/* HELPER CLASSES
==============================================================================*/

/* Background Blur Effect
----------------------------------------------------------------------------- */
.bg-blur-5,
.bg-blur-05 { backdrop-filter: saturate(180%) blur(5px); }

.bg-blur-10 { backdrop-filter: saturate(180%) blur(10px); }

.bg-blur-15 { backdrop-filter: saturate(180%) blur(15px); }

.bg-blur-20 { backdrop-filter: saturate(180%) blur(20px); }