/*
Theme Name: White Crow 2025 (Slightly child theme)
Theme URI: https://refinedpractice.com/
Description: A child of the Slightly theme for use by the White Crow website
Author: Refined Practice
Author URI: https://refinedpractice.com/
Template: slightly
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

:root {
		--textFont:"Libre Baskerville", serif;
		--textColor:"rgba(64,64,64,1)";
		--headingFont:copperplate, serif;;

	--themevar1:223, 196, 27;
	--themevar2: 82, 164, 184;
	--themevar3:212, 58, 64;

	 --themeColor: var(--themevar1);
	 --borderColor:#000;
	 --light-grey:rgba(245,245,245,1);
	 --light-grey-rgb:210,210,210;
}
*, *:before, *:after {
    box-sizing: border-box;
    scroll-behavior: smooth;
}
.text-assistive {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    box-sizing: border-box;
    position: absolute;
    margin: 0;
    padding: 0;
}
.d-none {
    display: none;
}   
.v-hidden {
    visibility: hidden;
}

p.no-margin {
	margin:0!important;
}

html {
    min-height: 100vh;
    font-size: 16px;
    font-family: var(--textFont);
  	font-weight: 400;
	font-style: normal;
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.5;
}
button,input,select,textarea {
    color: inherit;
    background-color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-size: inherit;
}

.home #main {
	display:grid;
}

h1, h2, h3, h4, h5, h6 {
	font-family:  var(--headingFont);
	font-weight: 500;
	font-style: normal;
	text-transform: lowercase;
	letter-spacing:1px;
	margin-bottom:1rem;
	line-height:1.2;

}

h2 {margin-top:2rem;}

h2.page-title {
	border-bottom-color: var(--textColor)!important;
	border-bottom-width:1px!important;
	border-bottom-style:solid!important;
	padding-bottom: 10px;
	margin-bottom:10px;
}

p {
	font-family: var(--textFont);
  	font-weight: 400;
	font-style: normal;
	line-height:1.7;
	margin-bottom: 1rem;
}

.link {
	font-style:italic;
}

a:focus {
    outline: 2px solid transparent;
}
a:focus-visible {
    outline: 2px solid var(--borderColor);
}

.straight {
	margin: 0 -0.5rem 20px;
}

.rule-above {

	border-top:1px solid var(--borderColor);
	padding-top:25px;
}

/* Mailchimp signup */

.mc_form_inside {
	display:flex;
}

.mc_header {
	display:none;
}

input.mc_input, #mc_signup_submit {
	border-radius: 0;
}

#mc_signup_submit {
	background: rgba(var(--themeColor));
}

#mc_signup_submit:hover {
	background: rgba(var(--themeColor),0.75);
}

.no-pad {
	padding:0!important;
}

.p-25-l {
	padding-left:25px;
}

.p-25-r {
	padding:25px!important;
}

.col-sm-2-5 {
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		max-width: 20%;
	}	
	
.archive, .author {
	margin-bottom:15px;

}	

.front-page.archive {
	
	margin-bottom: 8px;
line-height: 0;
}	

.front-page.archive p {

line-height:1.6;}

.site-content {
	min-height: 600px;
}

.forthcoming {
	order:-1;
}

.search-archive {
	display:inline-flex;
	background-color: rgba(var(--themeColor), 0.15);
	padding:15px;
	border-top:1px solid var(--borderColor);
	margin:10px 0;
}

.search-archive .inline {
	display:inline-flex;
}

.search-archive .widget {
	width:fit-content;
	margin-right:15px;
	margin-bottom:0;
}

.search-archive h3 {
	margin-right:15px;
	margin-bottom:0;
	
}

.search-archive select {
	background-color:#fff;
}

@media only screen and (min-width:48em) {
	.p-25-r {
	padding:0 25px 0 0;
}

.forthcoming {
	order:inherit;
}

}

