/*
Theme Name: robsite 6
Description: robsite 6 Theme
Author: Robert Gerlach
Version: 1.0
*/


/**
 * @license
 * MyFonts Webfont Build ID 3692120, 2018-12-31T09:14:23-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvenirLTPro-Medium by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/pro-65-medium/
 * 
 * Webfont: AvenirLTPro-MediumOblique by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/pro-65-medium-oblique/
 * 
 * Webfont: AvenirLTPro-Heavy by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/pro-85-heavy/
 * 
 * Webfont: AvenirLTPro-HeavyOblique by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/pro-85-heavy-oblique/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3692120
 * Licensed pageviews: 250,000
 * Webfonts copyright: Copyright © 2014 Monotype GmbH. All rights reserved.
 * 
 * © 2018 MyFonts Inc
*/

@import url("//hello.myfonts.net/count/385658");

/* normal */
@font-face {
  font-family: 'AvenirLTPro';
  font-style: normal;
  src: url('fonts/385658_0_0.eot');src: url('fonts/385658_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/385658_0_0.woff2') format('woff2'),url('fonts/385658_0_0.woff') format('woff'),url('fonts/385658_0_0.ttf') format('truetype');
}

@font-face {
  font-family: 'AvenirLTPro';
  font-weight: 500;
  font-style: normal;
  src: url('fonts/385658_0_0.eot');src: url('fonts/385658_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/385658_0_0.woff2') format('woff2'),url('fonts/385658_0_0.woff') format('woff'),url('fonts/385658_0_0.ttf') format('truetype');
}

/* normal, italic */
@font-face {
  font-family: 'AvenirLTPro';
  font-style: italic;
  src: url('fonts/385658_1_0.eot');src: url('fonts/385658_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/385658_1_0.woff2') format('woff2'),url('fonts/385658_1_0.woff') format('woff'),url('fonts/385658_1_0.ttf') format('truetype');
}

@font-face {
  font-family: 'AvenirLTPro';
  font-weight: 500;
  font-style: italic;
  src: url('fonts/385658_1_0.eot');src: url('fonts/385658_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/385658_1_0.woff2') format('woff2'),url('fonts/385658_1_0.woff') format('woff'),url('fonts/385658_1_0.ttf') format('truetype');
}

/* bold */
@font-face {
  font-family: 'AvenirLTPro';
  font-weight: 600;
  font-style: normal;
  src: url('fonts/385658_2_0.eot');src: url('fonts/385658_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/385658_2_0.woff2') format('woff2'),url('fonts/385658_2_0.woff') format('woff'),url('fonts/385658_2_0.ttf') format('truetype');
}
  
/* bold, italic */
@font-face {
  font-family: 'AvenirLTPro';
  font-weight: 600;
  font-style: italic;
  src: url('fonts/385658_3_0.eot');src: url('fonts/385658_3_0.eot?#iefix') format('embedded-opentype'),url('fonts/385658_3_0.woff2') format('woff2'),url('fonts/385658_3_0.woff') format('woff'),url('fonts/385658_3_0.ttf') format('truetype');
}


/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

* {
  box-sizing: border-box;
}
/** General **/

html {
  height: 100%;
}
body {
  height: 100%;

  font-family: AvenirLTPro, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: #b3b3bf;
  background: #030204;
}

@media (max-width: 420px) {
  body {
    font-size: 16px;
  }
}

