/*
Theme Name: Leonardo
Theme URI: https://castlebuilder.com/
Author: Castle Builder Design
Author URI: https://castlebuilder.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: leonardo
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Leonardo is based on Underscores https://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
#content {
    padding: 0;
    background: none;
    line-height: 1.5;
    font-weight: 500;
}
#content #phe_content html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	text-align: center;
	background-color: #f5f5f5;
}

body #content #phe_content {
	margin: 0 auto;
	max-width: 1680px;
	text-align: left;
}

#content #phe_content h1,
#content #phe_content h2,
#content #phe_content h3,
#content #phe_content h4,
#content #phe_content h5,
#content #phe_content h6,
#content #phe_content p,
#content #phe_content ul {
    max-width: 100%;
}
#content #phe_content h2 {
    font-size: 1.5em;
}

#content #phe_content article,
#content #phe_content aside,
#content #phe_content details,
#content #phe_content figcaption,
#content #phe_content figure,
#content #phe_content footer,
#content #phe_content header,
#content #phe_content main,
#content #phe_content menu,
#content #phe_content nav,
#content #phe_content section,
#content #phe_content summary {
	display: block;
}

#content #phe_content audio,
#content #phe_content canvas,
#content #phe_content progress,
#content #phe_content video {
	display: inline-block;
	vertical-align: baseline;
}

#content #phe_content audio:not([controls]) {
	display: none;
	height: 0;
}

#content #phe_content [hidden],
#content #phe_content template {
	display: none;
}

#content #phe_content a {
	background-color: transparent;
}

#content #phe_content .entry-content a {
	text-decoration: underline;
}

#content #phe_content a:active,
#content #phe_content a:hover {
	outline: 0;
}

#content #phe_content abbr[title] {
	border-bottom: 1px dotted;
}

#content #phe_content b,
strong {
	font-weight: bold;
}

#content #phe_content dfn {
	font-style: italic;
}

#content #phe_content h1 {
	font-size: 2em;
	margin: 0.67em 0;
	color: #593c4b;
}

body:not(.single) #content #phe_content h1 {
	text-transform: uppercase;
}

#content #phe_content mark {
	background: #ff0;
	color: #000;
}

#content #phe_content small {
	font-size: 80%;
}

#content #phe_content sub,
#content #phe_content sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

#content #phe_content sup {
	top: -0.5em;
}

#content #phe_content sub {
	bottom: -0.25em;
}

#content #phe_content img {
	border: 0;
}

#content #phe_content svg:not(:root) {
	overflow: hidden;
}

#content #phe_content figure {
	margin: 1em 40px;
}

#content #phe_content hr {
	box-sizing: content-box;
	height: 0;
}

#content #phe_content pre {
	overflow: auto;
}

#content #phe_content code,
#content #phe_content kbd,
#content #phe_content pre,
#content #phe_content samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

#content #phe_content button,
#content #phe_content input,
#content #phe_content optgroup,
#content #phe_content select,
#content #phe_content textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

#content #phe_content button {
	overflow: visible;
}

#content #phe_content button,
#content #phe_content select {
	text-transform: none;
}

#content #phe_content button,
#content #phe_content html input[type="button"],
#content #phe_content input[type="reset"],
#content #phe_content input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

#content #phe_content button[disabled],
#content #phe_content html input[disabled] {
	cursor: default;
}

#content #phe_content button::-moz-focus-inner,
#content #phe_content input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

#content #phe_content input {
	line-height: normal;
}

#content #phe_content input[type="checkbox"],
#content #phe_content input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

#content #phe_content input[type="number"]::-webkit-inner-spin-button,
#content #phe_content input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

#content #phe_content input[type="search"]::-webkit-search-cancel-button,
#content #phe_content input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

#content #phe_content fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

#content #phe_content legend {
	border: 0;
	padding: 0;
}

#content #phe_content textarea {
	overflow: auto;
}

#content #phe_content optgroup {
	font-weight: bold;
}

#content #phe_content table {
	border-collapse: collapse;
	border-spacing: 0;
}

#content #phe_content td,
#content #phe_content th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body #content #phe_content,
#content #phe_content button,
#content #phe_content input,
#content #phe_content select,
#content #phe_content textarea,
#content #phe_content .menu {
	color: #404040;
	font-family: 'EB Garamond', serif;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0.015em;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
}

.post h2,
.post h3,
.post h4,
.post h5 {
    font-family: 'EB Garamond', serif;
}
body #content #phe_content,
#content #phe_content button,
#content #phe_content input,
#content #phe_content select,
#content #phe_content textarea {
	font-size: 1.125em;
}
#content #phe_content .menu {
	font-size: 1em;
}

#content #phe_content h1,
#content #phe_content h2,
#content #phe_content h3,
#content #phe_content h4,
#content #phe_content h5,
#content #phe_content h6 {
	clear: both;
}
#content #phe_content p {
	margin-bottom: 1.5em;
}

#content #phe_content dfn,
#content #phe_content cite,
#content #phe_content em,
#content #phe_content i {
	font-style: italic;
}

#content #phe_content blockquote {
	margin: 0 1.5em;
}

#content #phe_content address {
	margin: 0 0 1.5em;
}

#content #phe_content pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375em;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

#content #phe_content code,
#content #phe_content kbd,
#content #phe_content tt,
#content #phe_content var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375em;
}

#content #phe_content abbr,
#content #phe_content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

#content #phe_content mark,
#content #phe_content ins {
	background: #fff9c0;
	text-decoration: none;
}

#content #phe_content big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
#content #phe_content html {
	box-sizing: border-box;
}

#content #phe_content *,
#content #phe_content *:before,
#content #phe_content *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body #content #phe_content {
    max-width: 1280px;
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

#content #phe_content blockquote:before,
#content #phe_content blockquote:after,
#content #phe_content q:before,
#content #phe_content q:after {
	content: "";
}

#content #phe_content blockquote,
#content #phe_content q {
	quotes: "" "";
}

#content #phe_content hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

#content #phe_content ul,
#content #phe_content ol {
	margin: 0 0 1.5em 3em;
}

#content #phe_content ul {
	list-style: disc;
}

#content #phe_content ol {
	list-style: decimal;
}

#content #phe_content li > ul,
#content #phe_content li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

#content #phe_content dt {
	font-weight: bold;
}

#content #phe_content dd {
	margin: 0 1.5em 1.5em;
}

#content #phe_content img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

#content #phe_content figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

#content #phe_content table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
#content #phe_content button,
#content #phe_content input[type="button"],
#content #phe_content input[type="reset"],
#content #phe_content input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75em;
	line-height: 1;
	padding: .6em 1em .4em;
}

#content #phe_content button:hover,
#content #phe_content input[type="button"]:hover,
#content #phe_content input[type="reset"]:hover,
#content #phe_content input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

#content #phe_content button:focus,
#content #phe_content input[type="button"]:focus,
#content #phe_content input[type="reset"]:focus,
#content #phe_content input[type="submit"]:focus,
#content #phe_content button:active,
#content #phe_content input[type="button"]:active,
#content #phe_content input[type="reset"]:active,
#content #phe_content input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

#content #phe_content input[type="text"],
#content #phe_content input[type="email"],
#content #phe_content input[type="url"],
#content #phe_content input[type="password"],
#content #phe_content input[type="search"],
#content #phe_content input[type="number"],
#content #phe_content input[type="tel"],
#content #phe_content input[type="range"],
#content #phe_content input[type="date"],
#content #phe_content input[type="month"],
#content #phe_content input[type="week"],
#content #phe_content input[type="time"],
#content #phe_content input[type="datetime"],
#content #phe_content input[type="datetime-local"],
#content #phe_content input[type="color"],
#content #phe_content textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

#content #phe_content input[type="text"]:focus,
#content #phe_content input[type="email"]:focus,
#content #phe_content input[type="url"]:focus,
#content #phe_content input[type="password"]:focus,
#content #phe_content input[type="search"]:focus,
#content #phe_content input[type="number"]:focus,
#content #phe_content input[type="tel"]:focus,
#content #phe_content input[type="range"]:focus,
#content #phe_content input[type="date"]:focus,
#content #phe_content input[type="month"]:focus,
#content #phe_content input[type="week"]:focus,
#content #phe_content input[type="time"]:focus,
#content #phe_content input[type="datetime"]:focus,
#content #phe_content input[type="datetime-local"]:focus,
#content #phe_content input[type="color"]:focus,
#content #phe_content textarea:focus {
	color: #111;
}

#content #phe_content textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
#content #phe_content a {
	color: #4c323f;
}

#content #phe_content a:visited {
	color: #4c323f;
}

#content #phe_content a:focus,
#content #phe_content a:active {
	color: #4c323f;
}

#content #phe_content a:hover {
    color: #8c707e;
    text-decoration: none;
}


#content #phe_content a:focus {
	outline: thin dotted;
}

#content #phe_content a:hover,
#content #phe_content a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#content #phe_content .main-navigation {
	display: inline-block;
	float: right;
}

#content #phe_content .main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align: right;
}

#content #phe_content .main-navigation li {
	position: relative;
}

#content #phe_content .main-navigation a {
	display: block;
	text-decoration: none;
}

#content #phe_content .main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

#content #phe_content .main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

#content #phe_content .main-navigation ul ul a {
	width: 200px;
}

#content #phe_content .main-navigation ul ul li {

}

#content #phe_content .main-navigation li:hover > a,
#content #phe_content .main-navigation li.focus > a {
}

#content #phe_content .main-navigation ul ul :hover > a,
#content #phe_content .main-navigation ul ul .focus > a {
}

#content #phe_content .main-navigation ul ul a:hover,
#content #phe_content .main-navigation ul ul a.focus {
}

#content #phe_content .main-navigation ul li:hover > ul,
#content #phe_content .main-navigation ul li.focus > ul {
	left: auto;
}

#content #phe_content .main-navigation ul ul li:hover > ul,
#content #phe_content .main-navigation ul ul li.focus > ul {
	left: 100%;
}

#content #phe_content .main-navigation .current_page_item > a,
#content #phe_content .main-navigation .current-menu-item > a,
#content #phe_content .main-navigation .current_page_ancestor > a,
#content #phe_content .main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
#content #phe_content .menu-toggle,
#content #phe_content .main-navigation.toggled ul {
	display: block;
}

#content #phe_content .menu-toggle {
    width: 20px;
    height: 24px;
    padding: 0;
    position: relative;
    background: none;
    border: none;
    text-indent: -9999px;
}
#content #phe_content .menu-toggle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.21em;
  bottom: 0.21em;
  width: 100%;
  background: linear-gradient(
    to bottom, 
    #fff, #fff 20%, 
    transparent 20%, transparent 40%, 
    #fff 40%, #fff 60%, 
    transparent 60%, transparent 80%, 
    #fff 80%, #fff 100%
  );
}
#content #phe_content .menu-toggle:focus {
    outline: 0;
}

@media screen and (min-width: 641px) {
	#content #phe_content .menu-toggle {
		display: none;
	}
	#content #phe_content .main-navigation ul {
		display: block;
	}
}

#content #phe_content .site-main .comment-navigation,
#content #phe_content .site-main .posts-navigation,
#content #phe_content .site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

#content #phe_content .comment-navigation .nav-previous,
#content #phe_content .posts-navigation .nav-previous,
#content #phe_content .post-navigation .nav-previous {
	float: left;
	width: 50%;
}

#content #phe_content .comment-navigation .nav-next,
#content #phe_content .posts-navigation .nav-next,
#content #phe_content .post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#login {
	float: right;
	margin-right: -20px;
	position: relative;
	z-index: 9999;
}
div#login, div#login a, div#disclaimer {
	font-family: verdana, arial, sans-serif;
}
div#disclaimer {
	margin-top: 48px;
}
.home div#login, .home div#login a {
	color: #fff !important;
}
div#login {
    margin-bottom: 24px;
	font-size: 60%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
#content #phe_content .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

#content #phe_content .screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875em;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content #phe_content #content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
#content #phe_content .alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

#content #phe_content .alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

#content #phe_content .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
#content #phe_content .clear:before,
#content #phe_content .clear:after,
#content #phe_content .entry-content:before,
#content #phe_content .entry-content:after,
#content #phe_content .comment-content:before,
#content #phe_content .comment-content:after,
#content #phe_content .site-header:before,
#content #phe_content .site-header:after,
#content #phe_content .site-content:before,
#content #phe_content .site-content:after,
#content #phe_content .site-footer:before,
#content #phe_content .site-footer:after,
#login:after {
	content: "";
	display: table;
	table-layout: fixed;
}

#content #phe_content .clear:after,
#content #phe_content .entry-content:after,
#content #phe_content .comment-content:after,
#content #phe_content .site-header:after,
#content #phe_content .site-content:after,
#content #phe_content .site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#content #phe_content .widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
#content #phe_content .widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content #phe_content .sticky {
	display: block;
}

#content #phe_content .hentry {
	margin: 0 0 1.5em;
}

#content #phe_content .byline,
#content #phe_content .updated:not(.published) {
	display: none;
}

#content #phe_content .single .byline,
#content #phe_content .group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#content #phe_content .comment-content a {
	word-wrap: break-word;
}

#content #phe_content .bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
#content #phe_content .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
#content #phe_content .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
#content #phe_content .infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
#content #phe_content .page-content .wp-smiley,
#content #phe_content .entry-content .wp-smiley,
#content #phe_content .comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
#content #phe_content embed,
#content #phe_content iframe,
#content #phe_content object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
#content #phe_content .wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

#content #phe_content .wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content #phe_content .wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

#content #phe_content .wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
#content #phe_content .gallery {
	margin-bottom: 1.5em;
}

#content #phe_content .gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

#content #phe_content .gallery-columns-2 .gallery-item {
	max-width: 50%;
}

#content #phe_content .gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

#content #phe_content .gallery-columns-4 .gallery-item {
	max-width: 25%;
}

#content #phe_content .gallery-columns-5 .gallery-item {
	max-width: 20%;
}

#content #phe_content .gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

#content #phe_content .gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

#content #phe_content .gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

#content #phe_content .gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

#content #phe_content .gallery-caption {
	display: block;
}

/* Width */
.home #content #phe_content .site-branding,
#content #phe_content .content-area {
    margin: 0;
    position: relative;
}

