/*
Theme Name:     Brett 2017 Child
Theme URI:      http://brettshumaker.com/
Description:    Child theme for twenty seventeen 
Author:         Brett Shumaker
Author URI:     http://brettshumaker.com/
Template:       twentyseventeen
Version:        1.0
*/

@import url("../twentyseventeen/style.css");

/**
 * Weird header image bug
 * ...and now this broke the site. idkwtf
 */
/*
.has-header-image .custom-header-media img {
	height: auto !important;
	min-height: 0 !important;
}
*/

.custom-logo {
	border-radius: 50%;
}

#top-menu li a:before {
	height: 1.5em;
	content: " ";
	width: 2px;
	display: block;
	background-color: transparent;
	position: absolute;
	left: .625em;
	-webkit-transition: background-color 250ms;
	transition: background-color 250ms;
}

#top-menu li.current-menu-item a:before, #top-menu li:hover a:before {
	background-color: #5ad0af;
}

.paypal-donations {
	position: relative;
	height: 32px;
}

.paypal-donations input[type="image"] {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10;
}

.paypal-donations .donate-text {
	color: #fff;
	background: #000;
	position: absolute;
	z-index: 5;
	width: 100%;
	line-height: 32px;
	left: 0;
	top: 0;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: box-shadow .25s;
	transition: box-shadow .25s;
}

.paypal-donations input[type="image"]:hover + .donate-text {
	box-shadow: -2px 0px 0 #5ad0af;
}

.widget_twitter .from-meta, .widget_twitter .in-reply-to-meta {
	display: none;
}

.blog .site-main > article, .archive .site-main > article, .search .site-main > article {
	border-top: 2px solid #5ad0af;
	padding-top: .5em;
}

.widget_twitter .follow-button {
	margin-top: 1em;
}

.footer-widget-1 > section {
    padding-bottom: 0;
}

.site-footer .widget-area {
    padding-bottom: 0;
}

.site-info {
    text-align: right;
    width: 100%;
    float: none;
}

.site-footer .widget-area .footer-widget-1 {
    float: none;
    width: 100% !important;
    text-align: right;
}

.site-footer .widget-area .footer-widget-1 ul li {
    border: none;
    margin: 0 .5em;
}

.site-footer .wrap {
    padding-top: 0em;
}

/** Gutenberg text column with note **/
.text-columns-with-note-last .wp-block-column:last-child p,
.text-columns-with-note-first .wp-block-column:first-child p {
	background: #e6e6e6;
	padding: .75em 1em;
	font-size: .8rem;
	position: relative;
}

.text-columns-with-note-last .wp-block-column:last-child p:before,
.text-columns-with-note-first .wp-block-column:first-child p:before {
	content: " ";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #e6e6e6;
	position: absolute;
	left: -10px;
	top: 10px;
}

.text-columns-with-note-first .wp-block-column:first-child p:before {
	border-right: none;
	border-left: 10px solid #e6e6e6;
	right: -10px;
	left: auto;
}

/** ////////////////////////// **/

@media screen and ( max-width: 550px ) {
	.entry-content figure {
		display: block;
		margin: 0 auto;
		float: none;
	}
}

@media screen and (max-width: 767px) {
	#top-menu li a {
		padding-left: .625em;
	}

	#top-menu li a:before {
		left: 0;
	}
}


/**
 * atom-dark theme for `prism.js`
 * Based on Atom's `atom-dark` theme: https://github.com/atom/atom-dark-syntax
 * @author Joe Gibson (@gibsjose)
 */
code[class*="language-"],
pre[class*="language-"] {
  color: #e6e1dc;
  font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
  border-radius: 0.3em; }

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #2b2b2b; }

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em; }

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  font-style: italic; }

.token.comment {
  color: #ae9355; }

.token.doctype {
  color: #9d9d9d; }

.token.cdata {
  color: #a5c261; }

.token.punctuation {
  color: #e6e1dc; }

.namespace {
  opacity: .7; }

.token.php .token.delimiter {
  color: #6c99bb; }

.token.property {
  color: #cc762e; }

.token.class {
  color: #e6e1dc; }

.token.tag, .token.tag > .token.punctuation {
  color: #ffc66d; }

.token.keyword {
  color: #cc762e; }

.token.boolean,
.token.constant {
  color: #6c99bb;
  font-weight: normal; }

.token.hexcode {
  color: #6c99bb; }

.token.symbol,
.token.deleted {
  color: #f92672; }

.token.number {
  color: #6c99bb;
  font-weight: normal; }

.token.selector {
  color: #cc762e; }

.token.attr-name {
  color: #cc7832; }

.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #a5c261; }

.token.variable {
  color: #d0d0ff; }

.token.operator {
  color: #b7b300; }

.token.entity {
  color: #FFFFB6;
  /* text-decoration: underline; */ }

.token.url {
  color: #a5c261; }

.language-css .token.string,
.style .token.string {
  color: #a5c261; }

.token.atrule {
  color: #b14f28; }

.token.attr-value {
  color: #a5c261; }

.token.function {
  color: #d54a20; }

.token.regex {
  color: #8857D2; }

.token.important {
  color: #a82b26; }

.token.important,
.token.bold {
  font-weight: bold; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }