/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
.site-title a {
	text-transform: lowercase;
	font-size: 20px;
}

.site-header {
	top: 0;
	z-index: 5;
	position: fixed;
}

.featured-content {
	position: relative;
	top: 100px;
}

.site-content {
	position: relative;
	top: 20px;
}

li.menu-item a {
	color: #808080;
}

h1.entry-title a {
	color: #ffffff;
}

.entry-footer {
	text-transform: none;
	float: none;
	position: absolute;
}

.site-info {
	display: none;
}

.blog-credits {
	display: none;
}

function disable_pin_on_images( $attr, $attachment ) {
}

.wpcom-pinterest-share-button,
.wpcom-pinit,
.wpcom-pinit-overlay {
	display: none !important;
}

function disable_pin_on_images_attr($attr, $attachment) {
}

/* TRANSPARENT HEADER - keeps position unchanged */
.site-header,
.header,
#masthead {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}

/* MENU ONLY (not the UNKLAR logo) */
.main-navigation a,
.primary-menu a,
nav a {
	font-family: "Courier New", monospace !important;
	text-transform: uppercase !important;
	font-size: 11px !important;
	letter-spacing: .12em !important;
	font-weight: 400 !important;
}

/* KEEP LOGO/TITLE UNTOUCHED */
.site-title,
.site-title a,
.custom-logo-link,
.custom-logo {
	font-family: inherit !important;
	text-transform: none !important;
	font-size: inherit !important;
}

/* ENTIRE SITE MONO + SLIGHTLY SMALLER */
body,
button,
input,
textarea,
select {
	font-family: "Courier New", monospace !important;
	font-size: .95em !important;
}

#menu-main-menu a,
.main-navigation a,
nav a {
    color: #e6e6e6 !important;
    font-weight: 500 !important;
    letter-spacing: 0.15em;
}

#menu-main-menu a:hover,
.main-navigation a:hover,
nav a:hover {
    color: #999 !important;
    transition: color 0.2s ease;
}

#menu-main-menu a,
.main-navigation a,
nav a {
    letter-spacing: 0.12em;
}

letter-spacing: 0.08em;

/* ---------- LOGO ---------- */

.site-title,
.site-branding .site-title,
.logo-text {
    font-size: 28px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    color: #e6e6e6 !important;
}

/* Move logo slightly closer to menu */
.site-branding {
    margin-right: 35px !important;
}


/* ---------- MENU ---------- */

#menu-main-menu a,
.main-navigation a,
nav a {
    color: #e6e6e6 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    transition: color 0.25s ease;
}

/* Hover */

#menu-main-menu a:hover,
.main-navigation a:hover,
nav a:hover {
    color: #999 !important;
}

/* Current page */

.current-menu-item > a,
.current_page_item > a {
    color: #bfbfbf !important;
}


/* ---------- MENU SEPARATORS ---------- */

.main-navigation li {
    padding-left: 8px;
    padding-right: 8px;
}


/* ---------- HEADER REFINEMENT ---------- */

.site-header {
    padding-top: 6px;
}

/* Make faint separators visible again */
.separator,
.divider,
.nav-separator,
[role="separator"] {
  border-left: 1px solid rgba(0, 0, 0, 0.35) !important;
  margin: 0 6px !important;
  height: 1em !important;
  display: inline-block !important;
}

nav a:not(:last-child),
.menu a:not(:last-child),
.toolbar a:not(:last-child) {
  border-right: 2px solid rgba(0, 0, 0, 0.35) !important;
  padding-right: 10px !important;
  margin-right: 10px !important;
}