.home #content #phe_content .site-branding {
    max-width: 840px;
}

body:not(.page-template-papers):not(.home) #content #phe_content .content-area,
body.page-template-papers #content #phe_content .content-area {
    max-width: 1096px;
    margin: 0 auto;
    padding: 0 48px;
}

body:not(.page-template-papers):not(.home) #content #phe_content .content-area .site-main {
    /* max-width: 600px; */
}

/* Header */
body:not(.home) #content #phe_content  .site-title a:hover {
    opacity: 0.8;
}
body:not(.home) #content #phe_content  .site-title {
    margin: 0;
    padding: 36px 30px 36px 0;
    float: left;
}
body:not(.home) #content #phe_content .site-title a {
    display: inline-block;
}
body:not(.home) #content #phe_content .site-title img {
    max-width: 270px;
    display: block;
}
body:not(.home) #content #phe_content .site-header {
    text-align: center;
    position: relative;
    background: #000 url(img/bg-header-left.jpg);
}
.home #content #phe_content .site-header {
    padding: 36px 60px 60px;
}
body:not(.home) #content #phe_content .bg-header {
    width: 100%;
    position: absolute;
}
body:not(.home) #content #phe_content .bg-header img {
    float: right;
    display: block;
    -webkit-filter: brightness(0.5)  saturate(0.1);
    filter: brightness(0.5) saturate(0.1);
    mix-blend-mode: luminosity;
    opacity: 0.8;
}
body:not(.home) #content #phe_content .site-header:before {
    width: 100%;
    content: url(img/bg-header-bottom.png);
    position: absolute;
    bottom: -10px;
    z-index: 999;
    display: block;
    overflow: hidden;
}
body:not(.home) #content #phe_content .site-branding-wrapper {
    width: 100%;
    /* max-width: 1096px; */
    display: inline-block;
    position: relative;
    vertical-align: top;
}
body:not(.home) #content #phe_content .site-branding {
    max-width: 1096px;
    margin: 0 auto;
    padding: 0 36px;
}

