@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;}
}