/*
Theme Name: Vanek
Theme URI: http://ianvanek.com
Author: Chad von Nau
Author URI: http://vonnau.com
Description: Based on BlankSlate http://wordpress.org/themes/blankslate.
Version: 0.1
License: -
License URI: -
Tags: 
Text Domain: blankslate

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}

.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
  font-family: 'Raleway', sans-serif;
}
@media (max-width: 600px) {
  /* put in a media query so that IE8 ignores it */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
}
iframe {
  max-width: 100%;
}
a {
  text-decoration: none;
  color: #333333;
}
b, strong {
  font-weight: bold;
}
i, cite, em, var, address, dfn {
  font-style: italic;
}
article {
  position: relative;
  margin-bottom: 2em;
}
.category .row {
  margin: 0 -10px;
  font-size: 0;
}
.category .row article {
  font-size: 1rem;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  margin-right: 10px;
}
@media (max-width: 359px) {
  .category .row img {
    max-width: 130px !important;
    max-height: 130px !important;
    height: auto !important;
    width: auto !important;
  }
}
.category-press article {
  margin-bottom: auto;
}
.entry-content a,
.archive-meta a {
  background-color: yellow;
}
.entry-content iframe {
  vertical-align: text-bottom;
}
.entry-content a img {
  /* Prevent yellow flash on load */
  vertical-align: text-bottom;
  background: white;
  min-height: 2em;
}
.mejs-container {
  max-width: 300px;
  margin-bottom: 1em;
}
a.mejs-horizontal-volume-slider {
  background-color: transparent; /* override .entry-content a */
}
.wp-caption {
  width: auto !important;
}
.wp-post-image-container {
  margin-bottom: 1em;
}
.entry-title {
  max-width: 18em;
}
p {
  max-width: 30em;
  margin-bottom: 1em;
}
header a,
#sidebar a {
  color: black;
  text-decoration: none;
}

#wrapper {
  max-width: 960px;
  margin: auto;
  padding: 20px;
}
#container {
  position: relative;
}
#sidebar {
  /* Prevent sidebar from flickering during flexslider CSS transitions */
  -webkit-font-smoothing: subpixel-antialiased;
  /* -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0); */
}
#header {
  margin-bottom: 2em;
}
.entry-title {
  font-size: 1.5em;
  margin-bottom: 1em;
}
.entry-content,
.archive-meta {
  font-size: .9em;
}
#site-description {
  font-size: .6em;
}

@media (max-width: 600px) {
  .xoxo > li li + li {
    /* space the menu out so we have bigger touch targets*/
    margin-top: .25em;
  }
}
@media (min-width: 601px) {
  #sidebar {
    position: absolute;
    width: 190px;
    top: 0;
    left: 0;
  }
  #content,
  #footer {
    margin-left: 220px;
  }
}

.xoxo > li + li {
  margin-top: 1em;
}

.widget_latest_tweets_widget,
.widget_custom-twitter-feeds-widget {
  font-size: .8em;
  line-height: 1.4;
}
.tweet-text,
.ctf-tweet-text {
  word-break: break-word;
}
.tweet-text a,
.ctf-tweet-text a {
  word-break: break-all;
}
#ctf .ctf-item {
  padding: 0;
}
#ctf .ctf-context {
  margin: 0;
  padding: 0;
}
#ctf.ctf-super-narrow .ctf-context {
  padding: 0;
}
#ctf.ctf-super-narrow .ctf-author-box {
  min-height: 0;
  margin: 0;
}
#ctf .ctf-tweet-content {
  margin: 0;
}
#ctf.ctf-narrow .ctf-tweet-content {
  padding: 0;
}
#ctf .ctf-tweet-meta {
  margin: 0;
}

.current-menu-parent a:after,
.current-menu-item a:after {
  content: ' *';
}

.post-edit-link {
  position: absolute;
  top: -10px;
  left: -20px;
  width: 20px;
  overflow: hidden;
  padding: 10px 0;
  color: transparent;
  white-space: nowrap;
  text-indent: -56px;
  text-decoration: none;
}
.post-edit-link:after {
  content: ' *';
  transition: color .2s;
}
article:hover .post-edit-link:after {
  color: pink;
}
article:hover .post-edit-link:hover:after {
  color: red;
}

