/*
Theme Name: WebSmith Splash
Theme URI: http://websmith.international
Author: Vern Smith
Author URI: http://websmith.international
Description: This should get me through to a new site.
Version: 1
*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

blockquote, q {quotes: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
input[type=button], 
input[type=submit], 
button {
	cursor: pointer;
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-o-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-ms-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
}

a:link {
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-o-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-ms-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* Custom text-selection colors */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
/* we wanna keep the wordpress img settings */
.alignleft,
img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px;}
.alignright,
img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px;}
.aligncenter,
img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
img.alignleft,
img.alignright,
img.aligncenter { margin-bottom: 12px;}


/* And here begins the Wordpress fun. Paste all of the custom CSS here!!!
-------------------------------------------------------------------------------*/
html, body {
	min-height: 100vh;
}
body {
	font: 100%/1.4 'Gotham Round', Helvetica, Arial, sans-serif;
	background-color: #f5f5f5;
	margin: 0;
	padding: 0;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
@font-face {
    font-family: 'Gotham';
    src: url('_fonts/GothamMedium.eot');
    src: url('_fonts/GothamMedium.eot') format('embedded-opentype'),
         url('_fonts/GothamMedium.woff2') format('woff2'),
         url('_fonts/GothamMedium.woff') format('woff'),
         url('_fonts/GothamMedium.ttf') format('truetype'),
         url('_fonts/GothamMedium.svg#GothamMedium') format('svg');
}
@font-face {
    font-family: 'Gotham Round';
    src: url('_fonts/GothamRndBook.eot');
    src: url('_fonts/GothamRndBook.eot') format('embedded-opentype'),
         url('_fonts/GothamRndBook.woff2') format('woff2'),
         url('_fonts/GothamRndBook.woff') format('woff'),
         url('_fonts/GothamRndBook.ttf') format('truetype'),
         url('_fonts/GothamRndBook.svg#GothamRndBook') format('svg');
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0; 
}
a img {
	border: none;
}
a:link {
	color: #63ec2c;
	text-decoration: none; 
}
a:visited {
	color: #63ec2c;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color: white;
}

.right {  
	float: right;
}
.left { 
	float: left;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0;
}

#splash, .bg-blur {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image:url(_images/bg-woods.jpg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#splash {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
#splash #content {
	padding: 2rem;
	background: rgba(0,0,0,0.15);
	text-align: center;
	margin: 1rem;
	max-width: 550px;
	min-height: 450px;
	position: relative;
	border-radius: 30px;
	box-sizing: border-box;
	box-shadow: 0 0 60px rgba(255, 255, 255, .2);
	
}
.bg-blur {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	 filter:blur(5px);
	border-radius: 30px;
}
#splash #content #logo {
	background: url(_images/logo-splash.png) center center no-repeat;
	width: 100%;
	background-size: contain;
	margin-bottom: 25px;
	text-indent: -1000em;
}
#splash #content #logo::before {
	content: '';
	display: block;
	padding-top: 78%;
}
#splash #content #logo h1 {
	display: none;
}
#splash #content p {
	margin-bottom: 10px;
	font-size: 1em;
}
#splash #content p:last-child {
	margin-bottom: 0;
}
#copyright {
	width: auto;
	font-size: 12px;
    letter-spacing: .075em;
    align-self: flex-end;
    padding: 1rem;
	font-weight: bold;
	position: absolute;
	right: 0;
	bottom: 0;
}
#tos #copyright {
	position: relative;
}
#copyright .sig {
	display: flex;
	align-items: center;
	justify-content: flex-end
}
#copyright .sig svg {
	height: 30px;
	display: inline-block;
	margin: 0 .5em;
}
article.post {
	max-width: 800px;
	margin: 0 auto;
	background: #fff;
	color: #222;
	text-shadow: none;
	padding: 2rem;
}
.post h2 {
	color: #95c93d;
	font-size: 2.5rem;
	margin-bottom: 1em;
	padding-bottom: .375em;
	border-bottom: 3px #95c93d solid;
	line-height: 1;
	font-weight: bold;
}
.post h3 {
	color: #95c93d;
	font-size: 1.5rem;
	margin-bottom: .5em;
	margin-top: 1em;
	line-height: 1;
}
.post * + p, .post * + ul {
	margin-top: 1em;
}
.post ul {
	margin-left: 1em;
	font-size: 95%;
}
.post * + li {
	margin-top: .75em;
}
.post #copyright {
	margin-top: 3rem;
}
.post #copyright .sig {
	justify-content: center;
	align-self: center;
}
@media screen and (max-height: 762px), only screen and (max-device-height: 762px) {
	#copyright {
		position: relative;
		width: 100%;
	}	
}
@media screen and (max-width: 762px), only screen and (max-device-width: 762px) {
	#copyright {
		position: relative;
		width: 100%;
		
	}
	#copyright .sig {
		justify-content: center;
	}
	
}