@font-face {
  font-family: 'Telka';
  font-style: normal;
  font-weight: normal;
  src: url('../font/Telka-Extended-Regular.woff2') format('woff2'),
      url('../font/Telka-Extended-Regular.woff') format('woff');
}


html {
  background-color: #FFF !important;
  color: inherit;
}

body{
  font-family: 'Telka', sans-serif;
  font-weight: normal;
  font-style: normal;
}

.thumb-img {
  border-color: #000000 !important;
}

#loupeContainer div.background {
  color: inherit;
}

header div.background {
  color: inherit;
}

.custom-colorable {
  fill: #A0A0A0 !important;
}

body {
  background-color: #ffffff !important;
  color: #828282 !important;
}

header {
  color:#000000;
}
header p.author{
  color:#000000;
  margin:0.5em 0 0 0;
}

header p.title {
  margin:15px 0 0 0;  
}

#logo {
  /*float:left; */
}
#logo img {
  display:block;
  height:auto;
  max-width:250px;

}
.has-header #thumbnailContainer{
  padding-top:140px;
}
header div.meta-left {
  padding-top:25px;
  padding-left:25px;
}
.scrolled #logo {
  /*width:70px;
  height:70px;*/
}
.scrolled #logo img {
  display:block;
  /*height:60px;
  width:60px;*/
}
.scrolled header {
  background-color:rgba(255,255,255,0.9);
}
.scrolled header p.title{
  /*margin:0;*/
}
#loupeContainer {
	background-color:rgba(0,0,0,0.9);
}