/*
Theme Name: Schoberg 2015
Author: Jesse Schoberg
Author URI: http://schoberg.net/
Version: 1.0
*/

@import url(//fonts.googleapis.com/css?family=Raleway);
@import url(//fonts.googleapis.com/css?family=Alegreya:400,400italic,700);

/* ========================================= HTML 5 and basics */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{display:block;position:relative;padding:0;margin:0;}.left {float:left;}.right {float:right;}.txtl{text-align:left;}.txtc{text-align:center;}.txtr{text-align:right;}.clear{clear:both;}img{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{min-height:0;display:block;}* html .clearfix{height:1%;}

/* ================================================= Text & Links */
body, td, div, select, textarea, input {
	font-size:20px;
	color:#555;
	font-family: 'Alegreya', serif;
}
a {
	color:#606;
	text-decoration: none;
	-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
}
a:hover {
	color:#606;
	text-decoration: underline;
}
h1, h2, h3, h1 a, h2 a, h3 a, legend, #logo {
	color:#606;
	font-family: 'Raleway', sans-serif; font-weight: normal;
}
h1,h2,h3{text-align: center;}
h1 {margin:1em .5em;
	font-size: 3em;
}
.archive h1{font-size:2em;margin:1.3em .5em;line-height:1.2em;}
.archive h1 span{font-size:.6em;display:block;}
.archive h1, .archive h1 a{font-family: 'Alegreya', serif; color:#333;}
.archive h1 a{text-decoration: underline;}
.archive h1 a:hover{color:#606;}
h2 {margin:1.3em 0 .6em;
	font-size: 2em;
}
.archive h2{margin-top:1.5em;background:#eee;}
.archive h2 a{display:block;padding:.5em;max-width: 1000px; margin:0 auto;}
h3 {margin:1em 0 .3em;
	font-size: 1.4em;
}
p {margin:0 0 1em;line-height:1.4em;text-align: justify;}
p.post-meta{font-size:.75em;color:#999;text-align: center;margin:1em 0;}
ul,ol{margin:0 0 1em 50px;padding: 0;text-align: justify;}
ul li, ol li{line-height:1.4em;margin: .4em 0;padding: 0;}
li ol, li ul{margin-bottom:0;}
.little{font-size:.8em;}
code{background:#eee; font-size:.8em;color:#606; padding:.2em .4em;border-radius:5px;}
img{max-width: 100%;height: auto;}

/* =================================================== Page Content */
figure.right,figure.left{text-align:center;margin:0;padding:5px;border:1px solid #ccc;background:#fff;}
figure.right{margin:0 0 5px 15px;}
figure.left{margin:0 15px 5px 0;}
figcaption{padding:0;margin:5px 0 0 0;font-size:.85em;}
img.right{margin:0 0 5px 15px;}
img.left{margin:0 15px 5px 0;}
#leftcol aside, #rightcol aside{clear:both;padding:1px 20px 10px;}
hr{height:0;margin: 2em 0; border:none;border-top:1px dashed #ccc;}

/* ======================================================== Tables  */
.grid{width:100%;border-collapse:collapse;margin:1em 0;}
.grid th, .grid td{padding:10px 15px;}
.grid thead th, .grid tbody th{background:#eee;border:1px solid #ccc;border-bottom:3px solid #999;}
.grid tbody th{background:#eee;border:1px solid #ccc;border-right:2px solid #999;}
.grid td{border:1px dashed #ccc;border-bottom:1px solid #ddd;
	-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
}
.grid tbody tr{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.grid tbody tr:hover{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}

/* ================================================= Page Structure */
body{margin:0;padding:0;text-align:left;
	background:#fff;
}
.pagewidth{margin:0 auto;
	max-width:700px;
	padding:0 25px;
}
#maincol{z-index: 1;
	padding:1px 0 35px;
}
#maincol.full{width:auto;}

/* ========================================================== Header */
header.heady{z-index: 3;
	background:#333 url('images/jesse-schoberg-keynote.jpg') no-repeat center center / cover;
	height:0px;
	padding-top:34.2%;
}
header.heady::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 34.2%;
    background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 65%,rgba(0,0,0,0.8) 100%);
}
#logo {margin:0;position:absolute;
	bottom:-6%;
	display:block;
	text-align: center;
	width:100%;	
	text-decoration: none;
	line-height: 1em;
	font-size: 2em;
	font-size:130px;
	font-size: 14vw;
	color:#fff;
	text-shadow:-1px -1px 0 #000;
}

/* ========================================================== Footer */
footer.footy{clear: both;
	padding:15px 25px;
}
footer.footy a{
	color:#666;
	text-decoration: none;
}
footer.footy a:hover{
	color:#666;
	text-decoration: underline;
}
footer.footy p{
	margin:0 1em .5em;
	text-align: center;
}
footer.footy p#credit{
	font-size:.8em;
}

/* ================================================ Horizontal Menu */
#hnav {clear:both;float:left;width:100%;margin:0;padding:0;position:absolute;
   	line-height: 1em;
   	top:0;
}
#hnav ul {margin:0;padding:0;list-style:none;}
#hnav ul li {margin:0;padding:0;position:relative;float:left;}
#hnav ul li a {display:block;margin:0;
   	padding:10px 20px;
   	font-size:3vw;
   	line-height:1em;
   	text-decoration:none;
   	color:#fff;
   	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.7);
}
#hnav ul li a:hover, #hnav ul li:hover a {
   	color:#fff;
   	text-decoration: underline;
}
/* Center Menu */
#hnav ul{float:right;position:relative;right:50%;}#hnav ul li{position:relative;left:50%;}#hnav ul ul{right:auto;}#hnav ul ul li {left:auto;}
/* Submenu items */
#hnav ul ul {position:absolute;opacity:0;left:-888em;top:100px;
	width:200px;
    /*-webkit-transition: top .2s ease, opacity .2s ease;-moz-transition: top .2s ease, opacity .2s ease;-o-transition: top .2s ease, opacity .2s ease;transition: top .2s ease, opacity .2s ease;*/
}
#hnav ul ul li {clear:left;margin:0;padding:0;width:100%;}

#hnav ul ul li a, #hnav ul li:hover ul li a{
	font-size:14px;
	line-height:14px;
	background:#333;
	color:#fff; 
}
#hnav ul ul li a:hover,
#hnav ul li:hover ul li a:hover{ 
	background:#444; 
   	color:#fff;
}
#hnav ul li:hover ul{left:0;height:auto;opacity:1;
top:38px; /* =(#hnav lineheight + #hnav ul li a top/bottom padding/margin) */ 
}