/* navigation */
#content #phe_content .main-navigation a {
    text-transform: uppercase;
}
#content #phe_content .main-navigation a:hover {
    opacity: 0.8;
}
#content #phe_content #primary-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Site Content */
#content #phe_content .site-content {
    padding: 36px 60px;
    background-image: url(img/bg-VitruvianMan.png), url(img/bg-body.jpg);
    background-position: top right, top left;
    background-repeat: no-repeat, repeat;
    background-color: hsla(0,0%,100%,0.70);
}
body:not(.home) #content #phe_content .site-content {
    z-index: 999;
    position: relative;
}

/* Home */
.home #content #phe_content header {
    min-height: 634px;
    background-image: url(img/img-davinci.png), url(img/bg-body.jpg);
    background-position: top right, bottom left;
    background-repeat: repeat-x, repeat;
    border-radius: 10px 10px 0 0;
}
.home #content #phe_content .site-title {
    margin: 0 0 0 -24px;
}
.home #content #phe_content .site-lead {
    max-width: 720px;
    margin: 24px 0 0;
    color: #fff;
}
.home #content #phe_content .site-lead a,
.home #content #phe_content .site-lead a:link,
.home #content #phe_content .site-lead a:visited {
    color: #fff;
 }
.home #content #phe_content .site-lead a:hover {
    opacity: 0.7;
 }
