@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400i,700|Vollkorn:400i,400');

* {font-family: 'Quattrocento Sans', sans-serif; font-weight: 400;}

html {font-size: 100%;}
body, button, 
.archive .read-more a, 
.blog .read-more a, 
.search-results .read-more a, 
input, 
select, 
textarea {font-size: 1.25rem; font-weight: 400; color: rgba(12,0,21,0.8);}
blockquote, 
.pique-template-testimonials .pique-testimonials article .entry-content {color: #664A7B; border-top-color: #664A7B;}
.home blockquote, 
.home .pique-template-testimonials .pique-testimonials article .entry-content {border-top-color: rgba(255,255,255,1);}
blockquote cite, 
.pique-template-testimonials .pique-testimonials article .entry-content cite {color: #664A7B;}
.home blockquote cite, 
.home .pique-template-testimonials .pique-testimonials article .entry-content cite {color: rgba(255,255,255,1);}

h1, h1 a, 
h2, h2 a, 
h3, h3 a, 
h4, h4 a, 
h5, h5 a, 
h6, h6 a {font-family: 'Vollkorn', serif; font-weight: 400; font-style: normal; color: rgba(38,0,70,0.7);}
h3, h3 a, 
h4, h4 a {font-family: 'Quattrocento Sans', sans-serif; font-weight: 700;}
h1 {font-size: 3.0rem;}
h2 {font-size: 2.0rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.5rem;}
h5 {font-size: 1.25rem;}
h6 {font-size: 0.9rem;}

hr {background-color: rgba(38,0,70,0.8);}

.home .pique-panel-content hr {background-color: rgba(255,255,255,0.8);}


.entry-content figure figcaption {margin-top: -0.6rem; padding: 1.0rem 2.0rem 1rem 2.0rem; background: rgba(0,0,0,0.9); color: rgba(255,255,255,0.9); font-size: 1.0rem;}

.page-template-default .site-content .content-area, 
.post-template-default .site-content .content-area {max-width: 740px;}
.home .site-content .content-area, 
.blog .site-content .content-area {max-width: none;}

#pique-hero.pique-panel {background: rgba(96,43,140,1);}
#pique-hero .pique-panel-content {padding-top: 248px;}
.home h1, 
.home h2, 
.home h3, 
.home h4, 
.home h5, 
.home h6, 
.pique-panel-content {color: rgba(255,255,255,0.95);}
.pique-panel-content blockquote { font-size: 1.75rem;}
#pique-hero .pique-panel-content .entry-content p:first-of-type { font-size: 2.0rem;}
.entry-footer {padding: 0;}

a {color: rgba(234,96,249,1);}
a:hover {color: rgba(38,0,70,0.8);}
a.post-edit-link, .pique-panel .edit-link a {padding: 0 2px; background: #a00000; color: #ffffff;}
.home .entry-footer .edit-link {top: 50%;} /* moves EDIT PAGE to middle of each panel on home page. */
.home #post-531 .entry-footer .edit-link {display: none;} /* hide the EDIT PAGE link on the blog panel. */

/* ==========
 * site title
 * ========== */
#masthead {height: 448px; background: rgba(12,0,21,1);}
.home #masthead {height: auto;}
#masthead a.pique-header {background: rgba(96,43,140,1);}
#masthead a.pique-header img {opacity: 0.2;}

.site-branding .site-title {position: absolute; left: -9000px;}
.site-branding p {padding-top: 1em; font-size: 1.375rem;}

/* ==========
 * topnav
 * ========== */
.main-navigation, 
.main-navigation ul ul {background: rgba(12,0,21,0.9); border-top-color: rgba(12,0,21,1); border-bottom-color: rgba(12,0,21,1);}
.main-navigation a, 
.main-navigation .current_page_item > a, 
.main-navigation .current-menu-item > a, 
.main-navigation .current_page_ancestor > a, 
.main-navigation ul ul a {color: #ffffff; font-size: 1.0rem;}
.main-navigation a:hover {color: rgba(234,96,249,0.9);}

/* ==========
 * buttons
 * ========== */
.button, 
input[type="button"] {border: solid 2px rgba(234,96,249,0.0); background: rgba(234,96,249,0.5); color: rgba(36,0,70,0.8); margin-bottom: 1rem; font-size: 1.125rem;}
.button:hover, 
input[type="button"]:hover {border: solid 2px rgba(36,0,70,0.6); background: rgba(234,96,249,0.1); color: rgba(36,0,70,0.8);}
.button, 
.button + .button {margin-left: 0.25rem; margin-right: 0.25rem;}

.pique-panel-content .button, 
#colophon input[type="button"] {border: solid 2px rgba(255,255,255,1); background: rgba(234,96,249,0.8); color: rgba(255,255,255,1);}
.pique-panel-content .button:hover, 
#colophon input[type="button"]:hover {border: solid 2px rgba(255,255,255,0.9); background: rgba(12,0,21,0.3); color: rgba(255,255,255,1);}

/* ==========
 * blog and archive excerpts
 * ========== */
.blog .pique-panel {background-color: rgb(0,0,0);}
.blog .pique-panel:nth-of-type(even) {background: rgb(12,0,21);}

.blog .pique-panel-background {opacity: 0.4}
.blog .pique-panel-background:before {background: rgba(38,0,70,0.4);}

/* hide some excerpt elememts */
.blog .entry-content h2, 
.blog .entry-content h3, 
.blog .entry-content h4, 
.blog .entry-content h5, 
.blog .entry-content blockquote, 
.blog .entry-content img, 
.blog .entry-content figcaption, .archive .entry-content h2, 
.archive .entry-content h3, 
.archive .entry-content h4, 
.archive .entry-content h5, 
.archive .entry-content blockquote, 
.archive .entry-content img, 
.archive .entry-content figcaption {display: none;}

/* remove title borders */
.blog h2.entry-title, 
.blog h2.entry-title::before,
.blog h2.entry-title::after, 
.archive h2.entry-title, 
.archive h2.entry-title::before, 
.archive h2.entry-title::after {border: none;}
.entry-title a {font-family: "Vollkorn", serif; text-transform: none; font-size: 3.0rem; color: #ffffff! important;}
.entry-title a:hover {color: rgba(234,96,249,0.8) !important; border-bottom: none !important;}
.home .entry-title a {font-size: 2.0rem;}

.blog .pique-panel-content .read-more, 
.archive .pique-panel-content .read-more, 
.search .pique-panel-content .read-more {width: 15rem; padding: 0.8rem 3rem; border-radius: 3.0rem; border: solid 2px #ffffff; background: rgba(234,96,249,0.8); color: #ffffff; font-weight: 700; font-size: 1.125rem; letter-spacing: 0.1rem; text-shadow: none; text-transform: uppercase;}
.blog .pique-panel-content .read-more:hover, 
.archive .pique-panel-content .read-more:hover, 
.search .pique-panel-content .read-more:hover {background: rgba(12,0,21,0.3);}

/* blog listing on homepage */
.home .pique-template-recent-posts h3.entry-title {margin-bottom: 0.5rem; padding-bottom: 0;}
.home .pique-template-recent-posts .entry-meta {width: 100%; display: block; margin: 0 0 0.5rem 0; text-align: left; color: #ffffff;}
.home .pique-template-recent-posts .entry-meta .byline {; display: inline;}
.home .pique-template-recent-posts .entry-meta .edit-link {display: inline; position: relative; bottom: 0; left: 10px;}
.home .pique-template-recent-posts .entry-meta .post-edit-link {padding: 0 2px;}

.home .pique-template-recent-posts .entry-meta a {color: #ffffff;}
.home .pique-template-recent-posts .entry-meta a:hover {color: rgba(234,96,249,1);}

.home .pique-template-recent-posts p {margin-top: 0; margin-bottom: 4.0rem;}
.home .pique-template-recent-posts .read-more {display: block; margin-top: 1.0rem;}
.home .pique-template-recent-posts .read-more a.more-link {display: inline-block; padding: 0.8rem 2rem; border-radius: 3.0rem; border: solid 2px #ffffff; background: rgba(234,96,249,0.8); color: #ffffff; font-weight: 700; font-size: 1.125rem; letter-spacing: 0.1rem; text-shadow: none; text-transform: uppercase;}
.home .pique-template-recent-posts .read-more a.more-link:hover {background: rgba(12,0,21,0.3);}

.comment-navigation, 
.posts-navigation, 
.post-navigation {border-top-color: rgba(38,0,70,0.7); border-bottom-color: rgba(38,0,70,0.7);}
.comment-navigation .nav-previous a, 
.comment-navigation .nav-next a, 
.posts-navigation .nav-previous a, 
.posts-navigation .nav-next a, 
.post-navigation .nav-previous a, 
.post-navigation .nav-next a, 
.comment-navigation .nav-previous a span, 
.comment-navigation .nav-next a span, 
.posts-navigation .nav-previous a span, 
.posts-navigation .nav-next a span, 
.post-navigation .nav-previous a span, 
.post-navigation .nav-next a span {color: rgba(234,96,249,1);}
.comment-navigation .nav-previous a:hover, 
.comment-navigation .nav-next a:hover, 
.posts-navigation .nav-previous a:hover, 
.posts-navigation .nav-next a:hover, 
.post-navigation .nav-previous a:hover, 
.post-navigation .nav-next a:hover  {color: rgba(38,0,70,0.8);}

.widget {border-top-color: rgba(38,0,70,0.7);}
.widget-title {color: rgba(38,0,70,0.7);}
.widget ul a {border-top-color: rgba(38,0,70,0.7); color: rgba(38,0,70,0.7); background: rgba(38,0,70,0);}
.widget ul a:hover {border-top-color: rgba(38,0,70,1); color: rgba(255,255,255,1); background: rgba(38,0,70,0.7);}
.widget_archive ul li::before, .widget_categories ul li::before {border-bottom-color: rgba(38,0,70,0.7);}

/* blog listing in footer */
#colophon .widget_recent_entries li a {font-size: 1.25rem; text-transform: lowercase;}
#colophon .widget_recent_entries li a:hover {background: rgba(12,0,21,0.3) !important;}
#colophon .widget_recent_entries li .post-date {font-size: 0.9rem; text-transform: uppercase;}

/* ==========
 * forms
 * ========== */
form, label {color: rgba(38,0,70,0.5); font-size: 1.0rem;}
label {font-size: 0.8rem}
input[type='tel'], 
input[type='text'], 
input[type='email'], 
input[type='url'], 
input[type='password'], 
input[type='search'], 
textarea {border-color: rgba(38,0,70,0.7); background: rgba(255,255,255,0.9); color: rgba(38,0,70,0.8); font-size: 1.125rem;}
input[type='tel']:focus, 
input[type='text']:focus, 
input[type='email']:focus, 
input[type='url']:focus, 
input[type='password']:focus, 
input[type='search']:focus, 
textarea:focus {border-color: rgba(12,0,21,0.95); background: rgba(255,255,255,1); color: rgba(12,0,21,0.95);}
input[type="submit"] {margin: 25px 0; border: solid 2px rgba(234,96,249,0.0); background: rgba(234,96,249,0.5); color: rgba(36,0,70,0.8);}
input[type="submit"]:hover {border: solid 2px rgba(36,0,70,0.6); background: rgba(234,96,249,0.1); color: rgba(36,0,70,0.8);}

/* ==========
 * search results fixes
 * ========== */
.search-results .pique-panel {background-color: rgb(0,0,0);}
.search-results .pique-panel:nth-of-type(even) {background: rgb(12,0,21);}

.search-results .pique-panel-background {opacity: 0.4}
.search-results .pique-panel-background:before {background: rgba(38,0,70,0.4);}

.search-results blockquote {border-top-color: #ffffff;}
.search-results hr {background: #ffffff;}
.search-results .pique-panel-content .entry-content {text-align: center; margin-left: auto; margin-right: auto;}
.search-results h3, 
.search-results h4, 
.search-results h5, 
.search-results h6 {color: #ffffff;}
.search-results p {text-align: left;}
.search-results cite {color: #ffffff;}

/* ==========
 * patreon
 * ========== */

#lafpatreon {font-style: normal;}

#lafpatreon a {display: inline-block; padding: 0.8rem 2rem; border-radius: 3.0rem; border: solid 2px #ffffff; background: rgba(234,96,249,0.8); color: #ffffff; font-weight: 700; font-size: 1.125rem; letter-spacing: 0.1rem; text-shadow: none; text-transform: uppercase;}

#lafpatreon a:hover { background: rgba(234,96,249,0.1);}


/* ==========
 * footer
 * ========== */

#colophon form, #colophon label {color: rgba(255,255,255,0.9);}
#colophon #widget-area-4 form {border-bottom: solid 1px rgba(255,255,255,0.5); margin-bottom: 2rem;}
#colophon.site-footer::before {background: rgba(12,0,21,0.9);}
#colophon.site-footer h2, 
#colophon.site-footer h2 a {color: rgba(255,255,255,0.9); font-family: 'Quattrocento Sans'; font-style: normal; font-weight: 700; font-size: 1.5rem;}
#colophon ul a {border-top-color: rgba(255,255,255,0.5);}
#colophon ul.menu li a { font-size: 1.125rem;}
#colophon ul.menu li a:hover {background: rgba(12,0,21,0.3) !important;}

#colophon #tertiary {border-bottom-color: rgba(255,255,255,0.5);}

#colophonx #menu-social a::before {border: solid 2px rgba(255,255,255,1); background: rgba(234,96,249,0.8); color: rgba(255,255,255,1);}
#colophonx #menu-social a:hover {background: rgba(12,0,21,0) !important;}
#colophonx #menu-social a:hover::before {border: solid 2px rgba(255,255,255,0.9); background: rgba(12,0,21,0.3); color: rgba(255,255,255,1);}

#colophon .secondary-links #menu-social li a[href*="facebook.com"], #colophon .secondary-links #menu-social li a[href*="instagram.com"], #colophon .secondary-links #menu-social li a[href*="twitter.com"], #colophon .secondary-links #menu-social li a[href*="youtube.com"], #colophon .secondary-links #menu-social li a[href*="bandcamp.com"]  {display: inline-block; 
	height: 32px; width: 32px;
	margin-right: 5px;
	overflow: hidden;
	vertical-align: middle;
}

.secondary-links li a[href*="facebook.com"]::before,.secondary-links li a[href*="instagram.com"]::before, 
.secondary-links li a[href*="twitter.com"]::before, 
.secondary-links li a[href*="youtube.com"]::before, 
.secondary-links li a[href*="bandcamp.com"]::before  {font-family: "Font Awesome 5 Brands"; 
	display: block;
	height: 32px; width: 32px; 
	padding: 6px; 
	border-radius: 50%;
	border: solid 2px rgba(255,255,255,1); 
	background: rgba(234,96,249,0.8); 
	color: rgba(255,255,255,1);
	vertical-align: text-bottom; 
	font-style: normal; 
	font-size: 16px; 
	line-height: 1; 
	text-align: center;
	transition: 0.2s all ease-in-out;
	content: "\f785"; /* default to canada maple */
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
	text-rendering: auto;}

#colophon .secondary-links #menu-social li a:hover::before  {border: solid 2px rgba(255,255,255,0.9); background: rgba(12,0,21,0.3); color: rgba(255,255,255,1);}

#colophon .secondary-links #menu-social li a[href*="facebook.com"]::before {content: "\f39e";}
#colophon .secondary-links #menu-social li a[href*="instagram.com"]::before {content: "\f16d";}
#colophon .secondary-links #menu-social li a[href*="twitter.com"]::before {content: "\f099";}
#colophon .secondary-links #menu-social li a[href*="youtube.com"]::before {content: "\f167";}
#colophon .secondary-links #menu-social li a[href*="bandcamp.com"]::before {content: "\f2d5";}

#colophon .site-info {position: relative; left: -9000px;}
#colophon .site-info::before {content: "All content © Laurie Anne Fuhr, except as noted."; display: block; position: relative; left: 9000px; text-align: right; font-style: normal; font-size: 1.125rem;}

@media (max-width: 1024px) {
	.home #pique-hero .pique-panel-content .entry-content p, .home h2, .pique-panel-content blockquote {font-size: 1.5rem; }
	.home .pique-panel-content .entry-content {margin: 1 auto;}
.home h1, .home h2, .home h3, .home h4, .home h5, .home h6, .pique-panel-content {color: rgba(255,255,255,1);}
	
	#colophon.site-footer h2, #colophon.site-footer h2 a {font-size: 1.125rem}
	#colophon .site-info::before {text-align: center;}
	#colophon #menu-social {padding: 1rem 0;}
}

@media (max-width: 768px) {
	.pique-panel {min-height: 10vh;}

.blog .entry-content, 
.archive .entry-content, 
.search .entry-content {margin-top: 0; margin-bottom: 2.0rem;}
.blog .entry-title a, 
.archive .entry-title a, 
.search .entry-title a {font-size: 2.25rem;}
	
	#colophon #tertiary .widget-area aside {max-width: 500px; margin-left: auto; margin-right: auto;}
	#colophon #tertiary {margin-bottom: 1rem;}
	#colophon #tertiary #facebook-likebox-4, #colophon #tertiary #facebook-likebox-5, #colophon #tertiary #ninja_forms_widget-5 {padding: 2rem 0 0 0;}
	#colophon #widget-area-2 aside {margin-bottom: 5rem; border-bottom: solid 1px rgba(255,255,255,0.5); padding-bottom: 0rem}
	#colophon form {padding-bottom: 2rem;}
}

@media (max-width: 600px) {
	.button, .button+ .button {display: block; width: 90%; margin: 1rem auto;}
	.button, input[type="button"] {padding: 1rem 2rem;}
	.pique-header img {max-width: 120%;}
}

@media (max-width: 350px) {
	html {font-size: 90%;}
	.pique-header img {max-width: 130%;}
}