:root{
	--body-bg:#111111;
}

div{
	max-width:120rem;
}

body{
	color:#333333;
	font-size:1rem;
	line-height:1.5;
	font-weight:400;
	font-family:'Inter',sans-serif;
}

@media screen and (max-width:750px){
	.slimlinerh{
		border-bottom:1px solid rgba(0,0,0,.3);
		margin-bottom:1rem;
		padding-bottom:2rem;
	}
}

#graphic_bg{
	background-color:transparent;
	/*background-image:url("");*/
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;	
	transition: transform 0.3s ease-out;
	opacity:1;
}

@media screen and (max-width:750px){
	#graphic_bg{
		background-position:center center;
	}
}

#graphic_bg_overlay{
	background-color:transparent;
	background-image:url("theme/starfield5.png");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:fixed;
	width:100%;
	height:100%;
	z-index:4;
	transition: transform 0.3s ease-out;
	opacity:.3;
}

@media screen and (max-width:750px){
	.slim_only{
		display:block;
	}
}

#constellationsCanvas{
	display:block;
	opacity:1;
}

.nobreak{
	white-space:nowrap;
}

.shorttext{
	max-width:25rem; display:inline-block;
}

a{
	color:#ff552d;
	transition:.2s;
}

a:hover{
	color:#ff6b49;
}

/* HEADER ----------------------------------------------*/

.main_slogan{
	display:inline-block;
	font-weight:400;
	font-size:3.5rem;
	line-height:3.7rem;
	color:#ffffff;
	text-align:center;
	opacity:.95;
	font-family: 'Press Start 2P', sans-serif;
	text-transform:uppercase;
	user-select:none;
	-webkit-user-drag: none; /* For Safari and Chrome */
	user-drag: none; /* Standard syntax */
	text-align:left;
}

#gravitynotice{
	display:inline-block;
	opacity:0;
	color:rgba(255,255,255,.75);
	font-family:"Roboto Condensed",sans-serif;
	font-size:.85rem;
	padding:1rem;
	box-sizing:border-box;
	background-color:#000000;
	border-radius:5px;
	position:absolute;
	bottom:3rem;
	left:calc(50% - 125px);
	transition:1s;
	width:250px;
	user-select:none;
	-webkit-user-drag: none; /* For Safari and Chrome */
	user-drag: none; /* Standard syntax */
}

#gravitynotice.visible{
	opacity:.75;
}

.sloganback{
	background-color:rgba(255,255,255,0);
	display:inline-block;
	padding:1rem;
	position:relative;
	width:auto;
	box-sizing:border-box;
	padding:0rem;
	margin-top:-1rem;
	text-align:center;
}

@media screen and (max-width:750px){
	.main_slogan{
		font-size:2.5rem;
		line-height:2.7rem;
	}
	
	.sloganback{
		padding:3rem;
	}
}

@media screen and (max-width:550px){
	.main_slogan{
		font-size:1.8rem;
		line-height:2rem;
	}
	.sloganback{
		padding:2rem;
	}
}

#toprow{
	box-sizing:border-box;
	min-height:calc(100% - 3.875rem);
	height:calc(100% - 3.875rem);
}

.parent {
	display: flex;
	align-items: center; /* Vertically center the child div */
	justify-content: center; /* Horizontally center the child div, optional */
	max-height:calc(100% - 3.875rem); /* Set a height for the parent div */
	height:100%;
	border: 0px solid black; /* Optional styling */
}

/*----------------------------------------------*/

.section_heading{
	display:inline-block;
	font-weight:400;
	margin-bottom:1rem;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	color:rgba(255,255,255,.9);
	font-size:2rem;
	margin-top:1rem;
}

.subsection_heading{
	font-weight:400;
	font-size:1.4rem;
	display:inline-block;
	
	display:inline-block;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	color:#666666;
}

.orangelabel{
	background-color:#3c3f3e;
	font-family:'Oswald',sans-serif;
	font-size:.85rem;
	text-transform:uppercase;
	font-weight:400;
	display:inline-block;
	color:#ffffff;
	padding:.25rem;
	padding-right:.5rem;
	padding-left:.5rem;
	box-sizing:border-box;
	height:29px;
	box-sizing:border-box;
	position:relative;
	padding-left:.75rem;
	color:#ffffff;
}

.orangetail{
	position:absolute;
	right:-17px;
	top:0px;
}

