/*
Theme Name:     Glass Life
Description:    Life child theme customized for Chris Glass
Author:         Kay Belardinelli
Author URI:     https://kangabell.co
Template:       life
Version:        1.5.1
*/


/* un-stick site header */
.site-header {
	position: static;
}

/*--------------------------------------------------------------
## Typography
## add New Spirit font and adjust as needed
--------------------------------------------------------------*/

:root {
	--font__alt: new-spirit-1, new-spirit-2, serif;
}

.entry-content a {
	font-weight: 550;
}

.entry-header {
	text-align: center;
}

.site-title a,
.main-navigation a {
	letter-spacing: 0;
	text-transform: none;
}

.main-navigation a {
	font-size: 1rem;
}

.main-navigation .menu-item a::before {
	vertical-align: -0.125em;
}

h1, h2, h3, h4, h5, h6,
p.is-style-alt {
	font-family: var(--font__alt);
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0;
}

h6 {
	font-size: 1.25rem;
	text-transform: none;
}

h2.heading-alt, h3.heading-alt, h2.is-style-alt, h3.is-style-alt,
.wp-block-button__link,
.card .excerpt,
label,
figcaption,
.site-footer,
.nav-label,
.breadcrumb,
.page-header .menu-item a,
input, textarea,
button, input[type="button"], input[type="reset"], input[type="submit"],
.song-link,
.tags-links a,
.card h3 {
	font-family: var(--font__main);
}

.more-link {
	text-align: center;
}


/*--------------------------------------------------------------
## Media
--------------------------------------------------------------*/

.wp-block-image img,
.wp-block-post-featured-image img,
.featured-image img {
	border-radius: 0.75rem;
}

/* remove rounded corners when images are full-width at smaller viewport sizes */

@media screen and (max-width: 87.9rem) {

	.wp-block-image.alignwide img,
	.wp-block-image.alignfull img,
	.featured-image img {
		border-radius: 0;
	}
}


/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/

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

.home .site-main {
	padding-bottom: 0;
}


/*--------------------------------------------------------------
## Secondary Content
--------------------------------------------------------------*/

.home .secondary-content {
	margin-top: 3rem;
}

.home .secondary-content .widget {
	margin-bottom: 0;
}

.home .secondary-content p {
	margin-bottom: 1em;
}

.home .secondary-content .widget_media_image {
	margin-right: -1rem; /* compensate for container padding */
	overflow: hidden;
}

.home .secondary-content .image {
	display: block;
	margin-left: auto;
	margin-right: -5rem;
}

@media screen and (min-width: 46rem) { /* medium-up */

	.home .secondary-content {
		display: flex;
		flex-direction: row-reverse;
	}

	.home .secondary-content .widget_text {
		flex: 1;
	}

	.home .secondary-content .widget_media_image {
		margin-right: 0;
	}

	.home .secondary-content .image {
		margin-right: 0;
	}
}

@media screen and (min-width: 64rem) { /* large-up */

	.home .secondary-content {
		margin-left: auto;
		margin-right: auto;
		max-width: 42rem;
	}
}


/*--------------------------------------------------------------
## Landscape Card pattern
--------------------------------------------------------------*/

.card_landscape {
	gap: 0;
	margin-bottom: 0;
}

.card_landscape .wp-block-image {
	margin: 0 1rem 0 0;
}

.card_landscape .link .icon-exit {
	font-size: 0.833rem;
}


/*--------------------------------------------------------------
## Text Cards (Homepage Links/Bookmarks list)
--------------------------------------------------------------*/

.card_text {
	border-bottom: 1px solid var(--color__background-hr);
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	position: relative;
}

/* spread clickable area over entire card */
.card_text .link::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* any links within the excerpt will be on top of card so they can be clicked too */
.card_text .excerpt a {
	position: relative;
	z-index: 1;
}


/*--------------------------------------------------------------
## Homepage Query Loop Block
--------------------------------------------------------------*/

/* allow link inside query loop block to cover the entire post area */
.home .wp-block-query .wp-block-post {
	position: relative;
}
.home .wp-block-query .wp-block-button__link {
	position: static;
}
.home .wp-block-query .wp-block-button__link::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* any other links within the post will be on top so they can be clicked too */
.home .wp-block-post-excerpt a,
.home .wp-block-query .wp-block-post-title a {
	position: relative;
	z-index: 1;
}


/*--------------------------------------------------------------
## Date Archive Pages
--------------------------------------------------------------*/

.archive.date .site-main {
	position: relative;
}

.archive.date .widget_archive .widgettitle {
	display: none;
}

.archive.date .widget_archive {
	margin-bottom: 0;
	position: absolute;
	bottom: 2rem;
	left: 1rem;
}

.archive.date .grid-container {
	grid-gap: 0.375rem;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin-bottom: 1rem;
}

.archive.date .nav-links {
	border-top: 1px solid var(--color__background-hr);
	margin-top: 2rem;
}

@media screen and (min-width: 46rem) {

	.archive.date .grid-container {
	  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}

	.archive.date .page-header {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.archive.date .page-title {
		margin-bottom: 0;
		margin-top: 0;
	}

	.archive.date .widget_archive {
		position: static;
	}
}