/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 06 2020 | 18:21:48 */
@charset "utf-8";
/* CSS Document */

/*Colors:
background brown: #534741
text red: #c1272d
main nav text: #a9a3a0
inside header/nav: #808080
*/

@font-face {
  font-family: 'Holtwood One SC';
  font-style: normal;
  font-weight: 400;
  src: local('Holtwood One SC'), local('HoltwoodOneSC'), url(https://fonts.gstatic.com/s/holtwoodonesc/v10/yYLx0hLR0P-3vMFSk1TCq3Txg5BHdrz7D5h9yw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
	background:#514640;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
  	font-size: 16px;
  	color: white;
}
body a:link{color:#c1272d;}
body a:visited{color:#c1272d;}
body a:hover{color:#ccc; text-decoration:none;}
body a:active{color:#ccc; text-decoration:none;}

.note-form-blocked {
  color: black;
}

.body-header .areas .box .header a {
  font-family: 'Holtwood One SC', serif;
  color: #c1272d;
  font-size: 5em;
  line-height: 1em;
  letter-spacing: -4px;
  display: inline-block;
  max-width: 7ch;
}

h1{
  font-family: 'Holtwood One SC', serif; 
  color:#888; 
  font-size: 1.8em;	
  margin: 0 0 .75em 0;
}

h2{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
  color:#888; 
  font-size: 1.5em;
  margin-bottom: 1em;
}

h3{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
  color: #ccc; 
  font-size: 1.1em;
  padding:0;
}

.home #nav_menu-22 {
 	display: none; 
}

body:not(.home) #nav_menu-32 {
 	display: none; 
}

.home #text-32 {
 	margin-right: 1em;
  	margin-left: auto;
}

.top-area {
  background-color: #000000;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around
}

#nav_menu-22 {
  	font-family: 'Holtwood One SC', serif; 
	display: inline-block;
	font-size: 1em;
	max-width: 1000px;
	width: 100%;
}

#nav_menu-22 ul {
	background-color: #000000;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	list-style-type: none;
	margin: 0;
	padding: 0; 
}

#nav_menu-22 ul li {
	border-right: #555555 1px solid;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav_menu-22 a, #nav_menu-22 a:visited, #nav_menu-22 a:link {
	background-color: #000000;
	color: #aaaaaa;
	display: block;
	padding: 0.6em 0.55em;
	text-decoration: none;
  	border: 1px solid #000000;
}

#nav_menu-22 a:hover {
	background-color: #444444;
	color: white;	
	display: block;
	padding: 0.6em 0.55em;
  	border: 1px solid #666666;
	text-decoration: none;
}

#nav_menu-22 .sub-menu {
 	display: none;
    background-color: white;
  	position: absolute;
  	z-index: 4;
}

#nav_menu-22 li:hover .sub-menu {
 	display: block;
}

#nav_menu-22 li:hover .sub-menu a {
 	background-color: white;
  	border: 1px solid white;
}

#nav_menu-22 li:hover .sub-menu a, #nav_menu-22 li:hover .sub-menu a:visited, #nav_menu-22 li:hover .sub-menu a:link{
  	color: #76675B;
}

#nav_menu-22 li:hover .sub-menu a:hover {
 	display: block;
  	background-color: #eeeeee;
  	border: 1px solid #dddddd;
  	color: #c1272d;
}

.menu-home-menu-container ul {
 	list-style-type: none;
  	font-family: 'Holtwood One SC', serif;
	font-size: 3em;
}

.menu-home-menu-container ul li {
 	border-bottom: 1px solid #cccccc;
  	padding-bottom: 0;
  	margin-bottom: 0.5em;
}

.home .menu-home-menu-container a, .home .menu-home.menu-container a:link, .home .menu-home.menu-container a:visited {
  color: #a9a3a0;
}

.home .menu-home-menu-container a:hover {
  color: #ffffff;
}

.menu-home-menu-container .sub-menu {
 	display: none; 
  	background-color: white;
  	font-size: 1rem;
  	position: absolute;
  	z-index: 5;
  	right: 0;
}

.menu-home-menu-container ul li:hover .sub-menu {
 	display: block;
}

.menu-home-menu-container ul {
 	padding-inline-start: 0; 
  position: relative;
}

.menu-home-menu-container .sub-menu li {
  border: 1px solid white;
  background-color: white;
  padding: 0 0.5em;
}

.menu-home-menu-container .sub-menu li:hover {
  border: 1px solid #cccccc;
  background-color: #dddddd;
}

.menu-home-menu-container ul li:hover .sub-menu li a, .menu-home-menu-container ul li:hover .sub-menu li a:link, .menu-home-menu-container ul li:hover .sub-menu li a:visited{
 	 color: #7c6c5e;
}

.menu-home-menu-container ul li:hover .sub-menu li a:hover {
  color: #c1272d;
}

.body-header {
 	background-color: #514640; 
  	max-width: 1000px;
  	width: 100%;
  	margin: 3em auto;
}

.body-header .areas {
 	max-width: 100%;
  	width: 100%;
}

.body-header .areas .box:first-child {
 	flex: 0 0 60%;
  	-ms-flex: 0 0 60%;
  	width: 60%;
  	max-width: 60%;
  	padding: 0;
}

.body-header .areas .box:last-child {
 	flex: 0 0 20%;
  	-ms-flex: 0 0 20%;
  	width: 20%;
  	max-width: 20%;
  	padding-left: 1em;
}

.body-header .areas .box big {
 	font-size: 100%; 
}