a.btn_black{
	display:inline-block;
	box-sizing:border-box;
	padding:0rem;
	padding-left:2rem;
	padding-right:2rem;
	border-radius:3px;
	border:1px solid #aab3b1;
	color:#454948;
	background-color:#e0e9e7;
	font-family:"Roboto",sans-serif;
	cursor:pointer;
	transition:.3s;
	opacity:.85;
	font-size:.75rem;
	font-weight:500;
	line-height:2rem;
	user-select:none;
	opacity:1;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0e9e7+0,cdd3d2+100 */
	background: linear-gradient(to bottom,  rgba(224,233,231,1) 0%,rgba(205,211,210,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

a.btn_black:hover{
	opacity:.85;
}

a.btn_black.slim_only{
	display:none;
}

a.btn_black.wide_only{
	display:inline-block;
}

@media screen and (max-width:750px){
	a.btn_black.slim_only{
		display:inline-block;
	}
	
	a.btn_black.wide_only{
		display:none;
	}
}

/*----------------------------------------------*/

img.project_thumb{
	max-width:100%;
	width:100%;
	border-radius:0px;
	margin-bottom:.5rem;
}

@media screen and (max-width:750px){
	img.project_thumb{
		max-width:100%;
	}
}

.chaticon{
	width:24px;
	height:24px;
	vertical-align:middle;
}

.chatdiv{
	transition:.3s;
	opacity:.75;
	display:inline-block;
	line-height:.85rem;
	color:#000000;
	cursor:pointer;
	user-select:none;
}

.chatdiv:hover{
	opacity:.5;
}

.chatlabel{
	font-family:'Roboto Condensed',sans-serif;
	font-size:.85rem; margin-left:.25rem;
	margin-top:0px;
	vertical-align:middle;
	color:#000000;
}

/*----------------------------------------------*/

#blockchainrow{
	position:relative;
	overflow:hidden;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bfcbcb+0,d2dbdb+100 */
	background-color:#ffffff;
}

#stripes4{
	position:absolute;
	opacity:.12;
	bottom:-210px;
	right:-50px;
}

.sideline{
	border-left:2px solid rgba(0,0,0,.15);
	padding:.5rem;
	padding-right:1rem;
	padding-left:1rem;
	box-sizing:border-box;
	display:inline-block;
}

@media screen and (max-width:750px){
	.sideline{
		border-left:0px;
		padding:0px;
	}
}

/*----------------------------------------------*/

#musicaudio{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bac9c9+0,9babab+100 */
	/*background: linear-gradient(135deg,  rgba(186,201,201,1) 0%,rgba(155,171,171,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-color:#d7e8e8;
	-webkit-user-drag: none; /* For Safari and Chrome */
	user-drag: none; /* Standard syntax */
}

div.product_item{
	padding:8px;
	margin:.5rem;
	border:0px solid #333333;
	text-align:center;
	font-family:"Roboto Condensed",sans-serif;
	font-size:.8rem;
	font-weight:400;
	display:inline-block;
	color:#333333;
	background-color:#e0e9e7;
	cursor:pointer;
	transition:.3s;	
	position:relative;
	border-radius:0px;
	border:1px solid #aab3b1;
	color:#454948;
	border-radius:3px;
}

div.product_item:hover{
	opacity:.75;
}

@media screen and (max-width:750px){
	div.product_item:hover{
		opacity:1;
	}
}

img.product_icon{
	display:block;
	margin-bottom:5px;
}

/*----------------------------------------------*/

.projectlab{
	background-color:#161716;
	/*background-image:url("theme/bgastro.jpg?x=1");*/ /*Brian McGowan / Unsplash*/
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	transition: background-position 0.5s ease-out;
}

.accent{
	color:#23d7a6;
	/*color:#ef5416;*/
}

.accent2{
	color:#ed4721;
}

.musicbg{
	background-color:#282a29;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	transition: background-position 0.5s ease-out;
}

#footerrow{
	background-color:#ffffff;
}

a.footerlink{
	font-family:"Roboto Condensed",sans-serif;
	color:rgba(0,0,0,.7);
	display:inline-block;
	margin-bottom:.2rem;
	font-weight:400;
}

a.footerlink:hover{
	color:rgba(0,0,0,.9);
}

.footericon{
	opacity:.5;
	height:24px;
	vertical-align:middle;
	margin-left:.5rem;
	transition:.3s;
}

.footericon:hover{
	opacity:.7;
}

.linkblock{
	text-align:left;
	display:inline-block;
	width:180px;
	vertical-align:top;
	margin-left:.25rem;
}

@media screen and (max-width:750px){
	.linkblock.wide_only{
		display:none;
	}
}

.blogTitle{
	font-family:"Roboto Condensed",sans-serif;
	font-size:1.1rem;
	line-height:1.4;
	color:#444444;
	text-transform:none;
	text-decoration:none;
	display:inline-block;
	margin-bottom:.5rem;
	text-decoration:underline;
}

.blogline{
	border-left:1px dotted #aaaaaa;
}

@media screen and (max-width:950px){
	.col33.stout{
		max-width:30rem;
		width:100%;
	}
	
	.blogline{
		border-left:0px;
	}
	
	.slimlinerh.stout{
		border-bottom:1px solid rgba(0,0,0,.3);
		margin-bottom:1rem;
		padding-bottom:2rem;
	}
}

/*----------------------------------------------*/

.pluginrows{
	transition:1s;
	opacity:0;
}

.pluginrows.visible{
	opacity:1;
}

div.bigthumb{
	display:inline-block;
	text-align:center;
	font-family:"Roboto Condensed",sans-serif;
	font-size:.8rem;
	font-weight:400;
	cursor:pointer;
	margin:.5rem;
	width:140px;
	transition:.2s;
	vertical-align:middle;
}

div.bigthumb:hover{
	
	width:calc(140px + 1rem);
	margin:0rem;
}

@media screen and (max-width:750px){
	div.bigthumb:hover{
		margin:.5rem;
		width:140px;
	}
}