.all {
  position: relative;
  height: auto;
  min-height: 100%;
  padding-bottom: 6vw;

  background: #030204;
  background: -moz-linear-gradient(top, #1e1f22 0%, #07080a 100%);
  background: -webkit-linear-gradient(top, #1e1f22 0%,#07080a 100%);
  background: linear-gradient(to bottom, #1e1f22 0%,#07080a 100%);

  background: #030203 url(img/starfield9e.png) no-repeat 0 0;
  background-size: 100% 100%;
}
@media (min-width: 2048px) {
  .all {
    padding-bottom: 123px;
  }
}

@media (max-width: 2000px) {
  .all {
    background: #030203 url(img/starfield9e.png) no-repeat 0 0;
    background-position: 50% 0;
    background-size: 120% 100%;
  }  
}


@media (max-width: 1300px) {
  .all {
    background: #030203 url(img/starfield9e.png) no-repeat 0 0;
    background-position: 50% 0;
    background-size: 100% 100%;
  }  
}

@media (max-width: 991px) {
  .all {
    padding-bottom: 60px;
    background: #030203 url(img/starfield9e.png) no-repeat 0 0;
    background-size: 150% 100%;
  }  
}

@media (max-width: 767px) {
  .all {    
    background: #030203 url(img/starfield9e-tinyscreen.png) no-repeat 0 0;
    background-size: 150% 100%;
  }  
}


@media (max-width: 450px) {
  .all {
    padding-bottom: 170px;
  }
}



.site {
  padding: 0 20px;    
  transition: margin 250ms;
  transition-timing-function: ease-out;
}
a {
  text-decoration: none;
  color: #fff;
  transition: all 250ms;
  font-weight: bold;
}
a:hover {
  color: #2C75FF;
  transition: all 13ms;  
}

hr {
  display: block;
  margin: 50px auto;
  width: 80%;
  border: none;
  height: 1px;
  background: -moz-linear-gradient(left, rgba(179,179,191,0) 0%, rgba(179,179,191,0) 10%, rgba(179,179,191,1) 50%, rgba(179,179,191,0) 90%, rgba(179,179,191,0) 100%);
background: -webkit-linear-gradient(left, rgba(179,179,191,0) 0%,rgba(179,179,191,0) 10%,rgba(179,179,191,1) 50%,rgba(179,179,191,0) 90%,rgba(179,179,191,0) 100%);
background: linear-gradient(to right, rgba(179,179,191,0) 0%,rgba(179,179,191,0) 10%,rgba(179,179,191,1) 50%,rgba(179,179,191,0) 90%,rgba(179,179,191,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.notice {
  font-size: 12px;
  line-height: 16px;
  color: #3f4250;
  margin-bottom: 20px;
}

.notice a {
  color: #3f4250;
}
.notice a:hover {
  color: #2C75FF;
}

.notice.touch {
  display: none;
}
body.maybe-touch .notice.touch {
  display: block;
}




/** Header **/

header {
  height: 60px;
  background: transparent;
  margin: 0 auto 6vw auto;
  width: 100%;
  max-width: 2560px;
}
@media (min-width: 2048px) {
  header {
    margin-bottom: 123px;
  }
}
@media (max-width: 450px) {
  header {
    margin-bottom: 27px;
  }
}

header h1 {
  width: 160px;
  margin: 0;
  padding: 0;
  float: left;
}
header h1 a {
  display: block;
  height: 60px;
  width: 160px;
  background: url(img/robsite-ffffff.png) no-repeat 20px 20px;
  background-size: 120px 20px;
}
header h1 a:hover {
  background-image: url(img/robsite-2C75FF.png);
}
header h1 a span {
  display: none;
}

header .top {
  float: right;
}

header .top .menu {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
}
header .top .menu li {
  display: inline-block;
  list-style-type: none;
}
header .top .menu li a {
  display: block;
  font-weight: 400;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  font-size: 20px;
  transform: translateY(4px);
  transition: padding 1200ms, color 250ms;
}
header .top .menu li a:hover {
  transition: color 13ms;
}
@media (max-width: 400px) {
  header .top .menu li a {
    padding: 0;
    transition: padding 600ms;
  }
}


header .top .search {
  display: inline-block;
  position: relative;
}

header .top .search .search-toggle {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 60px;
  background: url(img/lupe.png) no-repeat 22px 25px;
  background-size: 18px 18px;
}
header .top .search .search-toggle:hover,
header .top .search .search-toggle.active {
  background-image: url(img/lupe-hover.png);
}
header .top .search form {  
  display: block;
  position: absolute;
  right: 20px;
  top: 58px;

  opacity: 0;   
}
header .top .search form input {
  width: 200px;  
  height: 30px;
  line-height: 30px;
  -webkit-appearance: none;
  border: none;
  border-bottom: 2px solid #fff;
  border-radius: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  outline: none;
  color: rgba(255,255,255,0.8);
  font-family: AvenirLTPro, Helvetica, Arial, sans-serif;
  font-weight: 500;
}
::-webkit-input-placeholder {
  color: rgba(255,255,255,0.3);
  font-family: AvenirLTPro, Helvetica, Arial, sans-serif;
  font-weight: 500}
:-moz-placeholder {
  color: rgba(255,255,255,0.3);
  font-family: AvenirLTPro, Helvetica, Arial, sans-serif;
  font-weight: 500}
::-moz-placeholder {
  color: rgba(255,255,255,0.3);
  font-family: AvenirLTPro, Helvetica, Arial, sans-serif;
  font-weight: 500}
:-ms-input-placeholder {
  color: rgba(255,255,255,0.3);
 font-family: AvenirLTPro, Helvetica, Arial, sans-serif;
 font-weight: 500}
::-ms-input-placeholder {
  color: rgba(255,255,255,0.3);
 font-family: AvenirLTPro, Helvetica, Arial, sans-serif;
 font-weight: 500}

::placeholder {
  color: rgba(255,255,255,0.3);
 font-family: AvenirLTPro, Helvetica, Arial, sans-serif;
 font-weight: 500}

header .top .search form.active {
  display: block;
  opacity: 1;    
}

@media (max-width: 700px) {
  body.search-active .site {
    margin-top: 45px;
    transition: margin 250ms;
    transition-timing-function: ease-out;
  }
  header .top .search form {
    transition: opacity 0ms;
    transition-timing-function: ease-out;
  }

  header .top .search form.active {    
    transition: opacity 250ms;
    transition-timing-function: ease-out;
  }
}

@media (max-width: 310px) {
  header h1 a {
    height: 42px;
  }
  body.search-active .site {
    margin-top: 130px;    
  }  
  header .top .search form,
  header .top .search form input {
    width: 100%;
  }
}

/** General ***/
h1 {
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  color: #fff;
  font-size: 48px;
  line-height: 55px;
  margin-bottom: 0.5em;
}

/** Posts / Pages **/

body .site .posts article {
  width: 100%;  
  margin: 0 auto 140px auto;
  padding-bottom: 20px;
}
body .site .posts article > h2,
body .site .posts article > .text,
body .site .posts article > .bottom {
  margin: 0 auto 0 auto;
  max-width: 660px;
}
body .site .posts article > .bottom a {
  font-weight: 500;
}

body .site .posts article > .text.postwidth-wide {
  max-width: 1600px;
}

@media (max-width: 767px) {
  body .site .posts article {
    margin-bottom: 30px;
  }
}
body .site .posts article:last-of-type {
  margin-bottom: 0;
}



article > h2 {  
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  margin: 0 0 0.5em 0;
  text-align: left;
  color: #fff;
  hyphens: auto;
  transition: font-size 250ms;
  transition-timing-function: ease-out;
}
.site article h2 a {
  display: block;
  color: #fff;
  hyphens: none;
}
.site article h2 a:hover {
  color: #0085ff;
  filter: blur(0);
  opacity: 1;  
}
.site article h2 a span {
  transition: all 250ms;
  transition-timing-function: ease-out;
}
.site article h2 a:hover span {
  transition: all 0ms;
  transition-timing-function: ease-out;
}

article .normal {
  width: 100%;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 900px) {
  article > h2 {
    font-size: 48px;
    line-height: 55px;
  }
}

@media (max-width: 767px){
  article .text {
    hyphens: auto;
    word-break: break-word;
    overflow-x: hidden;
  }
}


@media (max-width: 620px) {
  article > h2 {
    font-size: 35px;
    line-height: 42px;
    transition: font-size 250ms;
    transition-timing-function: ease-out;
  }
}

.error404 article > h2 {
  margin-bottom: 2em; 
}

blockquote {
  color: #828292;
  margin-left: 39px;
  font-style: italic;
}

.text blockquote:first-of-type {
  position: relative;
}
.text blockquote:first-of-type:before {
  /*
  display: block;
  content: '“';
  position: absolute;
  top: 0;
  left: 0;
  
  font-size: 420px;
  line-height: 1px;
  color: rgba(255,255,255,0.07);
  transform: translate(-110px, 206px);*/
}

article object {
  max-width: 100% !important;
}

/** for Datenschutz **/

.page-template-page-impressumdatenschutz footer .menu li a {
  color: #2C75FF;
}

article h1 {
  margin-top: 0;
  padding-top: 70px;
  margin-bottom: 10px;
  color: #fff;
  hyphens: auto;
}

article h3,
article h4,
article h5,
article h6 {
  color: #fff;
  hyphens: auto;
}
article h3 {
  margin-top: 55px;
  margin-bottom: 0;
}
article h4 {
  margin-top: 45px;
  margin-bottom: 0;
  color: #eee;
}
article h5 {
  margin-top: 35px;
  margin-bottom: 0;
  color: #eee;
}
article h6 {
  margin-top: 20px;
  margin-bottom: 0;
  color: #ddd;
}

article h3 + h4 {
  margin-top: 10px;
}
article h4 + h5 {
  margin-top: 10px;
}
article h5 + h6 {
  margin-top: 10px;
}

article p,
article ul,
article ol {
  margin-top: 0.6em;
  margin-bottom: 1.1em;
  hyphens: auto;
}

article .small {
  font-size: 12px;
  line-height: 18px;
}

article img {
  max-width: 100%;
}



/** Posts > Bottom **/

article .bottom {
  opacity: 0;
  padding: 10px 0 30px 0;
  font-size: 14px;

  transition: all 250ms;
  text-align: left;
}
article:hover .bottom {
  opacity: 1;

  transition: all 0ms;
}
body.maybe-touch article .bottom {
  opacity: 1;
}

/** Pagination **/
.pageLinks {
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  text-align: center;
  padding-top: 1.54vw;
}
.pageLinks a {
  font-weight: 500;
}
.pageLinks .pageLink.current a {
  font-size: 30px;
}

/******* Comments ******/
.comments {
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.2);
}

.comments h2 {
  color: #fff;
  margin-bottom: 40px;
}

.comments .comment {
  margin-bottom: 45px;
}
.comments .comment .header {
  padding-bottom: 5px;
}
.comments .comment .header .name {
  color: #fff;
}
.comments .comment .text {
  padding-bottom: 5px;
  hyphens: auto;
}
.comments .comment .bottom {
  font-size: 14px;
  color: rgba(255,255,255,0.2);
}


/***** Projekte *****/

.page-template-page-projekte header .menu li a {
  color: #2C75FF;
}


.projects .content-column {
  width: 100%;
  max-width: 660px;
  margin: 0 auto 40px auto;  
  transition: margin-bottom 250ms;
  transition-timing-function: ease-out;
}
.projects .content-column.header {
  margin-bottom: 60px;
}

.projects .content-column h2 {
  font-size: 48px;
  line-height: 55px;
  font-weight: 600;
  
  margin: 0 0 0.5em 0;
  text-align: left;
  color: #fff;
  hyphens: auto;
  transition: font-size 250ms;
  transition-timing-function: ease-out;
}

.projects .project {
  margin-bottom: 120px;
}

.projects .project h3 {
  font-size: 35px;
  line-height: 43px;
  margin: 0 0 10px 0;  
}
.projects .project h4 {
  font-size: 22px;
  line-height: 30px;
  margin: 0;
  padding-bottom: 10px;
}
.projects .project .image {
  margin-bottom: 10px;
}

.projects .project .text {

}
.projects .project .text p {
  margin-top: 0;
}

/* all huge screens  */
@media (min-width: 900px) {
  .projects .content-column h2 {
    font-size: 48px;
    line-height: 55px;
  }  
}
@media (max-width: 899px) {
  .projects .content-column.header {
    margin-bottom: 30px;
    transition: margin-bottom 250ms;
    transition-timing-function: ease-out;
  }
}

@media (max-width: 767px) {
  .projects .content-column {
    margin-bottom: 80px;
  }
}

@media (max-width: 620px) {
  .projects .content-column h2 {
    font-size: 40px;
    line-height: 38px;
    transition: font-size 250ms;
    transition-timing-function: ease-out;
  }
}

@media (max-width: 430px) {
  .projects .content-column.header {
    display: none;
  }
}


/****** Footer ********/
footer {
  position: absolute;
  bottom: 0;
  left: 0;  
  right: 0;
  display: table;
  width: 100%;    
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
}


footer .col {
  display: table-cell;
  vertical-align: top;
}
footer .col.first {
  text-align: left;
}
footer .col.last {
  text-align: right;
}
footer ul {
  padding: 0;
  margin: 0;
}
footer li {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
}
footer a {
  display: inline-block;
  height: 60px;
  line-height: 60px;  
  font-weight: 500;
}


@media (max-width: 450px) {
  .pageLinks {
    font-size: 18px;
  }
  .pageLinks .pageLink.current a {
    font-size: 38px;
  }

  footer, footer .col, footer .col li  {
    display: block;
    width: 100%;
    text-align: center;
  }  
  footer, footer .col, footer .col li a {
    display: block;
  }
  footer .col.last li:last-child a {
    padding-bottom: 80px;
  }
  footer a {
    height: 45px;
    line-height: 45px;
    font-size: 20px;
  }
  footer {
    margin-bottom: 0;
  }
}

/** Archive **/
.archive-tag-title {
  margin-bottom: 4vw;
  font-size: 30px;
}
.archive-tag-title-tag {
  color: #0085ff;  
  cursor: s-resize;
}

/** Search **/

.search-title {
  margin-bottom: 4vw;
  font-size: 30px;
}
.search-title span {
  color: #0085ff;  
  cursor: s-resize;
}
.nothing-found {
  width: 100%;
  max-width: 660px;
  font-style: italic;
  margin: 0 auto;
}

/** 404 **/

.error404,
.error404 h2 {
  text-align: center;
}
.error404 .posts .text h3 {
  margin-bottom: 10px;  
}
.error404 .site .posts article > h2 {
  margin-bottom: 40px;
}

.haiku_404 {
  display: block;
  font-size: 24px;
  line-height: 32px;
  font-family: Georgia, serif;
  font-style: italic;
  letter-spacing: 0.5px;    
}
@media (max-width: 430px) { 
  .haiku_404 {
    font-size: 17px;
    line-height: 23px;
  }  
}



/*
Sunburst-like style (c) Vasily Polovnyov <vast@whiteants.net>
*/

.posts article .text code,
.posts article .text pre {
  font-family: 'Monaco', 'Consolas', 'Courier New', monospace;  
  font-size: 15px;    
}


.posts article .text h2 {
  color: #fff;
  padding-top: 10px;
  margin-top: 0;
}

.posts article .text h2.big {
  color: #fff;
  padding-top: 20px;
  font-size: 37px;
  line-height: 50px;
  margin: 10px 0;
}


.posts article .text .highlight-1 {
  padding-top: 0;
  color: #fff;
}

.posts article .text .highlight-2 {
  padding-top: 26px;
  color: #fff;
}

.posts article .text .highlight-3 {
  padding-top: 0;
  color: #fff;
}



.posts article .text .highlight {
  font-family: 'Monaco', 'Consolas', 'Courier New', monospace;
  margin-bottom: 20px;
      
  font-weight: 500;
  font-style:normal;

  line-height: 20px;

  overflow:auto;
  padding: 7px 10px;

  white-space: pre;
  
  display: block;  
}
.posts article .text code.inline {
  display: inline;
  margin: 0;
  
  background-color: rgba(0,0,0,0.8);
  padding: 5px;
  
  text-shadow: none;
}

.posts article .text pre {
  white-space: pre;
}

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #000;
  color: #f8f8f8;
}

.hljs-comment,
.hljs-quote {
  color: #aeaeae;
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
  color: #e28964;
}

.hljs-string {
  color: #65b042;
}

.hljs-subst {
  color: #daefa3;
}

.hljs-regexp,
.hljs-link {
  color: #e9c062;
}

.hljs-title,
.hljs-section,
.hljs-tag,
.hljs-name {
  color: #89bdff;
}

.hljs-class .hljs-title,
.hljs-doctag {
  text-decoration: underline;
}

.hljs-symbol,
.hljs-bullet,
.hljs-number {
  color: #3387cc;
}

.hljs-params,
.hljs-variable,
.hljs-template-variable {
  color: #3e87e3;
}

.hljs-attribute {
  color: #cda869;
}

.hljs-meta {
  color: #8996a8;
}

.hljs-formula {
  background-color: #0e2231;
  color: #f8f8f8;
  font-style: italic;
}

.hljs-addition {
  background-color: #253b22;
  color: #f8f8f8;
}

.hljs-deletion {
  background-color: #420e09;
  color: #f8f8f8;
}

.hljs-selector-class {
  color: #9b703f;
}

.hljs-selector-id {
  color: #8b98ab;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: 600;
}

/** WP Admin Bar **/
/*#wpadminbar{display:none;}*/
body.admin-bar {
  padding-top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar {
    padding-top: 46px;
  }
}


/*************
******* Inverted / Light Mode
 ******
 *** 
****/

body.light {
  color: #49495a;
}

.light .all {
  background: #e5e8eb url(img/starfield9e-reponsive-inverted-a.png) no-repeat 0 0;  
  background-size: 100% 100%;
}
@media (min-width: 2048px) {
  .light .all {
    padding-bottom: 123px;
  }
}

@media (max-width: 991px) {
  .light .all {
    padding-bottom: 60px;
    background: #030203 url(img/starfield9e-inverted.png) no-repeat 0 0;
    background-size: 200% 100%;s
  }  
}

@media (max-width: 767px) {
  .light .all {    
    background: #030203 url(img/starfield9e-inverted-tinyscreen.png) no-repeat 0 0;
    background-size: cover;
  }  
}

body.light a {
  color: #000;
}
body.light header h1 a {
  background-image: url(img/robsite-000000.png);
}
body.light header h1 a:hover {
  background-image: url(img/robsite-2C75FF.png);
}

body.light header .top .search .search-toggle {
  background: url(img/lupe-000000.png) no-repeat 22px 25px;
  background-size: 18px 18px;
}
body.light header .top .search .search-toggle:hover,
body.light header .top .search .search-toggle.active {
  background-image: url(img/lupe-hover.png);
}
body.light a:hover {
  color: #2C75FF;
  transition: all 13ms;
}

body.light .site article h2 a {
  display: block;
  color: #000;  
}
body.light .site article h2 a:hover {
  color: #0085ff;
}
body.light .posts .text a {
  color: #000;
}
body.light .posts .text a:hover {
  color: #0085ff;
}

body.light header .top .search form input {
  border-bottom: 2px solid #000;
  color: #000;
}