root {
	--primary-color:#007AF3;
}

/*FUNDAMENTALS*/

/*2026 OCT: D-DIN CONDENSED, THE FONT ON THE NEW COVERS (FREE, SIL OPEN FONT LICENSE)*/
@font-face {
	font-family: 'D-DIN Condensed';
	src: url("font/D-DINCondensed.otf") format("opentype");
	font-weight: normal;
}
@font-face {
	font-family: 'D-DIN Condensed';
	src: url("font/D-DINCondensed-Bold.otf") format("opentype");
	font-weight: bold;
}

/*2026 OCT: BLACK LIKE THE NEW COVERS, WITH A SPARSE ELITE-STYLE STARFIELD (OLD WALLPAPER WAS image/bg.jpg)*/
html { 
	background: black url("image/stars.svg") repeat fixed;
}

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

body {
	margin: 0; padding: 0;
	background-color: none;
	font-size: 17px; font-family: 'Merriweather', serif;
	text-align: center;
}

section {
border:none; outline:none;
}


.box {
  display: flex;
  align-items: stretch;
  margin: auto auto auto auto; padding: 0;
}











/*SHOULD BE ABLE TO PHASE OUT ALL THESE CONTAINERS*/
div.container {
	display: block;
	margin: auto auto auto auto; padding: 0;
	border: none;
	/*border-style: dotted; border-width: 1px;*/
}
div.container_inline {
	display: inline-block;
	margin: auto auto auto auto; padding: 0;
	border: none;
	/*border-style: dotted; border-width: 1px;*/
}
div.container_image_center {/*div must have width/height set and must be greater than image size*/
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0; padding: 0;
}

div.container_flex {
	display: flex;
	justify-content: center;
	border: none;
	/*border-style: dotted; border-width: 1px;*/
  background-color: none;
}
.container_flex > div {
  background-color: white;
  margin: auto;
  padding: 0px;
  font-size: 30px;
}

div.title {
	padding: 0.45em 0.5em 0.35em 0.5em;
	font-family: 'D-DIN Condensed', sans-serif;
	color: white;
	line-height: 1;
}
span.title_name {/*spaced out and slanted like the name on the covers*/
	display: inline-block;
	font-size: 44px; font-weight: normal;
	letter-spacing: 0.16em; margin-right: -0.16em;
	transform: skewX(-12deg);
}
span.title_tag {/*like AWARD WINNER on the covers*/
	display: inline-block;
	font-size: 17px; font-weight: bold;
	letter-spacing: 0.3em; margin-left: 1.2em;
}
/*SHOULD BE ABLE TO PHASE OUT ALL THESE CONTAINERS*/





h1 {
	margin: 0.5em 0.5em 0.5em 0.5em;
	text-align: left;
	font-size: 22px;
}
h1.left {
	text-align: left;
}

h2 {
	margin: 1.2em 0.5em 1.2em 0.5em;/*2026 OCT: MORE SPACE BETWEEN PARAGRAPHS (WAS 0.5em ALL ROUND, THEN 0.9em)*/
	font-size: 17px;
}
h2.left {
	text-align: left;
}
p {
	margin: 0.8em 0.5em 0.8em 0.5em;/*2026 OCT: MORE SPACE BETWEEN PARAGRAPHS (WAS 0.5em)*/
	font-size: 14px;
	text-align: left;
}
span.inverse {
	color: white;
	background-color: black;
}

.center {
	display: inline-block;
	margin: 0 auto 0 auto; padding: 0;
	border: none;
	/*border: 1px dashed;*/
	text-align: center;
}



/*not sure this makes sense, bit of a botch up, but works for now*/
.center_notinline {
	margin: 0 auto 0 auto; padding: 0;
	border: none;
	/*border: 1px dashed;*/
	text-align: center;
}
/*not sure this makes sense, bit of a botch up, but works for now*/

a {
	color: black;
	text-decoration: none;
  border-bottom: 2px solid black;
  box-shadow: inset 0 -4px 0 transparent;
  color: inherit;
 /* transition: background 0.1s cubic-bezier(.33,.66,.66,1);*/
}

a:hover {
  cursor: pointer;
  background: #0AFF0A; /*2026 OCT: THE LIME GREEN FROM THE BOOK 3 COVER (WAS #66CDAA mediumaquamarine)*/
}