.body-header .areas .box:first-child {
   	background-image: url('/wp-content/blogs.dir/28/files/sites/53/2019/11/darwin-head.png');
  	background-repeat: no-repeat;
  	background-position: right; 
   	border-bottom: 1px solid #FFFDF8;
    position: relative;
  	z-index: 1;
}

.body-header .header-sub {
 	display: none; 
}

.endo > main {
  background-image: url('/wp-content/blogs.dir/28/files/sites/53/2019/11/golden-gate-bridge.jpg'); 
  background-repeat: no-repeat;
  background-position: right top;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.home .endo > main {
 	background-position: left top; 
}

body:not(.home) .endo > main > center {
  max-width: 75%;
  margin-left: 0;
  margin-right: auto;
  background-color: #000000;
  padding: 1em;
  padding-top: 2em;
  margin-top: 2em;
}

.aside-section {
  background-color: #111111;
  border: 1px solid #222222;
  color: #eeeeee;
  padding: 1.25em;
  float: right;
  clear: both;
  margin: 0 1.25em 1.25em 1.25em;
  width: 50%;
}

.page-news .hailed-articles .hailed {
 	margin-bottom: 2em; 
}

.page-news .hailed-articles .hailed .article-figure, .page-news .hailed-articles .hailed .article-center, .page-news .hailed-articles .hailed .article-footer {
  display: none;
}

.page-news .hailed-articles .hailed .article-author, .page-news .hailed-articles .hailed .article-date, .page-news .hailed-articles .hailed sub {
  display: block;
  color: white; 
}

.page-news .endo .hailed-articles .hailed .article-date::before {
 	content: "Evolution News & Views";
  	display: block;
}

.home .home-section {
  padding: 1em;
  background-color: #000000; 
}

.home .wp-block-embed {
 	margin-bottom: 0; 
}

.home .header-article h1 {
  display: none;
}

.wp-block-quote cite {
 	color: #cccccc; 
}

#media_image-22 img {
  position:absolute; 
  -webkit-transition-duration: 0.8s; 
  -moz-transition-duration: 0.8s; 
  -o-transition-duration: 0.8s; 
  transition-duration: 0.8s; 
  -webkit-transition-property: -webkit-transform; 
  -moz-transition-property: -moz-transform; 
  -o-transition-property: -o-transform; 
  transition-property: transform; 
  overflow:hidden; 
  border:0; 
  clear:both;
}

#media_image-22 img:hover{ 
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
}

.buy-book-block {
  padding-top: 1em;
 	clear: both; 
}

@media screen and (max-width: 1200px) {
  .endo #nav_menu-22, .endo #text-32 {
   	flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  
	.endo #text-32 {
   	margin-right: 1em;
  	text-align: right;
  }
  
  body:not(.home) .endo .top-area {
    background-color: #514640;
   	
  }
  
  .endo .top-area {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.page-books-list main > center img {
 	border: 1px solid #cccccc; 
}

@media screen and (max-width: 450px) {
 	.endo .body-header .areas .box a {
   	font-size: 4.3em;   
  }
  
  .endo .menu-home-menu-container ul {
 	list-style-type: none;
  	font-family: 'Holtwood One SC', serif;
	font-size: 2.4em;
}
  
  .endo .menu-home-menu-container .sub-menu {
 	display: none; 
  	background-color: white;
  	font-size: 0.5em;
  	position: absolute;
  	z-index: 5;
  	right: 0;
}
  
    .endo .body-header .areas .box:first-child {
   	padding-left: 0.25em;
      padding-right: 0.25em;
  }
}

@media screen and (max-width: 980px) {
  .endo .body-header .areas .box {
   	flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  
  .endo .body-header .areas .box:last-child {
   	position: relative; 
  }
  
  .endo .body-header {
   	margin-bottom: 1em; 
  }
  
  .endo .header-area #media_image-22 img {
   	position: static; 
  }
  
  .endo .body-header .areas .header-area {
   	margin-top: 1em; 
  }
  
  .endo .header-area #media_image-22 {
   	text-align: center; 
  }
  
  .endo .body-header .areas .box:first-child {
   	padding-left: 1em; 
  }
}

@media screen and (max-width: 588px) {
 	.endo .body-header .areas .box:first-child {
   	background-image: none;   
  }
}

@media screen and (max-width: 778px) {
  #nav_menu-22 {
   	display: block;
  }
  
  #nav_menu-22 ul {
   	flex-wrap: wrap;
    flex-direction: column;
  }
  
  #nav_menu-22 ul li {
   	position: relative; 
  }
  
  #nav_menu-22 ul .sub-menu {
   	right: 0; 
  }
  
  .endo .aside-section {
   	float: none;
	clear: none;
	margin: 0;
	width: 100%;
	margin-bottom: 1.25em; 
  }
  
  body:not(.home) .endo:not(.x) main > center {
   	max-width: 100%;
    width: 100%;
  }
  
  }
}

/* also in Additional CSS because it doesn't seem to pull */
.error404 button, .error404 button:visited { 
  background-color: #c1272d;
  border: none;
  -webkit-appearance: button;
	color: white;
}

.error404 button:hover {
  background-color: white;
  border: none;
  -webkit-appearance: button;
  color: #534741;
}

.error404 center > main::before {
 	content: "Page not found";
  	display: block;
  	color: white;
  	font-size: 2em;
  	margin-bottom: 1em;
  	font-family: 'Holtwood One SC', serif;
  	padding-left: 2rem;
}