.home #content #phe_content .site-lead:first-letter {
  float: left;
  font-size: 4em;
  line-height: 0.8em;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}
.home #content #phe_content #primary-menu a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.7em;
    color: #333;
}
.home #content #phe_content #primary-menu a:hover {
    opacity: 0.8;
}
.home #content #phe_content #primary-menu a::first-letter {
    color: #745164;
    font-size: 1.3em;
}

/* footer */
#content #phe_content .site-footer {
    margin-top: -20px;
    background: url(img/bg-footer.png) repeat-x;
    position: relative;
    z-index: 9999;
}
#content #phe_content .site-footer div {
    margin-top: 20px;
    padding: 24px;
    background: #fff;
    text-align: center;
    font-size: 0.7em;
    letter-spacing: 0;
}

/* page */
.page-template #content #phe_content article {
    width: 100%;
    margin-top: 36px;
}
.page-template #content #phe_content article:after,
#content #phe_content .site-content:after {
    clear: both;
    content: '';
    display: table;
}
.page-template #content #phe_content article figure {
    margin: 0;
    position: absolute;
    bottom: 0;
}
.page-template #content #phe_content article figure img {
    width: 100%;
    max-width: 100%;
}
.page-template #content #phe_content article h2,
.page-template #content #phe_content article h3 {
    clear: inherit;
}
.page-template #content #phe_content article h3 {
    font-size: 1em;
}
.page-template #content #phe_content article h2.year {
    margin: 12px 0 24px;
    padding-top: 0;
    display: block;
    font-size: 1.5em;
}
.page-template #content #phe_content article h2.year:before {
    content: '';
    clear: both;
    display: table;
}