@media only screen and (min-width:64em) {
	.col-md-2-5 {
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		max-width: 20%;
	}	


}

/* Header Styles */

.site-header {

border:none;
}

.site-header-col {
	justify-content:space-between;

}

.logo-box{
display:block;
width:fit-content;
height:fit-content;
border:3px solid rgba(var(--themeColor));
margin: 2px 0 0 -40px;
}

.logo-box a {
	display:flex;
	flex-direction: row;
}

.logo-crow {
	
	height:50px;
	width:50px;
    background-color: rgba(var(--themeColor));
    display: flex;
    justify-content: center;
}

.logo-crow img {
	padding:12% 15% 12% 9%;
}

.site-branding {
	text-align: center;
	width:min-content;
	min-width:240px;
	color: rgba(var(--themeColor));
	margin:auto 0;
}



.site-title {
	margin:auto 0;
	padding:5px 10px 3px 10px;
	font-size:1rem;
	font-weight:700;
	line-height:100%;
	letter-spacing:1px;
	font-family: var(--headingFont);
}

.site-title a:after {
	content:none;
}

.no-svg .logo {
  width: 200px;
  height: 164px;
  background-image: url(white-crow.svg);
}

.close-x svg, .open-burger svg {
	stroke: var(--borderColor);
	stroke-width: 2px;
}

.close-x {
    display: none;
}

.menu-toggle {height:auto;}

.menu-active .close-x, .toggled .close-x {
    display: inline-block!important;
}

.menu-active .open-burger, .toggled .open-burger {
    display: none;
}

.main-navigation {
text-align:right
}

.main-navigation>div {
	
	width: 100vw;
	height: 100vh;
	margin-left:-30px;
	text-align:left;
	
	
}

.header-right {
display: flex;
	flex-direction:column-reverse;
}

.social {
display:none;

}

.social-mobile {
padding: 10px 10px 10px 10px;
align-self: end;
display:flex;
}

.social>div, .social-mobile>div{margin-left:15px;}

@media screen and (min-width:37.5em){

.header-right {
	flex-direction:column;
	display: flex;
justify-content: space-between;

}
.menu-toggle {
display: inline-block;
}








.main-navigation>div {
	
	width: 100vw;
	height: 100vh;
	margin-left:-30px;
	text-align:left;
	
	
}


.main-navigation>div {

	width: 100vw;
	height: 100vh;
	margin-left: -30px;
	text-align: left;
position: absolute;
left: 0;
background: #fff;

box-shadow: 0 12px 50px rgba(0,0,0,0.05);
border: 1px solid #eee;
z-index: 9999;
visibility: hidden;
opacity: 0;
transform: translateY(-10px);
transition: .21s visibility, .2s opacity, .2s transform;
transition-timing-function: ease-out;
}	

.main-navigation li {
float: none;
position: inherit;
}	


}

.hide-mobile, .hide-tablet { display:none; }


@media screen and (min-width:68em){
.show-tablet {display:none; }
.hide-tablet { display:inherit; }
}