/* ================================================= Vertical Menu */
#vnav {clear:both;float:left;width:100%;margin:0;padding:0;
   	font:18px/18px Georgia, serif; 
}
#vnav ul {margin:0;padding:0;list-style:none;}
#vnav ul li {margin:0;padding:0;position:relative;float:left;
	width:230px;
}
#vnav ul li a {display:block;margin:0;
   	padding:10px 20px;
   	font-size:1em;
   	line-height:1em;
   	background:#ccc;
   	text-decoration:none;
   	color:#333;
}
#vnav ul li a:hover, #vnav ul li:hover a {
   	background:#900;
   	color:#fff;
}
/* Submenu items */
#vnav ul ul {position:absolute;opacity:0;left:300px;top:-888em; 
	width:170px;
    /*-webkit-transition: left .2s ease, opacity .2s ease;-moz-transition: left .2s ease, opacity .2s ease;-o-transition: left .2s ease, opacity .2s ease;opacity .2s ease;transition: left .2s ease, opacity .2s ease;*/
}
#hnav ul ul li {clear:left;margin:0;padding:0;width:100%;}

#vnav ul ul li a, #vnav ul li:hover ul li a{
	font-size:14px;
	line-height:14px;
	background:#333;
	color:#fff; 
}
#vnav ul ul li a:hover,
#vnav ul li:hover ul li a:hover{ 
	background:#444; 
   	color:#fff;
}
#vnav ul li:hover ul{left:230px;opacity:1;top:0;}