/* Papers */
#content #phe_content .article-wrapper article {
    float: left;
    position: relative;
    overflow: hidden;
}
#content #phe_content .article-wrapper article:before {
    position: absolute;
}
#content #phe_content .article-wrapper article:nth-child(5n):before {
    content: url(img/bg-article-1.png);
}
#content #phe_content .article-wrapper article:nth-child(5n+1):before {
    content: url(img/bg-article-2.png);
}
#content #phe_content .article-wrapper article:nth-child(5n+2):before {
    content: url(img/bg-article-3.png);
}
#content #phe_content .article-wrapper article:nth-child(5n+3):before {
    content: url(img/bg-article-4.png);
}
#content #phe_content .article-wrapper article:nth-child(5n+4):before {
    content: url(img/bg-article-5.png);
}
#content #phe_content .article-wrapper article a {
    width: 100%;
    margin-top: 40px;
    display: inline-block;
    background: #fff;
    text-align: center;
    position: relative;
    text-decoration: none;
}
#content #phe_content .article-wrapper article h2 span {
    display: inline-block;
    position: absolute;
    bottom: 0;
}
#content #phe_content .article-wrapper article h2,
#content #phe_content .article-wrapper article h3,
#content #phe_content .article-wrapper article h4 {
    margin: 0 12px 12px;
}
#content #phe_content .article-wrapper article h2 {
    font-size: 0.93em;
    line-height: 1.3;
}
#content #phe_content .article-wrapper article h2+h3,
#content #phe_content .article-wrapper article h3+h4 {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #593c4b;
}
/*
.article-wrapper article p.status {
    width: 100%;
    margin: 0;
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background: #150c10;
    opacity: 0.3;
    z-index: 999;
}
*/
#content #phe_content .article-wrapper article .private {
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: #000;
    opacity: 0.5;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: normal;
}