@media screen and (min-width:48em){

.show-mobile {display:none; }
.hide-mobile { display:inherit; }

.logo-box{
display:block;
width:106px;
border:4px solid rgba(var(--themeColor));
margin:inherit;
}
.logo-box a {
	display:flex;
	flex-direction: column;
}


.logo-crow {
	
	height:100px;
	width:100%;
    background-color: rgba(var(--themeColor));
    display: flex;
    justify-content: center;
}

.logo-crow img {
	padding:12% 15% 12% 9%;
}

.site-branding {
	text-align: center;
	width:100%;
	min-width:auto;
	color: rgba(var(--themeColor));
	
}



.site-title {
	margin:0;
	padding:5px 0px 3px 2px;
	font-size:1rem;
	font-weight:700;
	line-height:100%;
	letter-spacing:3px;
	font-family: var(--headingFont);
}




.social {
padding: 10px 0 10px 10px;
align-self: end;
display:flex;
}

.social>div {margin-left:15px;}

.social-mobile {
	display:flex;
	position:absolute;
	top:0;
	right: 0;
	
}

.menu-toggle {
display: none;
}

.main-navigation {
		
	padding:0;
	height: auto;

}

.main-navigation>div {
/*	width: 100vw;
	height: 100vh;
	margin-left: -30px;
*/	text-align: right;
	transform:none;
	left: auto;
	right:inherit;
	width: auto;
	height: auto;
	margin:0;
	visibility: inherit;
	border:none;
	background:none;
	opacity:1;
	box-shadow:none;
	position:inherit;
}

.main-navigation li {
	text-align:center;
	margin-bottom:-3px;
	
	
}

.main-navigation a {
	text-transform: lowercase;
	font-family: copperplate, serif;
	font-weight: 500;
	
	height:100%;
	align-content:end;
	width:min-content;
	padding:16px 10px;
	font-size:0.95rem;
}




.main-navigation a:after {
	bottom:0px;
	height:4px;
}

.main-navigation .current_page_item>a {
box-shadow:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border-bottom:4px solid #000;
padding-bottom:10px;

}

.main-navigation .current_page_item>a:after {
content:none;
}

#primary-menu {
	display:flex;
	justify-content: space-between;
	border-bottom: 2px solid var(--borderColor);
	}

}


@media screen and (min-width:800px){
	.main-navigation a {
		font-size:1.1rem;
		padding: 16px 10px;
		}
	
}

/* Blog posts */

.archive .entry-header {
	margin-bottom:0;
}


.entry-header {
	margin: 0 -25px 1.5rem -25px;
	padding: 25px;
	}

@media screen and (min-width:48em){
	.entry-header {
		margin: 0 0 1.5rem 0;
		padding: 20px 0;
	
	}
}

.archive .entry-header {
	padding-bottom:5px;
}



.entry-meta, .entry-meta a {
	font-family: var(--textFont);
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0;
	font-size: 0.9rem;
	color:var(--textColor);
}

.entry-meta a:hover {
	
	border-bottom-width: 1px!important;
	border-bottom-style: solid!important;
	border-bottom-color: var(--textColor)!important;
}

.archive .entry-meta, .archive .entry-meta a {
	text-transform: uppercase;
	letter-spacing:12.5%;
	font-size:0.65rem;
}

.entry-title {
	line-height:1.3;
	font-size: 2rem;
	margin-top:0.25rem;
	letter-spacing:5%;
}

.archive .entry-title {
	font-family: var(--textFont);
	font-size: 1rem;
	text-transform: none;
	font-weight: 700;
	letter-spacing: 0!important;
	line-height:1.7;
	margin-top:7px;
	margin-bottom:0;
}

.sticky {
	display: flex;
	flex-direction: column;
	background-color: var(--light-grey);
	padding: 1.2em;
	border-radius:0px;
	height:100%;
}

.sticky .entry-header {
	
	padding-top:5px;
}

.sticky .entry-content {
	flex-grow:1;
}

.mt-10 {
	margin-top:10px;
}

.bg-grey {
	background: var(--light-grey);
}

figure {
    margin: 0.4em 0 1em;
    width:fit-content;
}


.wp-block-image figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image.alignright>figcaption {
	color:#fff;
	background: #000;
	position: relative;
	width: 100%;
	padding: 5px 10px;

}

.wp-block-image :where(figcaption) {
	margin:0
}

@media screen and (min-width:48em){
	.mt-10 {
	margin-top:0px;
}
}

/* numeric post nav */

.navigation {
	text-align:center;
	width:100%;
	margin-top:20px;
	padding:0;
	}



.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled, .page-numbers li .current {
    color: #fff;
    text-decoration:none;
}
  