/* =========================================================== Forms */
form.lj fieldset {
border:1px solid #eee;  /* Fieldset Border */
margin:  0 0 1em 0;padding: 0 1em 1px;
}
form.lj input, 
form.lj select,
form.lj textarea {
color:#000;             /* Input Text Color */
display: block;
width: 96.5%;
background: #fff;
border: 2px solid #ccc; /* Input Border */
padding:.25em .5em;
font-weight:bold;
border-radius:5px;
}
form.lj input:focus, form.lj select:focus, form.lj textarea:focus{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
form.lj .submit {
background:#eee;        /* Submit Colors */
color:#000;
border: 2px solid #ccc;
font-weight:bold;
display:inline;margin:0 2em 1em 0;width: auto;}
form.lj .submit.light{color:#ccc;font-weight:normal;}
form.lj legend {     /* color defined above with h3 */
background:#fff;font-size: 1.1em;font-weight:bold;}
form.lj .ammerspay{position:absolute;width:50px;top:0;left:-5000px;}
form.lj fieldset.radio{margin: 1em 0 1em 0;}
form.lj fieldset label.radio,form.lj fieldset.radio label{cursor:pointer;line-height:1.6em;}
form.lj fieldset.radio input,form.lj label.radio input {width:auto;float:left;margin-right:6px;border:none;background:none;}
form.lj fieldset.float label,form.lj fieldset label.float{display:inline; float:left;white-space: nowrap;margin-right: 15px;}
form.lj input.hidden {border:none;padding:0;display:inline;}
form.lj legend a {font-weight:normal;font-size:.9em;}
form.lj label{display: block;margin-bottom: 1em;}
form.lj label.f3{float:left;width:33.3%;}
form.lj label.f3 input{width:90%;}
form.lj label.f2{float:left;width:50%;}
form.lj label.f2 input{width:93%;}
form.lj .first{padding-top: 1em;}
form.lj select{width:auto;}
form table,form h2{margin-left:0;margin-right:0;}
form.lj p{margin:0 0 .25em 0;padding:0;}
form.lj {margin-top: 1em;margin-bottom:1em;}

/* ========================================================= Alerts */
h3.alert, h3.alertyes, h3.alertwarn{padding:5px 5px 5px 30px;color:#000;border: 2px solid #0c0;margin-top:.8em;margin-bottom:1.8em;background: #cfc;border-radius:5px;-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);box-shadow:0 10px 5px -5px rgba(0,0,0,.3);position:relative;}
h3.alert a, h3.alertyes a, h3.alertwarn a{text-decoration: underline;}
h3.alert{background: #fcc;border-color:#c00;}
h3.alertwarn{background: #ffc;border-color:#ff3;}
h3.alert:before, h3.alertyes:before, h3.alertwarn:before{content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;height:100%;line-height:2em;}
h3.alertyes:before{content:'\2713';background:#0c0;padding:0px 8px 0px 6px;}
h3.alertwarn:before{content:'i';background:#ff3;color:#000;}

/* =========================================================== Grids */
.cols2, .cols3, .cols4, .cols5, .cols6{clear:both;overflow:hidden;}.cols2 section,.cols3 section,.cols4 section,.cols5 section,.cols6 section{float:left;margin-left:2%;}.cols2 section:first-child, .cols3 section:first-child, .cols4 section:first-child, .cols5 section:first-child, .cols6 section:first-child{margin-left:0}.cols2 section{width:49%;}.cols3 section{width:32%;}.cols4 section{width:23.5%;}.cols5 section{width:18.4%;}.cols6 section{width:15%;}.cols3 .merge2{width:66%;}.cols4 .merge2{width:49%;}.cols5 .merge2{width:38.8%;}.cols6 .merge2{width:32%;}.cols4 .merge3{width:74.5%;}.cols5 .merge3{width:59.2%;}.cols6 .merge3{width:49%;}.cols5 .merge4{width:79.6%;}.cols6 .merge4{width:66%;}.cols6 .merge5{width:83%;} 

/* ======================================================= Wordpress */
aside.widget_search{margin-top: 25px;}
input.search-field {width: 60%;}

/* ================================================== Wordpress Core */
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

@media screen and (max-width: 600px) {
	
#hnav ul li a{font-size:6vw; padding:10px;}
header.heady::before {background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 65%,rgba(0,0,0,0.8) 100%);}
h1{font-size:1.5em;}
.archive h1{font-size:1.5em;}
.archive h1 span{font-size:.8em;}
 h2{font-size:1.5em;}
 .archive h2 a:hover{text-decoration: none;}/*fix double tap on mobile*/
 ul,ol{margin-left:25px;}
.alignright, .alignleft{float:none;display:block;margin:5px auto;}
	
}