.ion-social-twitter   { color: #55acee; }
.ion-social-instagram { color: #a47758; }
.ion-social-youtube   { color: #b31217; }
.ion-social-facebook  {
  color: #ffffff;
  background-color: #3b5998;
  border: solid 1px #ffffff;
  line-height: 14px;
  border-radius: 2px;
}
.ion-social-facebook:before {
  position: relative;
  top: 1px;
  left: 1px;
}

.video-bg-open {
  overflow: hidden;
}
article.video-bg {
  display: block;
  margin: 0;
}
.video-bg {
  background: white;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 1;
  overflow: hidden;
}
.video-bg iframe,
.video-bg video {
  opacity: 0;
  filter: alpha(opacity=0);
}
.video-bg .video-fg,
.video-bg iframe,
.video-bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/*
  Full page video background
  Simulate object-fit: cover
  Based on http://fvsch.com/code/video-background/
*/

@media (min-aspect-ratio: 16/9) {
  .video-bg.cover .video-fg { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-bg.cover .video-fg { width: 300%; left: -100%; }
}

@supports (object-fit: cover) {
  .video-bg.cover .video-fg.supports-cover {
    width: 100%;
    height: 100%;
    top: 0; left: 0;
  }
  .video-bg.cover video {
    object-fit: cover;
  }
}

/*
  Video object-fit: fill
*/

@supports (object-fit: fill) {
  .video-bg.fill .video-fg.supports-fill {
    width: 100%;
    height: 100%;
    top: 0; left: 0;
  }
  .video-bg.fill video {
    object-fit: fill;
  }
}

/*
  Vertical centering for 16/9 youtube iframes and video elements
  Simulate object-fit: contain for entire element, not just contents of element
*/

.video-bg.contain {
  font-size: 0;
}
.video-bg.contain * {
  font-size: 16px;
}
.video-bg.contain:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.video-bg.contain .video-fg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
}
.video-bg.contain .video-fg:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: white;
  box-shadow: inset 0 0 0 3px, 0 0 0 2px;
}

@media (min-aspect-ratio: 16/9) {
  .video-bg.contain .video-fg {
    height: 100%;
    padding-bottom: 0;
    max-width: 177.78vh; /* (100vh * 16 / 9) */
    left: 50%;
    margin-left: -88.89vh; /* (100vh * 16 / 9) / -2 */
  }
}

.video-bg-loading {
  font-size: 16px;
  font-family: sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  text-align: center;
}


/* Pagination / Adjacent Nav / Flexslider */

.flexslider {
  max-width: 300px;
  border: none;
  margin: 0 0 1em 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.flex-viewport {
  max-height: 300px;
}

/* http://css-tricks.com/centering-in-the-unknown/ */
.flexslider .slides > li {
  text-align: center;
  height: 300px;
  font-size: 0; /* Adjusts for spacing */
}
.flexslider .slides > li * {
  font-size: 16px;
}
.flexslider .slides > li:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.flexslider .slides .flex-active-slide {
  display: block;
}

.flexslider .slides img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: 300px;
}
.flex-direction-nav a,
.adjacent-nav a {
  width: 24px;
  height: 24px;
  line-height: 1;
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: none;
}
.flex-direction-nav a:before {
  font-family: 'Raleway', sans-serif;
  font-size: 24px;
}
.flex-direction-nav a.flex-next:before {
  content: '→';
}
.flex-direction-nav a.flex-prev:before {
  content: '←';
}

.flex-direction-nav li {
  display: inline-block;
  vertical-align: top;
}
.flex-direction-nav .flex-prev { left: 0; }
.flex-direction-nav .flex-next { right: 20px; }
.flex-direction-nav .flex-prev:not(.flex-disabled) {
  /* only add to flow when not disabled */
  position: static;
}
.adjacent-nav {
  min-height: 72px; /* 16+24+32, margin-top + height + margin-bottom */
}
.adjacent-nav div {
  display: inline-block;
}
.adjacent-nav a {
  display: inline-block;
  font-size: 24px;
}

.entry-title:before {
  content: '';
  float: right;
  width: 58px;
  height: 24px;
}
.flex-direction-nav,
.adjacent-nav {
  position: absolute;
  width: 100%;
  max-width: 432px;
  left: 0px;
  text-align: right;
  top: 0;
  font-size: 0;
  pointer-events: none;
}
.flex-direction-nav a,
.adjacent-nav a {
  position: static;
  pointer-events: auto;
  margin: 0;
}
.flex-direction-nav .flex-prev,
.adjacent-nav .nav-previous {
  margin-right: 10px;
}


@media (min-width: 601px) {
  .entry-title:before {
    display: none;
  }
  .flex-direction-nav,
  .adjacent-nav {
    position: relative;
    text-align: left;
  }
  .flex-direction-nav a,
  .adjacent-nav a {
    margin: 16px 0 32px 0;
  }
  .flex-direction-nav .flex-prev,
  .adjacent-nav .nav-previous {
    margin-right: 0;
  }
  .flex-direction-nav .flex-next,
  .adjacent-nav .nav-next {
    position: absolute;
    top: 0;
    right: 20px;
  }

}