.navigation li {
    display: inline;
}
  
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled, 
.page-numbers li .current {
    background-color: rgba(var(--themeColor));
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
  
.navigation li a:hover,
.navigation li.active a, .page-numbers li .current {
    background-color: rgba(var(--themeColor),0.75);
}

/* read next */

.read-next {
	
}

.read-next h2 {
	font-family: var(--textFont);
	font-weight: bold;

	margin-top: 0.75rem;
}

.read-next h2 a {
	font-family: var(--textFont);
	font-weight: bold;
	border-bottom: none;
}

.read-next h2 a:after{
	background-color:rgba(var(--themeColor));
}

.read-next span {
	text-transform: none;
	letter-spacing: 0;
	font-weight: normal;
	font-style:italic;
	color:rgba(var(--themeColor));
}

/* blog author page */

.blog-author-header {
	background:var(--light-grey);
	padding:25px;
	display: flex;
	flex-direction: row;
	align-content: space-between;
	margin-bottom:2rem;
}

.blog-author-header h1 {
	clear:none;
	margin-bottom:1rem;
	line-height:100%;
}

.blog-author-header img {
	float:right;
	text-align:right;
}

/* comments */

.comments-area {
	margin-bottom: 4rem;
}

.comment-list, .comment-respond {
	background: var(--light-grey);
	padding:15px;
}

.comment-respond {
	margin-top:25px;
}

comment-reply-title small {
	max-width: 100%;
	min-width: 55%;
}

small #cancel-comment-reply-link {
	float:right;
	
}

small a {
	border-bottom: 1px solid var(--textColor);
}

.comment {
	background: #fff;
	padding:15px 15px 25px;
}

.comment:last-of-type, .pingback:last-of-type {
	margin-bottom: 0;
}

.comment-reply-link {
	position: initial;
	top: auto;
}

textarea#comment {
	background:#fff;
}

ol.children {
	margin-top: 2rem;
	padding: 0;
	border-left: 2rem solid var(--light-grey);
}

li.comment {
	margin-bottom:1rem;
}

.comment-author {
	font-size:1rem;
}

.comment-metadata, .comment-metadata a {
	font-size:0.9rem;
	text-transform: none;
	letter-spacing:0;
	color:var(--textColor);
	font-weight:normal;
}

.edit-link {float:right;}

.comment-reply-link {
	text-transform:none;
	letter-spacing: 0;
	font-size:1rem;
	font-wieght:normal;
	background-color: rgba(var(--themeColor));
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	text-transform:none;
	letter-spacing: 0;
	font-size:1rem;
	font-wieght:normal;
	background-color: rgba(var(--themeColor));
}

/* Footer */

.page-footer {
	margin-top: 4rem;
}

.site-footer, .page-footer {
	background-color:rgba(var(--themeColor));
	color: #fff;
	
}

.site-footer a, .page-footer a {
	color:#fff;
	padding-bottom:3px;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.site-footer a:hover, .page-footer a:hover {
	border-bottom: 1px solid rgba(255,255,255,1);
}

.site-footer {
	margin-top:0;
	border-top:0
}

.footer-content {
	padding:30px 0;
	align-content: space-between;
	width: 100%;
}

.footer-menu h2 {
	margin-bottom:0;
	border-bottom: 2px solid #fff;
	width:fit-content;
}

.footer-menu ul {
	list-style:none;
	padding: 5px 0;
	
}

.footer-menu ul li {
	padding: 4px 0;
}

.site-info {
	border-top: 1px solid #fff;
	padding: 15px 0;
}


/* Book styles */

#section {
	
	padding: 25px 0;

}

.full-width {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: auto;
	max-width: 1000%;
}

.no-footer-gap {
	margin-bottom: -4rem;
}

.book .entry-title {
	margin:13px 0;
}

.box-pad {
	padding:30px;
	margin: 30px 0;
}

.mb-25 {
	margin-bottom:25px;
}

.gap {
	padding-left:0px;
}