#content #phe_content .article-wrapper article figure img {
    width: 100%;
    display: block;
}

/* Participants */
#content #phe_content .participants .entry-content article {
    margin-top: 60px;
}
body.about #content #phe_content h2,
body.participants #content #phe_content .entry-content article h3 {
    margin: 48px 0 24px;
    padding-bottom: 12px;
    color: #593c4b;
    font-size: 1.1em;
    border-bottom: 2px solid #6d505f;
}
#content #phe_content .participants .entry-content article ul {
    margin: 0;
}

/* About */
body.about #content #phe_content h2 {
    margin-top: 60px;
}

/* Blog */
#content article.post .entry-title {
    margin-bottom: 6px;
    font-size: 1.4em;
}
article.post .cat-links, article.post .tags-links,
article.post .posted-on {
    font-size: 1em;
    display: block;
}
article.post .edit-link a {
    display: block;
    margin-top: 0.5em;
}
#content article.post .entry-content p {
    margin: 0;
}
 #content #phe_content article.post .entry-footer {
    margin: 0;
}
#content #phe_content article.post.hentry {
    margin-bottom: 60px;
}

/* Private pages */
.entry-title span.private {
    margin-left: 12px;
    padding: 4px 6px;
    display: inline-block;
    background: #ad4f7c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    vertical-align: middle;
}

@media only screen and (min-width: 1281px) {
    body:not(.home) #content #phe_content .bg-header img {
        width: 75%;
    }
    body:not(.home) #content #phe_content .site-title {
        background: url(img/bg-header-right2.png) repeat-y top right;
    }
    body:not(.home) #content #phe_content .bg-header:after {
        width: 75%;
        height: 100%;
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url(img/bg-header-right.png) top left repeat-y;
    }
}

@media only screen and (max-width: 1280px) {
    body:not(.home) #content #phe_content .bg-header img {
        width: 100%;
    }
}

@media only screen and (min-width: 1025px) {
/*    .home #content #phe_content .site-lead {
            width: 50%;
    } */
    #content #phe_content .article-wrapper article {
        width: 22.73%;
        margin: 0 1% 36px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 730px) {
    #content #phe_content .article-wrapper article {
        width: 31.33%;
        margin-bottom: 36px;
        margin-left: 1%;
        margin-right: 1%;
    }
    #content #phe_content .article-wrapper article h2,
    #content #phe_content .article-wrapper article h3 {
        margin: 0 12px 12px;
    }
}
@media only screen and (max-width: 729px) and (min-width: 481px) {
    #content #phe_content .article-wrapper article {
        width: 48%;
        margin-bottom: 36px;
        margin-right: 1%;
        margin-left: 1%;
    }
}

@media only screen and (min-width: 769px) {
  /* Participants TO BE UPDATED
    .participants .entry-content p {
        width: 33.333%;
        float: left;
    }
    .participants .entry-content p:nth-child(3n+1) {
        padding-right: 12px;
        clear: left;
    }
    .participants .entry-content p:nth-child(3n+2) {
        padding: 0 6px;
    }
    .participants .entry-content p:nth-child(3n) {
        padding-left: 12px;
    }
    */
}

@media only screen and (min-width: 641px) {
    .home #content #phe_content .site-lead {
        font-size: 20px;
        line-height: 1.7em;
    }
    body:not(.home) #content #phe_content .site-branding-wrapper {
        padding: 0 36px;
    }
    #content #phe_content .main-navigation {
        padding: 12px 0 36px;
    }
    #content #phe_content .main-navigation a {
        color: #fff;
    }
}

@media only screen and (max-width: 640px) {
    body:not(.home) #content #phe_content .main-navigation {
        width: 100%;
        padding-top: 0;
        padding-bottom: 36px;
        background: #f2f2f2;
        position: relative;
        z-index: 9999;
    }
    body:not(.home) #content #phe_content .main-navigation ul {
        text-align: center;
    }
    body:not(.home) #content #phe_content .main-navigation a {
        padding: 12px;
        border-bottom: 1px solid #bfb5b5;
        font-size: 1.2em;
    }
    body:not(.home) #content #phe_content .menu-toggle {
       position: absolute;
        top: -95px;
        right: 36px;
    }
    body:not(.home) #content #phe_content .site-title {
        padding: 24px;
    }
    body:not(.home) #content #phe_content .site-title img {
        max-height: 100px;
    }
    body:not(.home) #content #phe_content .site-content {
        padding-top: 0;
    }
    body:not(.home) #content #phe_content .site-header:before {
        top: 116px;
    }
}

