/*
Theme Name: Jaxon Steele
Theme URI: https://surecart.com
Author: SureCart
Author URI: https://surecart.com
Description: A demo theme for SureCart.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: surecart
Tags: 
*/ 

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
 h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption {
    text-wrap: balance;
	font-weight: 600;
}
h1,h2,h3,h4 {
	font-weight: 400;
}
h1 a:any-link, h2 a:any-link, h3 a:any-link, h4 a:any-link, h5 a:any-link, h6 a:any-link {
	text-decoration: none;
	color: inherit;
}
p {
    text-wrap: pretty;
}

.display-block, 
figure.display-block img  {
	display: block;
}

.sc-form-label {
	font-weight: bold;
	color: var(--wp--preset--color--primary-black);
}

@media only screen and (max-width: 863px) {
	.hide-on-mobile {
		display: none !important;
	}
}

@media only screen and (max-width: 863px) {
	.hide-on-tablet {
		display: none !important;
	}
}

@media only screen and (min-width: 864px) {
	.hide-on-desktop {
		display: none !important; 
	}
}

* CSS Reset
---------------------------------------------------------------------------- */

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

html {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

b,
strong {
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

ol,
ul {
	padding: 0;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
	padding-inline-start: var(--wp--preset--spacing--medium);
}

div[class*="wp-block-"] figcaption {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--x-small);
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
}

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

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
	font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
	appearance: none;
}

.sc-check-input, .sc-check-input[type=checkbox], .sc-check-input[type=radio] {
	flex: 0 0 1em;
}

/* input:not([type="submit"]), */
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
	color: var(--wp--preset--color--main);
	border-radius: 5px;
	border: solid 1px var(--wp--preset--color--main-accent);
	padding: .5em 1em;
	font-size: var(--wp--preset--font-size--small);
}

input:focus-visible,
textarea:focus-visible {
	outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

label {
	width: 100%;
	display: block;
}

::placeholder {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.75;
}