/* 
Theme Name: Writing Up the Ancestors
Theme URL: https://www.writinguptheancestors.ca
Description: Child them based on the harrison theme
Theme Author: mrmaru
Author URL: https://www.mrmaru.com
Template: harrison
Version: 1.0.0 
Text Domain: wuta
*/


/*--------------------------------------------------------------
# - CSS Variable Overrides
--------------------------------------------------------------*/
:root {
	--primary-color: #1177cc;
	--secondary-color: #3597e8;
	--tertiary-color: #b03022;
	--accent-color: #078896;
	--highlight-color: #5bb021;
	--light-gray-color: #e4e4e4;
	--gray-color: #848484;
	--dark-gray-color: #242424;
	--text-color: rgba(0, 0, 0, 0.9);
	--medium-text-color: rgba(0, 0, 0, 0.7);
	--light-text-color: rgba(0, 0, 0, 0.5);
	--page-background-color: #fff;
	--page-border-color: rgba(0, 0, 0, 0.1);
	--page-light-bg-color: rgba(0, 0, 0, 0.05);
	--link-color: #1177cc;
	--link-hover-color: #3597e8;
	--button-color: #1177cc;
	--button-text-color: #fff;
	--button-hover-color: #3597e8;
	--button-hover-text-color: #fff;
	--header-background-color: #fff;
	--header-text-color: rgba(0, 0, 0, 0.9);
	--header-text-hover-color: #3597e8;
	--header-border-color: rgba(0, 0, 0, 0.1);
	--title-color: #202020;
	--title-hover-color: #3597e8;
	--footer-background-color: #202020;
	--footer-text-color: rgba(255, 255, 255, 0.5);
	--footer-link-color: rgba(255, 255, 255, 0.95);
	--footer-link-hover-color: rgba(255, 255, 255, 0.5);
	--footer-border-color: rgba(255, 255, 255, 0.1);
	--text-font: "Barlow", arial, helvetica, sans-serif;
	--title-font: "Barlow", arial, helvetica, sans-serif;
	--navi-font: "Barlow", arial, helvetica, sans-serif;
	--title-font-weight: bold;
	--navi-font-weight: normal;
	--title-text-transform: none;
	--navi-text-transform: none;
	--text-line-height: 1.75;
	--title-line-height: 1.4;
}

/*--------------------------------------------------------------
# - Tag Overrides
--------------------------------------------------------------*/

blockquote {
	border-left: none;
}

/*--------------------------------------------------------------
# - Class Overrides
--------------------------------------------------------------*/



.mrmaru-sidebar {
	display: none;
}

.mrmaru-sidebar-footer {
	display: block;
}

.mrmaru-sidebar .categories {
	padding-right: 1rem;
}

.site-main {
    max-width: 680px;
	flex: 80%;
}

.pagination-wrap {
	flex: 100%;
}

.site-description {
	max-width: 60%;
}

.tagline-author {
	font-weight: bold;
}

.header-main {
	position: relative;
}
.header-main .wp-block-search {
	display: none;
	position: absolute;
	top: 2.5rem;
	right: 0;
}

.header-main .wp-block-search input {
	border: 1px solid #949494;
}
.wp-block-search__button {
	background-color: var(--button-color);
	color: #fff;
}

footer select {
	padding: 0.6rem;
}


@media only screen and (min-width: 960px) {
	.page-footer {
		flex: 100%;
	}
}

@media only screen and (min-width: 320px) {
	.entry-categories ul {
		flex-wrap: wrap;
	}

}

@media only screen and (min-width: 1120px) {
	
	.header-main .wp-block-search {
		display: block;
	}
	
	.site-title {
		font-size: 2.5rem;
	}

	.mrmaru-sidebar {
		display: block;
		flex: 20%;
		max-width: 260px;
	}
	
	.mrmaru-sidebar-footer {
		display: none;
	}
	
	.site-content {
		display: flex;
		flex-wrap: wrap;
	}
	
	.site-main {
		max-width: 680px;
		flex: 80%;
	}

	.pagination-wrap {
		flex: 100%;
	}

}