:root{
	--headerHeight:107px;
	--headerColor:#2979fe;
	--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	--selected:#2979ff;
}

* {
	box-sizing: border-box;
  }

html,body{margin:0; padding:0; font-family:Roboto;  font-size:14px}

body{background-color: #cecece;}

[class^="MuiInputBase-"][class^="MuiInputBase-"] {
    font-family: var(--font);
}

textarea{font-family:var(--font); font-size:14px;  }

.header{ background-color: var(--headerColor); height:75px; color:white; }

.header-content{ display:flex; flex-direction: row;}
.content{  background-color:white; height:calc(100vh - 75px);}

.content > div {height:100%; overflow:auto;}

.logo{font-size:36px; font-weight:100; line-height: 75px; margin-left:25px; text-transform: uppercase; display:inline-block;}

.search { border-radius: 8px; margin-top:22px; width:200px; padding:8px; margin-right:15px; border: none; opacity:0.5; outline:none; }

.search:focus { opacity:.9 }

.button{
	background-color: #dedede;
	border-radius: 5px;
	padding: 10px 80px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	opacity:0.9;
}

.button:hover{
	opacity:1;
}

.navlink.selected{ border-left:solid 2px var(--selected); color:var(--selected); }
.navlink{
	display:block;
	font-size:11px;
	border-left: solid 2px transparent;
	padding-left:5px;
	padding:5px 5px 5px 5px;
	cursor:pointer;
}
.navlink:hover{
	color:var(--selected);
}

.quote{
	flex:1;
	padding-left:103px;
	padding-top:28px;
}

@media print{
	.noPrint{display:none !important;}
	.nav{display:none;}
	.similarPosts{display:none;}
	.centerContent{overflow:visible !important;}
}

.similarPosts img, .centerContent img {
	max-width: 100%;
}