@media only screen and (max-width: 768px) and  (min-width: 415px ){
   /* Participants TO BE UPDATED
    .participants .entry-content p {
        width:50%;
        float: left;
    }
    .participants .entry-content p:nth-child(odd) {
        padding-right: 18px;
        clear: left;
    }
    .participants .entry-content p:nth-child(even) {
        padding-left: 18px;
    }
    */
}

@media only screen and (max-width: 415px) {
    .home #content #phe_content .site-header,
    #content #phe_content  .site-content {
        padding: 36px;
    }
}

/* Overwrite */
#content #phe_content .menu-menu-1-container {
    display: inline-block;
}
#nav+#content {
    width: 729px;
}
#content #phe_content #content {
    width: auto;
    float: none;
}
#content #phe_content li {
    margin: 0;
}
#content #phe_content ul.menu li,
#content #phe_content ul.menu li a {
    width: 100%;
    padding: 0;
}
.home #content #phe_content header {
    min-height: 500px;
}
#content #phe_content .entry-footer {
    margin-top: 24px;
}
body:not(.home) #content #phe_content .site-header,
body:not(.home) #content #phe_content .bg-header img {
    border-radius: 10px 10px 0 0;
}
#content #phe_content ul,
#content #phe_content p {
    font-size: 18px;
    line-height: 1.7;
}
#phe_content #disclaimer p {
	font-size: 14px;
	line-height: 1.3;
}
#content #phe_content h1 {
	font-size: 1.5em;
}
#content  #phe_content h3 {
    font-size: 1.17em;
    line-height: 1.5em;
}
#content  #phe_content .article-wrapper article h3 {
    line-height: 1.5;
}
#content #phe_content .article-wrapper article h2,
#content #phe_content .article-wrapper article h3,
#content #phe_content .article-wrapper article h4 {
    font-size: 0.93em;
    font-weight: 400;
}
#content #phe_content h2 {
    color: #4c323f;
}
.entry-footer .edit-link:before {
    display: table;
    clear: both;
    content: '';
}
.entry-footer .edit-link {
    display: block;
}

body.logged-in.admin-bar .ru-site-header__segment--1 {
    top: 32px;
}
body.logged-in.admin-bar .ru-site-header__segment--2 {
    top: 92px;
}

body.logged-in.admin-bar .ru-container-main__wrap {
    padding-top: 30px;
}

body #content #phe_content {
    margin-top: 36px;
}

/* New template icons */
.ru-social-links__list-item {
    font-size: 1.2em;
}
.fa-lock {
    font-size: 1.5em;
}
.ru-site-utility-menu__segment--input button.btn,
.ru-site-utility-menu__segment--input button {
    font-size: 0.2em;
    transition: all .2s ease-in-out;
}
.ru-site-utility-menu__segment--input button.btn:hover,
.ru-site-utility-menu__segment--input button:hover {
    padding: 2px 0 6px 0;
    transform: scale(1.4);
}
.fa-search.fa-3x {
    color: #000;
}
.fa-search.fa-3x:hover {
    opacity: 0.5;
}

@media screen and (min-width: 1200px) {
    .ru-container-main__wrap,
    body.logged-in.admin-bar .ru-container-main__wrap {
        padding-top: 62px;
    }
}
@media screen and (max-width: 1199px) {
    body:not(.logged-in) .ru-container-main__wrap {
        padding-top: 32px;
    }
}

@media only screen and (min-width: 991px) {
    .home #content #phe_content ul.menu li {
        width: 35%;
        float: left;
    }
}

@media only screen and (min-width: 769px) {
    .phe-nav-wrapper ul.phe-nav {
        font-size: 19px;
    }
}
@media only screen and (max-width: 768px) {
    .phe-nav-mobile ul.phe-nav {
        font-size: 15px;
    }
}


@media screen and (max-width: 640px) {
    .home #content #phe_content .site-lead {
        background: rgba(31, 20, 27, 0.48);
        padding: 24px 12px;
        font-size: 0.9em;
    }
}