/*
Theme Name: Black Magic Dev
Author: Tanner Hodges
Author URI: https://blackmagic.dev
Requires at least: 5.8
Requires PHP: 7.4
Version: 1.0.0
*/

/* ------------------------------ */
/* Tailwind                       */
/* ------------------------------ */

.sr-only {
	clip: rect(0, 0, 0, 0);
	border-width: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.m-0 {
	margin: 0;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.my-0 {
	margin-bottom: 0;
	margin-top: 0;
}

.my-5 {
	margin-bottom: 1.25rem;
	margin-top: 1.25rem;
}

.mt-0 {
	margin-top: 0;
}

.mt-4 {
	margin-top: 1rem;
}

.mt-6 {
	margin-top: 1.5rem;
}

.mt-20 {
	margin-top: 5rem;
}

.mb-4 {
	margin-bottom: 1rem;
}

.inline-block {
	display: inline-block;
}

.flex {
	display: flex;
}

.table {
	display: table;
}

.max-w-60\% {
	max-width: 60%;
}

@keyframes spin {
	to {
		transform: rotate(1turn)
	};
}

@keyframes ping {
	75%,
	to {
		opacity: 0;
		transform: scale(2)
	};
}

@keyframes pulse {
	50% {
		opacity: .5
	};
}

@keyframes bounce {
	0%,
	to {
		animation-timing-function: cubic-bezier(.8, 0, 1, 1);
		transform: translateY(-25%)
	}

	50% {
		animation-timing-function: cubic-bezier(0, 0, .2, 1);
		transform: none
	};
}

.list-none {
	list-style-type: none;
}

.items-center {
	align-items: center;
}

.justify-center {
	justify-content: center;
}

.space-x-5>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(1.25rem*var(--tw-space-x-reverse));
}

.space-y-1>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
	margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)));
}

.p-0 {
	padding: 0;
}

.py-4 {
	padding-bottom: 1rem;
	padding-top: 1rem;
}

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

*,
:after,
:before {
	--tw-shadow: 0 0 #0000;
	--tw-ring-inset: var(--tw-empty,
		/*!*/
		/*!*/
		);
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
}

.filter {
	--tw-blur: var(--tw-empty,
		/*!*/
		/*!*/
		);
	--tw-brightness: var(--tw-empty,
		/*!*/
		/*!*/
		);
	--tw-contrast: var(--tw-empty,
		/*!*/
		/*!*/
		);
	--tw-grayscale: var(--tw-empty,
		/*!*/
		/*!*/
		);
	--tw-hue-rotate: var(--tw-empty,
		/*!*/
		/*!*/
		);
	--tw-invert: var(--tw-empty,
		/*!*/
		/*!*/
		);
	--tw-saturate: var(--tw-empty,
		/*!*/
		/*!*/
		);
	--tw-sepia: var(--tw-empty,
		/*!*/
		/*!*/
		);
	--tw-drop-shadow: var(--tw-empty,
		/*!*/
		/*!*/
		);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* ------------------------------ */
/* Base                           */
/* ------------------------------ */

html {
	box-sizing: border-box;
}

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

body {
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	line-height: 1.5;
	margin: 0;
	tab-size: 4;
}

@media (min-width: 640px) {
	body {
		font-size: 112.5%
	};
}

@media (min-width: 1024px) {
	body {
		font-size: 125%
	};
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Permanent Marker, sans-serif;
	font-weight: 400;
	line-height: 1.125;
}

main {
	display: block; /* Fix IE rendering main as inline */
}

a {
	color: #000;
	font-weight: 700;
	text-decoration: none;
}

a:focus,
a:hover {
	box-shadow: 0 2px 0 0 #fff, 0 5px 0 0 currentColor;
}

a:active {
	color: #888;
}

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

pre {
	-webkit-overflow-scroll: touch;
	border: 1px solid #ccc;
	overflow: auto;
	padding: 1rem;
}

footer[role=contentinfo] {
	font-size: 66.6%;
	text-align: center;
}

article header > h1 {
	font-size: 2em;
}

article header > h1 + p {
	font-size: 1.5em;
	font-family: Permanent Marker, sans-serif;
	font-weight: 400;
	line-height: 1.125;
}

/* ------------------------------ */
/* Components                     */
/* ------------------------------ */

.c-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 42rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.c-text-logo {
	letter-spacing: -0.07143em;
}

/* ------------------------------------------------------------ */
/* New Styles                                                   */
/* ------------------------------------------------------------ */

.wp-block-embed {
	position: relative;
	margin: 0;
}

.wp-block-embed::before {
	content: '';
	display: block;
	padding-bottom: 56.25%;
}

.wp-block-embed iframe {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/*
.wp-block-image > a {
	display: block;
	max-width: max-content;
	margin: auto;
}

.wp-block-image img {
	margin-inline: auto;
	margin-block-end: 1rem;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
*/