.box-pad .gap {
	padding-left:0px;
}

.single-book .entry-header {
	padding:25px;
}

.single-book .featured-image {
	margin-bottom:10px;
}



a.btn {
	display: block;
	padding: 10px;
	
	gap: 10px;
	border-color:var(--textColor)!important;
	border-width:1px;
	border-style:solid;
	text-align:center;
}

a.btnfit {
	display:inline-flex;
	width:fit-content;
	align-items: flex-start;
	margin-right:10px;
}

a.btninline {}

.book-meta p, .book-meta a, .author-info p {
	font-size:0.9rem;
}

.book-meta p, .author-info p {
	margin-bottom:0.5rem;
}

.cat-link {
	display:inline-flex;
	margin-bottom:0.5rem;
}

.meta-title {
	font-weight:bold;
}

.book-details {
	margin: 25px 0 0 0;
}

h2.booklist-title {
	font-family:var(--textFont);
	font-size:0.9rem;
	letter-spacing:0;
	text-align:center;
	margin:0;
	text-transform:inherit!important;
}

.booklist {
	padding:0 2%;
	}
	
.booklist-header{
	
	margin-bottom:15px;	
	}

.booklist-header .featured-image {
	margin-bottom: 0;
	}
	
.booklist-straight {
	margin: 25px -2%;
}

.author-container {
	margin-top:0.5rem;
}

.booklist-author {
	text-transform:uppercase;
	font-size:0.75rem;
	letter-spacing:10%;
	text-align: center;
	
}

.book-meta {
	margin-bottom:30px;
}

.book-pad {
	padding: 0 15%;
	content-align:center;
}

.book-month {
	margin-bottom: 3rem;
	margin-right:15px;
}

.header-excerpt {padding-right:30px;}

.book-month .featured-image {
	margin-bottom:-7px;
	padding: 5% 15% 0;
}



h3.book-month-title {
	font-family:var(--textFont);
	letter-spacing:0;
	text-transform:inherit;
}

.author-card {
width:100%;
height:fit-content;
	background-color:#fff;
	padding: 15px 15px 15px 15px;
	-webkit-box-shadow: 0px 8px 18px 0px rgba(219,219,219,0.8);
-moz-box-shadow: 0px 8px 18px 0px rgba(219,219,219,0.8);
box-shadow: 0px 8px 18px 0px rgba(219,219,219,0.8);

}

.full-height {
	height:100%;
}

.full-height img {
		height: 250px;
}

.tb-pad {padding:25px 0; }

.featured-authors .entry-header {margin-bottom:10px;}

.featured-authors .entry-header h1 {font-size:1.5rem;}

.featured-authors {
	padding:25px 25px 0 25px;
}

.featured-authors h2 {
	margin:0 0 10px 0;
}

h2.front-page {
	margin-top:0;
}

h3.author {margin-bottom: 5px;}

.author-card p a{
	font-size:0.9rem;
}

.author-card img {

align-self: stretch;
width: 100%;
object-fit: cover;
filter:brightness(100%);
transition:filter 0.5s;
background-color: rgba(var(--themeColor),0.75);
}

.author-card a img:hover {
	filter:brightness(110%);
}

a.read-more {
	font-style:italic;
}

.authorof_title, .authorof {
	font-size:0.75rem;
}

 .authorof {
 	margin-bottom:8px;
 }

.authorof_title {
	font-style:italic;

}

.author-card svg {
	height:14px;
	width: auto;
	margin-bottom:-2px;
	color:rgb(var(--themeColor));
}

.author-card svg path {
	fill:rgb(var(--themeColor));
}

.xs-mb {margin-bottom:15px;}

.inline, .inline p {display:initial;}

@media screen and (min-width:48em){
.xs-mb {margin-bottom:0;}

	.gap {
	padding-left:30px;
}

.box-pad .gap {
	padding-left:15px;
}

.book-month .featured-image {
	margin-bottom:-7px;
	padding: 0;
}

.book-pad {
	padding: 0;
	
}

.book-meta {
	margin-bottom:0px;
}
}


