@import url("https://fonts.googleapis.com/css?family=Kaushan+Script|Roboto+Mono|Roboto:400,400italic,300,500,600,700&subset=latin,latin-ext");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
body { background: url("https://images.unsplash.com/photo-1614852624331-760256ccea78?q=60&w=1080&auto=format&fit=crop") black no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
* {margin: 0; padding: 0; box-sizing: border-box;}
html, body { height:100%; min-height:100%;}
html { height:100%; }
body {min-height:100%; font-family: Roboto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}


.header {width: 100%; height: 350px; padding-top: 100px;}
.header h1 {color: white; text-shadow: 0 0 10px rgba(0,0,0,1.0); font-size: 6em; font-family: 'Kaushan Script', 'Forte', cursive; text-align: center;}
.header h1 a {color: inherit; text-decoration: none; font-weight: inherit;}
.grid {width: 960px; margin: auto;}
nav.grid {text-align: center;}
nav img {border-radius: 50%; width: 120px; height: 120px; background: black; margin-bottom: -30px; border: 8px solid white;}
.container {/*padding-top: 300px;*/}
.page_wrap { min-height: 100%; height: auto !important;height: 100%; padding-bottom: 150px;  margin: 0 auto -100px; }

footer {height: 100px; margin:0; line-height: 1.2; background: transparent !important; opacity: 0.8;}
.mdl-mini-footer {color: whitesmoke;}
footer a {color: whitesmoke !important;}

a.nounderline {text-decoration: none;}
a.white {color: white;}
.card-wide.mdl-card {
    width: inherit;
    margin-bottom: 15px;
	border-radius: 3px;
  }
.card-wide > .mdl-card__title {
  color: #fff;
  height: 215px;
}
.card-wide > .mdl-card__title-text {
  text-shadow: 0 2px 2px rgba(0,0,0,.14), 0 3px 1px rgba(0,0,0,.2),0 1px 5px rgba(0,0,0,.12);
}
.card-wide > .mdl-card__supporting-text {
  color: rgba(0,0,0,.74);
  line-height: 1.7;
}


.mdl-card__title-text a {
  color: inherit; text-decoration: none; font-weight: 500;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}
h2.mdl-card__title-text {font-weight: 500 !important; text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);}
.card-wide > .mdl-card__menu {
  color: #fff;
} 
.card-wide > .mdl-card__actions > .mdl-button, .floatright  {
  float: right;
}
.mdl-button.floatright 
{
  margin-bottom: 6px;
}

.card-wide > .mdl-card__actions > span {
  font-size: 12px; margin: 9px; display: inline-block;
}
.card-wide > .mdl-card__actions > span > a {
  color: inherit; text-decoration: none; font-weight: inherit;
}
.card-wide > .mdl-card__actions > span > a:hover {
  text-decoration: underline;
}
.responsive {display: none;}

.adsense {min-height: initial; width: initial !important; margin: 30px auto; padding: 20px;}
.adsense span {font-size: 90%; margin-bottom: 10px; text-align: center;}

#seachbar_input {width: 100%; font-size: 200%; background: transparent; padding: 10px; outline: none; border: 0; color: white; font-family: Roboto, FontAwesome; font-weight: 300;}
#seachbar_input::placeholder {color: white;  opacity: 1; } #seachbar_input:-ms-input-placeholder { color: white; } #seachbar_input::-ms-input-placeholder { color: white; }


@media screen and (max-width: 970px) {
  /*body { background-attachment: scroll; }*/
  body {background-size: auto;  background-attachment: fixed; background-repeat: repeat-y;}
  .header { position: relative; height: 300px;}
  .header h1 {text-align:center; font-size: 350%;}
  .grid {width: 100%;}
  .container {padding: 15px; }
  .mdl-mini-footer .mdl-logo {line-height:1.0;}
  .noresponsive {display: none;}
  .responsive {display: inline-block;}
}

.blogpost_content, p, ul, ol {font-size: 16px; line-height: 28px;}
.blogpost_content {margin: 15px;}
.mdl-card__supporting-text {width: initial;}
.mdl-card__actions.mdl-card--border {border-bottom: 1px solid rgba(0,0,0,.1);}
.card-wide > .mdl-card__menu { right:0; left: 16px;}
ul,ol {margin-left: 20px;}
li {margin-left: 5px; font-size: inherit;}
q {font-style: italic; margin: 10px 0 10px 0; display: block; font-weight: 300;}
blockquote {display: block; font-weight: 300; font-size: 115%; margin: 25px 0 25px 30px;}
blockquote:before,blockquote:after {position: absolute; content: '"'; font-style: italic; font-weight: bold; font-size: 130%;}
blockquote:before {margin-top: 10px;}
blockquote:after {margin-left: 3px; margin-top: -2px;}

.blogpost_content img {border-radius: 3px; max-width: 100%;}
.blogpost_content p {margin-bottom: 25px;}
.blogpost_content h4.boxicek {margin-top: -7px;}
.blogpost_content img.boxicek {margin-right: 10px;}

#disqus_thread {margin: 30px; box-sizing: border-box;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  box-sizing: border-box !important;
  min-width: 100% !important;
  width: 100% !important;
}


@media screen and (max-width: 970px) {
	.blogpost_content img {width: 100%; height: auto !important;}
.blogpost_content {/*text-align:justify;*/} 
	blockquote {margin-left: 10px;}
}
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  margin: 15px;
  background: white;
  color: black;
  font-family: Roboto Mono;
  font-size: 14px;
}

.hljs.il { display: initial; margin: 0 !important; }

.hljs-comment,
.hljs-quote {
  color: #800;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-section,
.hljs-title,
.hljs-name {
  color: #008;
  font-weight: bold;
}

.hljs-variable,
.hljs-template-variable {
  color: #660;
}

.hljs-string,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-regexp {
  color: #080;
}

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-meta,
.hljs-number,
.hljs-link {
  color: #066;
}

.hljs-title,
.hljs-doctag,
.hljs-type,
.hljs-attr,
.hljs-built_in,
.hljs-builtin-name,
.hljs-params {
  color: #606;
}

.hljs-attribute,
.hljs-subst {
  color: #000;
}

.hljs-formula {
  background-color: #eee;
  font-style: italic;
}

.hljs-selector-id,
.hljs-selector-class {
  color: #9B703F
}

.hljs-addition {
  background-color: #baeeba;
}

.hljs-deletion {
  background-color: #ffc8bd;
}

.hljs-doctag,
.hljs-strong {
  font-weight: bold;
}

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