/*2026 OCT: GOOGLE'S SPAM-CHECK BADGE HIDDEN (ALLOWED WITH THE NOTE UNDER THE FORMS)*/
.grecaptcha-badge { visibility: hidden !important; }
/*2026 OCT: KIT PUTS 56px OF SPACE ABOVE THE EMAIL BOX, TAKEN OUT*/
.formkit-form > div { padding-top: 0 !important; }

/*AREA*/

section.area_title {
  position: fixed;
  width: 100%;
	margin: 0em; padding: 0em;
	border-bottom: solid white;
	border-width: 1px;
	background-color:black;
	z-index: 10;
}

section.area_vip_mobile {
	margin: 0em; padding: 0em;
	border-bottom: solid;
	border-width: 0;
	/*background-color: white;*/
	/*border: 1px dotted #000;
	border-width: 8px;*/
	border-color: white;
}

section.area_vip_desktop {
	margin: 0em; padding: 0em;
	border-bottom: solid;
	border-width: 0;
	/*background-color: white;*/
	/*border: 1px dotted #000;
	border-width: 8px;*/
	border-color: white;
}

section.area_footer {
	margin: 0 auto 10em auto; padding: 0; padding: 0;
	border: none; border-width: 0.1em;
	width: 80%;
	border-width: 0.1em;
}


/*@MEDIA*/
/*@MEDIA*/
/*@MEDIA*/
/*@MEDIA*/
/*@MEDIA*/

/*
SMALL SCREEN: 640 720 (must display even at 640) (theoretically up to 767, one px smaller than next query)
(SMALLEST MOBILE SCREEN)
*/
@media only screen and (max-width: 767px) {
	/* REDUCE FONT SIZES ONLY FOR SMALLEST OF THE TWO MOBILE SIZES */
	p {
		font-size: 12px;
	}
	h1 {
		font-size: 19px;
	}
	h2 {
		font-size: 16px;/*2026 OCT: A TINY BIT BIGGER (WAS 15px)*/
		margin-left: 1.2em; margin-right: 1.2em;/*2026 OCT: MORE SPACE AT THE SIDES ON PHONES (WAS 0.5em)*/
	}
	p {
		margin-left: 1.2em; margin-right: 1.2em;
	}
	/* TITLE: TAG LINE GOES ABOVE THE NAME, AS ON THE COVERS */
	div.title {
		display: flex; flex-direction: column-reverse; align-items: center;
	}
	span.title_name {
		font-size: 28px;
	}
	span.title_tag {
		font-size: 12px; margin: 0 0 0.4em 0;
	}
	div#image_title_medium {
		display: none;
	}
	div#image_title_large {
		display: none;
	}
	/* VIP ie SIGN-UP BOX */
	section.area_vip_desktop {
		display: none;
	}
	/* STORE */
	div#store__img_book_large {
		display: none;
	}
	h2#store__h2_title_large {
		display: none;
	}
	/*2026 OCT: SPACE ABOVE THE FIRST BOX SMALLER ON PHONES (WAS 7em, THEN 4.67em)*/
	section#first_box {
		padding-top: 5.2em !important;
	}
	/*2026 OCT: SMALLER EBM LOGO ON PHONES: 224px IS EXACTLY 7px PER PIXEL-ART BLOCK (THE ORIGINAL IS 10px), pixelated KEEPS IT SHARP*/
	img.ebm_logo {
		width: 224px;
		image-rendering: pixelated;
	}
}

/*
MEDIUM SCREEN: 768 800 864 900 1050 (must display even at 768) (theoretically up to 1079, one px smaller than next query)
(LARGER MOBILE SCREEN, MOBILE TURNED HORIZONTAL, MAYBE TABLET)
*/
@media only screen and (min-width: 768px) and (max-width: 1079px) {
	/* TITLE */
	div#image_title_small {
		display: none;
	}
	div#image_title_large {
		display: none;
	}
	/* VIP ie SIGN-UP BOX */
	section.area_vip_desktop {
		display: none;
	}
	/* STORE */
	div#store__img_book_large {
		display: none;
	}
	h2#store__h2_title_large {
		display: none;
	}
}

/*
LARGE SCREEN: 1080 1440 (must display even at 1080)
(ONLY SIZE FOR DESKTOP AND LAPTOP)
*/
@media only screen and (min-width: 1080px) {
	/* TITLE */
	div#image_title_small {
		display: none;
	}
	div#image_title_medium {
		display: none;
	}
	/* VIP ie SIGN-UP BOX */
	section.area_vip_mobile {
		display: none;
	}
	/* STORE */
	div#store__img_book_small {
		display: none;
	}
	h2#store__h2_title_small {
		display: none;
	}

}