/* excerpt styles */

.float-right {
	display:block;
	float:right;
}

.link {
	width: fit-content;
	text-align: center;
	margin: 0 auto;
}

.mb-15 {
	margin-bottom:20px!important;
}

.excerpt-single {
	padding:25px 0!important;
}

.excerpt-author {
	font-style:italic;
	margin-top:10px;

}

.excerpt-book-cover {
	width:100%;
	margin-left:25px;
}

.entry-header .excerpt {
	letter-spacing:0;
}

.excerpt .entry-header {
	padding-top:5px;
}

.entry-footer a {
	font-style:italic;
	margin-top:10px;
	padding-bottom:2px;
	border-bottom-width:1px;
	border-bottom-color:var(--textColor);
	border-bottom-style:solid;
}


/* book author */

h1.author-title {
	margin-top:0;
}

.author-page .author-info p {margin-bottom:5px;}

.author-page .author-info {margin-bottom:15px;}

/* front page */



.front-page .entry-content p {
	margin-bottom:0.5rem;
}

.retail-meta-links {
	display: none;
}
.retail-meta-links.selected {
	display: block;
}

.retail-meta-links a {
	display: inline-block;
	font-size: 1rem;
padding: 0.3rem 0.7rem;
margin-inline-end: 0.3rem;
margin-block-end: 0.3rem;
	border: 1px solid #000;
	text-decoration: none;
}
.retail-meta-links a.selected {
	background-color: #fff;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.retail-meta-links a:hover {
	background-color: #fff;
	color:#000;
}

.book-retail-meta h3 {
 margin:0.5rem 0 0.25rem 0;

}

.book-retail-meta svg {
	height:12px;
	width:auto;
	margin-left:5px;
	diplay:inline-block;
}

.book-retail-meta svg path {
	fill:rgba(var(--themeColor),1);
}

.excerpt .gap {margin-left:15px;}


.page-title-bar {
	border-bottom: 1px solid #000;
	width:100%;
	padding: 0 0 0 0;
	margin-left:0;
	margin-bottom:20px;
}

.page-title-bar .straight {
	margin-bottom:10px;
}

.page-title-bar h2 {
	margin:0;
	
}

a.page-link {
	font-style:italic;
	text-align:right;

}



@media screen and (min-width:48em){
	.front-page .entry-header {
	padding:10px 0 5px 0;
	}
.excerpt .gap {margin-left:0px!important;}	
	

}


/* Search */

.search-filters {
	margin:10px 0 30px 0;
}

.search-filters a.active {
	background-color: rgba(var(--themeColor),1);
}

.date h1 {
	margin-bottom:1rem;
}

.comment-form-cookies-consent {
	width: fit-content;
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
}

label {
	text-transform:none;
	letter-spacing:0;
	color:var(--textcolor);
}

input {
	background:#fff;
}

@media screen and (min-width:48em){

	.main-navigation .current_page_ancestor>a,.main-navigation .current_page_parent>a {
	    -webkit-box-shadow: inset 0px -2px 0px 0px #333;
	    -moz-box-shadow: inset 0px -2px 0px 0px #333;
	    box-shadow: inset 0px -2px 0px 0px #333;
		border-bottom:4px solid #000;
		padding-bottom:10px;
	}

	.main-navigation .current-menu-parent {
	    -webkit-box-shadow: inset 0px -2px 0px 0px #333;
	    -moz-box-shadow: inset 0px -2px 0px 0px #333;
	    box-shadow: inset 0px -2px 0px 0px #333;
		border-bottom:4px solid #000;
		padding-bottom:10px;
	}

	.main-navigation .current_page_item>a {
		box-shadow:none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		border-bottom:4px solid #000;
		padding-bottom:10px;
	}

}