:root{
	--fg: #bbb;
	--bg: rgb(34, 51, 51);
	--bg-trans: rgba(34, 51, 51, 0.8);
	--postsclr: #79c;
	--mediaclr: #7d1;
	--filesclr: #a7a;
}
*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
/*slide transitions*/
.dlmap,.dldoc p,.files figure,.figure,#sitetitle,.btn,.sociallinks>li{-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease}
/*fade transitions*/
#sitetitle:hover,.media figure:hover,.files figure:hover,.dlmap a:hover,.btn:hover,.sociallinks>li:hover{
	-o-transition: all 0.2s ease;  
	-webkit-transition: all 0.2s ease;  
	-ms-transition: all 0.2s ease;  
	transition: all 0.2s ease;
}
a:visited{color:inherit}
html,body{background:url('img/bg02.jpg') #233 top;/* min-width:1310px; */font:normal 100% 'Source Sans Pro',Helvetica,Arial,Verdana,Sans-Serif;color:#233}
h2,.dldoc strong,.dlmap a,.post a,.btn{font:normal 165% 'Dosis',Helvetica,Arial,Verdana,Sans-Serif}
h2{width:100%;margin:0;}
abbr{border-bottom:1px dotted #233;text-transform:uppercase;}
article{max-width:100%}
#sitetitle{
	display:inline-block;
	padding:0 0 .2rem 1rem;
	color:#fff;
	text-decoration:none;
	font:bold calc(150% + 1.5vw) 'Source Sans Pro',Helvetica,Arial,Verdana,Sans-Serif;
	text-shadow:1px 1px 2px #000;
}
#sitetitle:hover{text-shadow:1px 1px 5px #000}
.nocoll{padding: 0.1px;overflow: auto} /*Prevents margins from collapsing, add to parent element, doesn't appear to work anymore*/
.bumper{margin-bottom:1rem!important}
.wrapper{padding:.5rem;background:var(--bg);background:var(--bg-trans)}
.wrapper{
	display:flex;
	flex-flow: row wrap;
}
.wrapper > *{flex: 1 100%;}
.column{max-width:100%;flex-direction:column;}
section.block:not(:first-child){margin-top:1rem;}
.block{background:var(--fg)}
.block{
	margin:.5rem;
	text-decoration:none;
	color:#233;
	position:relative;
	overflow: hidden;
	z-index:100
}
.block, .dldoc, .btn{box-shadow:0 7px 5px -5px black}
.block img{max-width:100%;min-height:0;}
.auth{position:relative;padding:.5rem}
.auth{box-shadow:0 10px 5px -8px black}
.auth strong{font-weight:bold;font-size:110%}
.auth em{font-style:italic;text-decoration:underline}
.docwrapper{display:flex;justify-content:space-between;margin:1rem .5rem}
.dldoc{position:relative;text-decoration:none;overflow:hidden;width:50%}
a.dldoc:nth-child(1){margin-right:1rem}
.dldoc p{position:absolute;top:100%;left:0;right:0;bottom:-100px;background:var(--mediaclr) url(img/dl.svg) no-repeat 8px 8px;background-size:85% auto;padding:0 8px;padding-top:calc(15% + 10px);color:#233;text-decoration:none;width:auto;fill:white;}
.dldoc span{text-transform:uppercase;}
.dldoc:hover>p,.dldoc:focus>p{top:30%}
.dlmap{padding:0;height:150px;max-height:150px;margin-bottom:1rem}
.dlmap:hover{height:auto;max-height:400px}
.dlmap img,.dldoc img{width:100%}
.dlmap figcaption,.dldoc span{position:absolute;top:0;left:0;padding:5px;color:var(--fg);background:#233;}
.dlmap a{text-transform:uppercase;left:0;z-index:1;display:block;padding:5px;background:#233;font-size:1.5rem;text-decoration:none;color:var(--mediaclr);width:100%}
.dlmap a:hover,.btn:hover{background:var(--mediaclr);color:#233}
.post ul{list-style-type:none;padding-left:0}
.post>ul>li{padding:.5rem;}
.post time{display:block}
.post>p{padding:5px 0}
.block figure{position:relative;max-width:50%;/*! padding:.5rem; */margin:0}
.block a{display:flex;align-items: flex-start;text-decoration:none;color:#233}
.block figure:hover{background:#fff}
.block figure a figcaption{position:absolute;background:#233;color:var(--fg);padding:5px;margin-right:.5rem}
.tiles{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0}
.media h2, .post h2, .files h2{background:var(--fg);padding:0 .5rem;border-left: .5rem solid var(--fg);}
.media h2{border-color:var(--mediaclr);}
.post h2{border-color: var(--postsclr);}
.files h2{border-color: var(--filesclr);}
/*
.media, .files{border-top: .5rem solid var(--mediaclr);}
.files{border-top: .5rem solid var(--filesclr);}
.post{border-top: .5rem solid var(--postsclr);}
*/
.btn{margin:.5rem;overflow:hidden;}
.btn{text-transform:uppercase;display:block;padding:5px;background:#233;font-size:150%;color:var(--mediaclr)}
.btn:hover{text-decoration:none;}
.sociallinks{list-style-type:none;padding:0;margin:5px 0 0 0;margin-bottom:0!important;width:100%;font-size:150%}
.sociallinks>li{display:inline-block;text-align:center;line-height:40px}/*change this to flex?*/
.sociallinks > li:nth-child(1){padding-left:0}
.sociallinks>li:hover{}
.sociallinks a{padding:8px;border-radius:25%;}
.sociallinks li>a:hover{text-decoration:none;color:var(--fg);background:#233;}
.icon-thingiverse{padding:6px 4px 5px 4px!important} /*fix this filth -custom webfont from scratch*/
#footer{
padding:1.5rem 1rem;
color:#fff;
}
@media all and (max-width: 400px) {
	.media figure a figcaption, .files figure a figcaption{display:none}
}
@media all and (min-width: 600px) {
	.media figure, .files figure{max-width:50%}
	.column {flex: 2 2 0px}
	.main { flex: 2 2 0px}
	.top {order:1}
	.bottom {order:2}
	.main{order:3}
	#footer{order:4}
}

@media all and (min-width: 800px) {
	.media figure, .files figure{max-width:50%}
	.column {flex: 2 2 0px}
	.main { flex: 4 4 0px}
	.top {order:1}
	.bottom {order:2}
	.main{order:3}
	#footer{order:4}
}
@media all and (min-width: 1080px) {
	.media figure{max-width:20%}
	.files figure{max-width:25%}
	.column { flex: 1.5 1.5 0px}
	.main { flex: 5 5 0px; }
	.top {order:1}
	.bottom {order:2}
	.main{order:3}
	#footer{order:4}
}
@media (hover:none), (hover:on-demand) {
	.dldoc>p{top:30%}
	.media figure, .files figure{max-width:50%}
	.media figure a figcaption, .files figure a figcaption{display:none}
	.column {flex: 2 2 0px;min-width:100%;flex-direction:column;}
	.main { flex: 2 2 0px}
	.top {order:1}
	.bottom {order:2}
	.main{order:3}
	#footer{order:4}
	html,body{font-size:200%}
	h2,.dldoc strong,.dlmap a,.post a,.btn{font-size:165%}
	.auth strong{font-size:110%}
}