:root {
	--b-4eg-blue-1: #0081ac;
	--b-4eg-blue-2: #00617f;
	--b-4eg-blue-3: #003241;
	
	--b-4eg-blue-l: #41cfff;
	
	--b-color-text-head: #1c1c1c;
	--b-color-text-body: #707070;
	
	--b-parahead-spacing: 15px;
	--b-parabody-spacing: 15px;
	
	font-size: 22px;
}

@media only screen and (max-width: 1024px) { 
	:root {
		font-size: 18px;
	}
}

* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

body {
	margin: 0;
	max-width: 100%;
	overflow-x: hidden;
	
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#b-page-wrapper, #b-post-wrapper {
	flex-grow: 1;
}

img, svg {
	display: block;
}

h1, h2, h3, p {
	margin: 0;
}

h1, h2, h3 {
	font-size: 1rem;
	font-family: Raleway, sans-serif;
	font-weight: 300;
	color: var(--b-color-text-head);
}

p, a, li {
	font-size: 0.9rem;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	line-height: 150%;
	color: var(--b-color-text-body);
}

input, textarea {
	border-radius: 0;
	-webkit-appearance: none;
}


a:not(:hover) { /*, a:hover { */
	text-decoration: none;
}


/* page spacing */
.b-page-width {
	margin: 0 auto;
	width: var(--b-page-width);
}
:root {
	--b-page-width: 1200px;
}
@media only screen and (max-width: 1325px) {:root {--b-page-width: 924px}}
@media only screen and (max-width: 1024px) {:root {--b-page-width: 650px}}
@media only screen and (max-width: 700px) {:root {--b-page-width: calc(100% - 50px)}}

.b-spacer-1 { height: 50px }
.b-spacer-2 { height: 25px }
.b-spacer-3 { height: 10px }
.b-spacer-4 { height: 05px }

/* para spacing */
.b-parahead:not(:last-child) {
	margin-bottom: var(--b-parahead-spacing);
}
.b-parabody:not(:last-child) {
	margin-bottom: var(--b-parabody-spacing);
}

/* desktop mobile only */
.b-desktop-only {
	display: block;
}
.b-mobile-only {
	display: none;
}
@media only screen and (max-width: 1024px) {
	.b-desktop-only {
		display: none;
	}
	.b-mobile-only {
		display: block;
	}
}

/* box shadows */
.b-box-shadow-1 {
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
}
.b-box-shadow-2 {
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.35));
}

/* legacy divider thing */
.b-pixel-line {
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
}

/* raleway number fix */
.b-rnf-4 {
	display: inline-block;
	transform: translateY(-0.15rem);
}
.b-rnf-5 {
	display: inline-block;
	transform: translateY(-0.4rem);
}