/*
Theme Name: Electranyx
Theme URI: http://electranyx.com
Author: Sam
Author URI: http://electranyx.com
Description: Electranyx's custom WordPress theme.
Version: 1.0
License: GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Tags: custom, minimal
*/

:root {
	--logo-height: calc(85vw/7 * 0.1642896597 * 3);
	--button-height: calc(85vw/7 * 0.1642896597);
	--logo-margin: calc((3rem - var(--button-height)) / 2);
	--logo-height-2: calc(36rem/7 * 0.1642896597 * 3); /* 12rem less than media break point */
	--button-height-2: calc(36rem/7 * 0.1642896597); /* 12rem less than media break point */
	--logo-margin-2: calc((3rem - var(--button-height-2)) / 2);
	}

html, body {
    height: 100%; /* Ensure the full height of the viewport is used */
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 400;
	hanging-punctuation: first last;
	}

ul {
	list-style-type: none;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
	}

#primary,
.page-base,
.content-area {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	width: 100%;
	}

.frontpage-post-wrap {
	width: 100%;
	background-color: rgba(127,127,127,.5);	
	}

.menu-container {
	position: relative;
	z-index: 2;
	}

#content {
	flex-grow: 1;
	}

button {
	padding-block: 0;
	padding-inline: 0;
	}

/*--------------------------------------------------------------
# WORDPRESS POST EDITOR
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# TYPOGRAPHY
--------------------------------------------------------------*/

/* @font-face declarations are a fallback if Google fonts fails to respond. Google are deeply unreliable */

/*
@font-face {
    font-family: 'Silkscreen';
    src: local('Silkscreen Regular'), url('fonts/Silkscreen/Silkscreen-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'Silkscreen';
    src: local('Silkscreen Bold'), url('fonts/Silkscreen/Silkscreen-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
	}

@font-face {
    font-family: 'Fraunces';
    src: local('Fraunces'), url('fonts/Fraunces/Fraunces[SOFT,WONK,opsz,wght].woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
	}

@font-face {
    font-family: 'Fraunces';
    src: local('Fraunces Italic'), url('fonts/Fraunces/Fraunces-Italic[SOFT,WONK,opsz,wght].woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: block;
	}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
	}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
	}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
	}
	
@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
	}	

@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
	}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
	}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-Bold.woff2') format('woff2');
    font-weight: 700;
	font-style: normal;
	}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
	}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
	}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
	}
	
@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
	}	

@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
	}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
	}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local('IBM Plex Mono'), url('fonts/IBM_Plex_Mono/IBMPlexMono-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
	}

@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
	}

@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
	}

@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
	}
	
@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
	}	

@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
	}

@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
	}

@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-Bold.woff2') format('woff2');
    font-weight: 700;
	font-style: normal;
	}

@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
	}

@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
	}

@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
	}
	
@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
	}	

@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
	}

@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
	}

@font-face {
    font-family: 'IBM Plex Serif';
    src: local('IBM Plex Serif'), url('fonts/IBM_Plex_Serif/IBMPlexSerif-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
	} 

@font-face {
    font-family: 'Courier Prime';
    src: local('Courier Prime'), url('fonts/Courier_Prime/Courier-Prime.woff2') format('woff2');
	font-family: "Courier Prime", monospace;
	font-weight: 400;
	font-style: normal;
	}

@font-face {
	font-family: 'Courier Prime';
    src: local('Courier Prime'), url('fonts/Courier_Prime/Courier-Prime-Bold.woff2') format('woff2');
	font-family: "Courier Prime", monospace;
	font-weight: 700;
	font-style: normal;
	}

@font-face {
	font-family: 'Courier Prime';
	src: local('Courier Prime'), url('fonts/Courier_Prime/Courier-Prime-Italic.woff2') format('woff2');
	font-family: "Courier Prime", monospace;
	font-weight: 400;
	font-style: italic;
	}

@font-face {
	font-family: 'Courier Prime';
	src: local('Courier Prime'), url('fonts/Courier_Prime/Courier-Prime-Bold-Italic.woff2') format('woff2');
	font-family: "Courier Prime", monospace;
	font-weight: 700;
	font-style: italic;
	}

*/
	
.ibm-plex serif-thin {
	font-family: "IBM Plex Serif", serif;
	font-weight: 100;
	font-style: normal;
	}

.ibm-plex serif-extralight {
	font-family: "IBM Plex Serif", serif;
	font-weight: 200;
	font-style: normal;
	}

.ibm-plex serif-light {
	font-family: "IBM Plex Serif", serif;
	font-weight: 300;
	font-style: normal;
	}

.ibm-plex serif-regular {
	font-family: "IBM Plex Serif", serif;
	font-weight: 400;
	font-style: normal;
	}

.ibm-plex serif-medium {
	font-family: "IBM Plex Serif", serif;
	font-weight: 500;
	font-style: normal;
	}

.ibm-plex serif-semibold {
	font-family: "IBM Plex Serif", serif;
	font-weight: 600;
	font-style: normal;
	}

.ibm-plex serif-bold {
	font-family: "IBM Plex Serif", serif;
	font-weight: 700;
	font-style: normal;
	}

.ibm-plex serif-thin-italic {
	font-family: "IBM Plex Serif", serif;
	font-weight: 100;
	font-style: italic;
	}

.ibm-plex serif-extralight-italic {
	font-family: "IBM Plex Serif", serif;
	font-weight: 200;
	font-style: italic;
	}

.ibm-plex serif-light-italic {
	font-family: "IBM Plex Serif", serif;
	font-weight: 300;
	font-style: italic;
	}

.ibm-plex serif-regular-italic {
	font-family: "IBM Plex Serif", serif;
	font-weight: 400;
	font-style: italic;
	}

.ibm-plex serif-medium-italic {
	font-family: "IBM Plex Serif", serif;
	font-weight: 500;
	font-style: italic;
	}

.ibm-plex serif-semibold-italic {
	font-family: "IBM Plex Serif", serif;
	font-weight: 600;
	font-style: italic;
	}

.ibm-plex serif-bold-italic {
	font-family: "IBM Plex Serif", serif;
	font-weight: 700;
	font-style: italic;
	}

.fraunces-variable {
	font-family: "Fraunces", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-variation-settings:
	"SOFT" 100,
	"WONK" 0;
	}

.ibm-plex mono-thin {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 100;
	font-style: normal;
	}

.ibm-plex mono-extralight {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 200;
	font-style: normal;
	}

.ibm-plex mono-light {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 300;
	font-style: normal;
	}

.ibm-plex mono-regular {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 400;
	font-style: normal;
	}

.ibm-plex mono-medium {
  font-family: "IBM Plex Mono", monospace;
	font-weight: 500;
	font-style: normal;
	}

.ibm-plex mono-semibold {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 600;
	font-style: normal;
	}

.ibm-plex mono-bold {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 700;
	font-style: normal;
	}

.ibm-plex mono-thin-italic {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 100;
	font-style: italic;
	}

.ibm-plex mono-extralight-italic {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 200;
	font-style: italic;
	}

.ibm-plex mono-light-italic {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 300;
	font-style: italic;
	}

.ibm-plex mono-regular-italic {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 400;
	font-style: italic;
	}

.ibm-plex mono-medium-italic {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 500;
	font-style: italic;
	}

.ibm-plex mono-semibold-italic {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 600;
	font-style: italic;
	}

.ibm-plex mono-bold-italic {
	font-family: "IBM Plex Mono", monospace;
	font-weight: 700;
	font-style: italic;
	}

.courier-prime-regular {
	font-family: "Courier Prime", monospace;
	font-weight: 400;
	font-style: normal;
	}

.courier-prime-bold {
	font-family: "Courier Prime", monospace;
	font-weight: 700;
	font-style: normal;
	}

.courier-prime-regular-italic {
	font-family: "Courier Prime", monospace;
	font-weight: 400;
	font-style: italic;
	}

.courier-prime-bold-italic {
	font-family: "Courier Prime", monospace;
	font-weight: 700;
	font-style: italic;
	}

.silkscreen-regular {
	font-family: "Silkscreen", sans-serif;
	font-weight: 400;
	font-style: normal;
	}

.silkscreen-bold {
	font-family: "Silkscreen", sans-serif;
	font-weight: 700;
	font-style: normal;
	}

p {
	margin: 0 0 1.5rem 0;
	hyphens: auto;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
	}

h1 {
	color: rgba(0,0,0,.75);
	text-transform: uppercase;
	font-size: 1rem;
	margin: 2rem 0;
	font-weight: 400;
	}

.single.my-category-war-letters-archive h1 {
	font-size: clamp(.5rem, 3.5cqw, 1.375rem);
	}

.tag h1,
.page h1 {
	margin: 2rem 0 1rem;
	}

.page .archive-header h1 {
/*	margin: 2rem 0 0; */
	}

h1.follow {
	color: #fff;
	font-weight: 500;
	text-shadow: -1px -1px 1px rgba(0, 0, 200, 0.0625), 1px -1px 1px rgba(0, 0, 200, 0.0625), -1px 1px 1px rgba(0, 0, 200, 0.0625), 1px 1px 1px rgba(0, 0, 200, 0.0625);
	}

.page-template-archive #content h1 {
	color: rgba(255,255,255,.95);
	}

.page-template-archive .projects #content h1 {	
	color: rgba(255,255,255,.80);	
	}

.woocommerce h1,
.woocommerce-breadcrumb a,
.tag .archive-header h1, 
.page-template-default #content h1,
.page-template-archive #content h1 {
	letter-spacing: .25em;
	font-size: 1.375rem;
	line-height: 1.5em;
	}

.post-archive #content h1 {
	color: rgba(0,0,0,.95);
	}

.my-category-war-letters-archive h1 {
	grid-area: left;
	}

.project h1 {
	color: rgba(250, 250, 250,.95);
	}

h2.archive,
h2.archive a:link,
h2.archive a:visited,
h2.archive a:hover,
h2.archive a:active {
	color: inherit;
	display: inline-block;
	font-size: clamp(.5rem, 3.5cqw, 1.375rem);
	font-weight: 200;
	text-transform: uppercase;
	}

.post-archive h2.archive {
    text-align: left;
	}

h2.archive a,	
h2.archive a:link,
h2.archive a:visited,
h2.archive a:hover,
h2.archive a:active {	
	text-decoration: none;
/*	border-bottom: .15rem dotted #E14B35; */
	}

.my-category-war-letters-archive h2.archive {
	grid-area: right;
	word-spacing: -0.15em;
	letter-spacing: .25em;
	width: 6em;
	}

.nav-wrap a .redarrow {
	color: rgb(230, 25, 25);
	}

sub,
sup {
  font-size: 80%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
	}

sub {
  bottom: -0.25em;
	}

sup {
  top: -0.2em;
	}

h1 sup,
h2 sup,
h3 sup,
h4 sup,
h5 sup,
h6 sup {
    font-size: 0.8em; /* Adjust the font size as needed */
	top: -0.2em;
	}

.hidden,
h2.entry-title {
	display: none;
	}

h2.year-divider {
    color: rgba(20, 180, 242, 0.95);
    font-weight: 200;
	}

.media h2.year-divider {
    transition: color 0.5s ease;
    mix-blend-mode: difference;
    color: #ccc;
	}

.tag h2.year-divider {
    color: rgba(20, 102, 20, 0.95);
	}

.projects h2.year-divider {
	color: rgba(170, 170, 170, 0.95);
	}

.post-archive h2.year-divider {
    color: rgba(0,0,0,0.5);
    }

.excerpt,
.content {
    font-size: 1.375rem;
    width: calc(100% - 2rem);
    line-height: 1.5em;
	}

.tag .content h3,
.page-template-category-letters-archive	.excerpt,	
.page-template-category-letters-archive	.content {
    font-size: 1.375rem;
    margin: 0 2em;
    font-family: "ltr-ncnd-variable", sans-serif;
    }

.page-template-category-letters-archive .content h2,
.page-template-category-letters-archive h2 a:link,
.page-template-category-letters-archive h2 a:visited,
.page-template-category-letters-archive h2 a:hover,
.page-template-category-letters-archive h2 a:active {
 	font-size: 1.375rem;
	color: inherit;
	font-weight: 600;
	}

.page-template-category-letters-archive .content .grid-paper a {
	color: rgba(0, 0, 0, 0.75);
	border-bottom: 0.125rem solid rgba(0, 0, 0, 0.75); 
	}

.page-template-category-letters-archive .content .grid-paper a:hover {
	color: #e14b35;
	border-bottom: 0.125rem dotted #e14b35; 
	}

.page-template-category-letters-archive .content h2 {
    background-color: rgba(255, 255, 255, 0.95);
    width: fit-content;
    margin: -0.15rem 0 .5rem 0;
	padding: 0.5rem 1rem;
    border-radius: 0.125rem;
    filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.25));
    display: grid;
	grid-template-columns: auto auto;
	}	

.page-template-category-letters-archive .content h2 a {	
	border-bottom: none;
	}
	
.page-template-category-letters-archive .content h2 a .random-baseline {	
	border-bottom: 0.1875rem solid rgba(0, 0, 0, .75);
	}

.page-template-category-letters-archive .content h2 a:hover .random-baseline {	
	color: #e14b35;
	border-bottom: 0.1875rem dotted #e14b35;
	}	

.random-baseline .char-32 { vertical-align: 0.000em; } /* Space */
.random-baseline .char-33 { vertical-align: -0.015em; } /* ! */
.random-baseline .char-34 { vertical-align: 0.010em; } /* " */
.random-baseline .char-35 { vertical-align: -0.008em; } /* # */
.random-baseline .char-36 { vertical-align: 0.012em; } /* $ */
.random-baseline .char-37 { vertical-align: -0.020em; } /* % */
.random-baseline .char-38 { vertical-align: 0.005em; } /* & */
.random-baseline .char-39 { vertical-align: -0.022em; } /* ' */
.random-baseline .char-40 { vertical-align: 0.018em; } /* ( */
.random-baseline .char-41 { vertical-align: -0.003em; } /* ) */
.random-baseline .char-42 { vertical-align: 0.021em; } /* * */
.random-baseline .char-43 { vertical-align: -0.011em; } /* + */
.random-baseline .char-44 { vertical-align: 0.016em; } /* , */
.random-baseline .char-45 { vertical-align: -0.006em; } /* - */
.random-baseline .char-46 { vertical-align: 0.002em; } /* . */
.random-baseline .char-47 { vertical-align: -0.019em; } /* / */
.random-baseline .char-48 { vertical-align: 0.013em; } /* 0 */
.random-baseline .char-49 { vertical-align: -0.007em; } /* 1 */
.random-baseline .char-50 { vertical-align: 0.004em; } /* 2 */
.random-baseline .char-51 { vertical-align: -0.024em; } /* 3 */
.random-baseline .char-52 { vertical-align: 0.017em; } /* 4 */
.random-baseline .char-53 { vertical-align: -0.001em; } /* 5 */
.random-baseline .char-54 { vertical-align: 0.020em; } /* 6 */
.random-baseline .char-55 { vertical-align: -0.012em; } /* 7 */
.random-baseline .char-56 { vertical-align: 0.015em; } /* 8 */
.random-baseline .char-57 { vertical-align: -0.006em; } /* 9 */
.random-baseline .char-58 { vertical-align: 0.001em; } /* : */
.random-baseline .char-59 { vertical-align: -0.018em; } /* ; */
.random-baseline .char-60 { vertical-align: 0.014em; } /* < */
.random-baseline .char-61 { vertical-align: -0.005em; } /* = */
.random-baseline .char-62 { vertical-align: 0.003em; } /* > */
.random-baseline .char-63 { vertical-align: -0.023em; } /* ? */
.random-baseline .char-64 { vertical-align: 0.017em; } /* @ */
.random-baseline .char-65 { vertical-align: -0.002em; } /* A */
.random-baseline .char-66 { vertical-align: 0.019em; } /* B */
.random-baseline .char-67 { vertical-align: -0.013em; } /* C */
.random-baseline .char-68 { vertical-align: 0.022em; } /* D */
.random-baseline .char-69 { vertical-align: -0.026em; } /* E */
.random-baseline .char-70 { vertical-align: 0.008em; } /* F */
.random-baseline .char-71 { vertical-align: -0.017em; } /* G */
.random-baseline .char-72 { vertical-align: 0.011em; } /* H */
.random-baseline .char-73 { vertical-align: -0.004em; } /* I */
.random-baseline .char-74 { vertical-align: 0.006em; } /* J */
.random-baseline .char-75 { vertical-align: -0.020em; } /* K */
.random-baseline .char-76 { vertical-align: 0.019em; } /* L */
.random-baseline .char-77 { vertical-align: -0.010em; } /* M */
.random-baseline .char-78 { vertical-align: 0.007em; } /* N */
.random-baseline .char-79 { vertical-align: -0.018em; } /* O */
.random-baseline .char-80 { vertical-align: 0.016em; } /* P */
.random-baseline .char-81 { vertical-align: -0.002em; } /* Q */
.random-baseline .char-82 { vertical-align: 0.009em; } /* R */
.random-baseline .char-83 { vertical-align: -0.021em; } /* S */
.random-baseline .char-84 { vertical-align: 0.013em; } /* T */
.random-baseline .char-85 { vertical-align: -0.005em; } /* U */
.random-baseline .char-86 { vertical-align: 0.004em; } /* V */
.random-baseline .char-87 { vertical-align: -0.023em; } /* W */
.random-baseline .char-88 { vertical-align: 0.018em; } /* X */
.random-baseline .char-89 { vertical-align: -0.001em; } /* Y */
.random-baseline .char-90 { vertical-align: 0.020em; } /* Z */
.random-baseline .char-91 { vertical-align: -0.012em; } /* [ */
.random-baseline .char-92 { vertical-align: 0.015em; } /* \ */
.random-baseline .char-93 { vertical-align: -0.006em; } /* ] */
.random-baseline .char-94 { vertical-align: 0.001em; } /* ^ */
.random-baseline .char-95 { vertical-align: -0.025em; } /* _ */
.random-baseline .char-96 { vertical-align: 0.014em; } /* ` */
.random-baseline .char-97 { vertical-align: -0.005em; } /* a */
.random-baseline .char-98 { vertical-align: 0.003em; } /* b */
.random-baseline .char-99 { vertical-align: -0.023em; } /* c */
.random-baseline .char-100 { vertical-align: 0.017em; } /* d */
.random-baseline .char-101 { vertical-align: -0.034em; } /* e */
.random-baseline .char-102 { vertical-align: 0.019em; } /* f */
.random-baseline .char-103 { vertical-align: -0.013em; } /* g */
.random-baseline .char-104 { vertical-align: 0.022em; } /* h */
.random-baseline .char-105 { vertical-align: -0.009em; } /* i */
.random-baseline .char-106 { vertical-align: 0.008em; } /* j */
.random-baseline .char-107 { vertical-align: -0.017em; } /* k */
.random-baseline .char-108 { vertical-align: 0.011em; } /* l */
.random-baseline .char-109 { vertical-align: -0.004em; } /* m */
.random-baseline .char-110 { vertical-align: 0.006em; } /* n */
.random-baseline .char-111 { vertical-align: -0.020em; } /* o */
.random-baseline .char-112 { vertical-align: 0.019em; } /* p */
.random-baseline .char-113 { vertical-align: -0.010em; } /* q */
.random-baseline .char-114 { vertical-align: 0.007em; } /* r */
.random-baseline .char-115 { vertical-align: -0.018em; } /* s */
.random-baseline .char-116 { vertical-align: 0.016em; } /* t */
.random-baseline .char-117 { vertical-align: -0.002em; } /* u */
.random-baseline .char-118 { vertical-align: 0.009em; } /* v */
.random-baseline .char-119 { vertical-align: -0.021em; } /* w */
.random-baseline .char-120 { vertical-align: 0.013em; } /* x */
.random-baseline .char-121 { vertical-align: -0.005em; } /* y */
.random-baseline .char-122 { vertical-align: 0.004em; } /* z */
.random-baseline .char-123 { vertical-align: -0.023em; } /* { */
.random-baseline .char-124 { vertical-align: 0.018em; } /* | */
.random-baseline .char-125 { vertical-align: -0.001em; } /* } */
.random-baseline .char-126 { vertical-align: 0.020em; } /* ~ */

.page-template-category-letters-archive h2:nth-child(100n+1) { transform: rotate(-1.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+2) { transform: rotate(-0.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+3) { transform: rotate(-0.9deg); }
.page-template-category-letters-archive h2:nth-child(100n+4) { transform: rotate(-1.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+5) { transform: rotate(0.9deg); }
.page-template-category-letters-archive h2:nth-child(100n+6) { transform: rotate(-0.6deg); }
.page-template-category-letters-archive h2:nth-child(100n+7) { transform: rotate(-0.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+8) { transform: rotate(-1.8deg); }
.page-template-category-letters-archive h2:nth-child(100n+9) { transform: rotate(-0.5deg); }
.page-template-category-letters-archive h2:nth-child(100n+10) { transform: rotate(0.7deg); }
.page-template-category-letters-archive h2:nth-child(100n+11) { transform: rotate(-1.3deg); }
.page-template-category-letters-archive h2:nth-child(100n+12) { transform: rotate(-1.9deg); }
.page-template-category-letters-archive h2:nth-child(100n+13) { transform: rotate(0.6deg); }
.page-template-category-letters-archive h2:nth-child(100n+14) { transform: rotate(-0.5deg); }
.page-template-category-letters-archive h2:nth-child(100n+15) { transform: rotate(1.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+16) { transform: rotate(0.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+17) { transform: rotate(0.5deg); }
.page-template-category-letters-archive h2:nth-child(100n+18) { transform: rotate(1.0deg); }
.page-template-category-letters-archive h2:nth-child(100n+19) { transform: rotate(1.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+20) { transform: rotate(-0.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+21) { transform: rotate(-0.9deg); }
.page-template-category-letters-archive h2:nth-child(100n+22) { transform: rotate(-1.3deg); }
.page-template-category-letters-archive h2:nth-child(100n+23) { transform: rotate(-0.3deg); }
.page-template-category-letters-archive h2:nth-child(100n+24) { transform: rotate(-0.7deg); }
.page-template-category-letters-archive h2:nth-child(100n+25) { transform: rotate(1.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+26) { transform: rotate(0.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+27) { transform: rotate(1.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+28) { transform: rotate(-0.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+29) { transform: rotate(1.0deg); }
.page-template-category-letters-archive h2:nth-child(100n+30) { transform: rotate(0.6deg); }
.page-template-category-letters-archive h2:nth-child(100n+31) { transform: rotate(1.0deg); }
.page-template-category-letters-archive h2:nth-child(100n+32) { transform: rotate(0.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+33) { transform: rotate(0.9deg); }
.page-template-category-letters-archive h2:nth-child(100n+34) { transform: rotate(-1.5deg); }
.page-template-category-letters-archive h2:nth-child(100n+35) { transform: rotate(-0.3deg); }
.page-template-category-letters-archive h2:nth-child(100n+36) { transform: rotate(1.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+37) { transform: rotate(1.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+38) { transform: rotate(-0.6deg); }
.page-template-category-letters-archive h2:nth-child(100n+39) { transform: rotate(1.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+40) { transform: rotate(0.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+41) { transform: rotate(-1.0deg); }
.page-template-category-letters-archive h2:nth-child(100n+42) { transform: rotate(-0.9deg); }
.page-template-category-letters-archive h2:nth-child(100n+43) { transform: rotate(-0.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+44) { transform: rotate(1.5deg); }
.page-template-category-letters-archive h2:nth-child(100n+45) { transform: rotate(0.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+46) { transform: rotate(0.6deg); }
.page-template-category-letters-archive h2:nth-child(100n+47) { transform: rotate(1.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+48) { transform: rotate(0.3deg); }
.page-template-category-letters-archive h2:nth-child(100n+49) { transform: rotate(-1.3deg); }
.page-template-category-letters-archive h2:nth-child(100n+50) { transform: rotate(1.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+51) { transform: rotate(0.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+52) { transform: rotate(0.9deg); }
.page-template-category-letters-archive h2:nth-child(100n+53) { transform: rotate(1.3deg); }
.page-template-category-letters-archive h2:nth-child(100n+54) { transform: rotate(-0.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+55) { transform: rotate(-1.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+56) { transform: rotate(0.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+57) { transform: rotate(1.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+58) { transform: rotate(1.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+59) { transform: rotate(-0.5deg); }
.page-template-category-letters-archive h2:nth-child(100n+60) { transform: rotate(0.8deg); }
.page-template-category-letters-archive h2:nth-child(100n+61) { transform: rotate(-0.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+62) { transform: rotate(-1.0deg); }
.page-template-category-letters-archive h2:nth-child(100n+63) { transform: rotate(-0.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+64) { transform: rotate(0.6deg); }
.page-template-category-letters-archive h2:nth-child(100n+65) { transform: rotate(1.5deg); }
.page-template-category-letters-archive h2:nth-child(100n+66) { transform: rotate(-0.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+67) { transform: rotate(1.3deg); }
.page-template-category-letters-archive h2:nth-child(100n+68) { transform: rotate(-0.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+69) { transform: rotate(-0.6deg); }
.page-template-category-letters-archive h2:nth-child(100n+70) { transform: rotate(1.0deg); }
.page-template-category-letters-archive h2:nth-child(100n+71) { transform: rotate(0.5deg); }
.page-template-category-letters-archive h2:nth-child(100n+72) { transform: rotate(1.7deg); }
.page-template-category-letters-archive h2:nth-child(100n+73) { transform: rotate(-0.7deg); }
.page-template-category-letters-archive h2:nth-child(100n+74) { transform: rotate(0.9deg); }
.page-template-category-letters-archive h2:nth-child(100n+75) { transform: rotate(-0.8deg); }
.page-template-category-letters-archive h2:nth-child(100n+76) { transform: rotate(0.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+77) { transform: rotate(1.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+78) { transform: rotate(-0.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+79) { transform: rotate(0.8deg); }
.page-template-category-letters-archive h2:nth-child(100n+80) { transform: rotate(1.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+81) { transform: rotate(-0.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+82) { transform: rotate(-1.5deg); }
.page-template-category-letters-archive h2:nth-child(100n+83) { transform: rotate(0.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+84) { transform: rotate(0.8deg); }
.page-template-category-letters-archive h2:nth-child(100n+85) { transform: rotate(-1.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+86) { transform: rotate(0.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+87) { transform: rotate(-1.3deg); }
.page-template-category-letters-archive h2:nth-child(100n+88) { transform: rotate(0.6deg); }
.page-template-category-letters-archive h2:nth-child(100n+89) { transform: rotate(-0.9deg); }
.page-template-category-letters-archive h2:nth-child(100n+90) { transform: rotate(1.0deg); }
.page-template-category-letters-archive h2:nth-child(100n+91) { transform: rotate(-0.3deg); }
.page-template-category-letters-archive h2:nth-child(100n+92) { transform: rotate(1.4deg); }
.page-template-category-letters-archive h2:nth-child(100n+93) { transform: rotate(-0.1deg); }
.page-template-category-letters-archive h2:nth-child(100n+94) { transform: rotate(0.7deg); }
.page-template-category-letters-archive h2:nth-child(100n+95) { transform: rotate(-1.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+96) { transform: rotate(0.5deg); }
.page-template-category-letters-archive h2:nth-child(100n+97) { transform: rotate(-1.5deg); }
.page-template-category-letters-archive h2:nth-child(100n+98) { transform: rotate(0.2deg); }
.page-template-category-letters-archive h2:nth-child(100n+99) { transform: rotate(-0.8deg); }
.page-template-category-letters-archive h2:nth-child(100n+100) { transform: rotate(1.1deg); }

.page-template-archive .content h3:first-of-type {
	margin: 0 0 1em;
	}

.page-template-archive .content h3 {
	margin: 1em 0 1em;
	font-family: 'Fraunces', Palatino, serif;
	font-weight: 300;
	font-size: 1.375rem;
	}

.tag .content h3 {
	background-color: rgba(255, 255, 255, 0.95);
	width: fit-content;
	margin: -0.15rem 0 .5rem 0;
	padding: 0.5rem 1rem;
	border-radius: 0.125rem;
	filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.25));
	}

.tag .content h3 a,
.page-template-archive .content h3 a {
	color: rgba(255,255,255,0.75);
	text-decoration: none;
	padding-bottom: 1px;
    border-bottom: 2px dotted rgba(255,255,255,0.75);
    line-height: 1.5em;
	}

.page-template-archive .projects .content h3 a {
	color: #fff600;
    border-bottom: 2px dotted rgba(250, 250, 250, 0.95);
	}

.page-template-archive .post-archive .content h3 a {
	color: rgba(0,0,0,0.75);
    border-bottom: 1px dotted rgba(0,0,0,0.75);
	}

.tag .content h3 a {
	color: rgba(0,0,0,0.75);
	}

.tag .content h3 a:hover {	
	color: #e14b35;
	border-bottom: 0.1875rem dotted #e14b35;
	}

.letters-archive-index .title-container {
    position: relative;
    z-index: -1;
    transform: rotate(-2.5deg);
    background-color: rgba(255, 255, 255, 0.95);
    margin: 0 0 .5rem 0;
    padding: 1rem 0 .5rem;
    border-radius: 0.125rem;
    filter: drop-shadow(0 .25rem .25rem rgba(0, 0, 0, 0.25));
	}

.letters-archive-index .post-wrap {
	z-index: 2;
	}

.home .letters-archive-index .excerpt, 
.page-template-category-letters-archive .letters-archive-index .excerpt {
	padding-bottom: 1.5rem;
	}	
	
.page-template-category-letters-archive .letters-archive-index .title-container {
    max-width: calc(100% - 2rem);
    }

a.excerpt-link {
    text-decoration: none;
	}

.excerpt strong {
	font-variation-settings: 'wght' 700;
	}
	
.title-em,
.title-vmin {
	display: block;
	}

.echo-nav ul,
.text-box h2,
.text-box h2 a:link,
.single .text-box h2,
a.button.wc-backward,
.text-box h2 a:hover,
.text-box h2 a:active,
.woocommerce a.button,
.text-box h2 a:visited,
.woocommerce .remove-button,
.woocommerce .quantity-button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce h1.product_title.entry-title, 
.woocommerce div.product form.cart .button, 
.woocommerce.single-product .quantity .input-text, 
.woocommerce.single-product .quantity .quantity-button, 
.woocommerce .shop_table .product-quantity .quantity .qty,
.woocommerce-cart-form__cart-item.cart_item .product-name, 
.woocommerce-cart-form__cart-item.cart_item .product-name a,  
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page #content table.cart td.actions .coupon .button,
.woocommerce-cart-form__cart-item.cart_item .product-name a:visited, 
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions button.button[type="submit"][name="update_cart"],
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Silkscreen', Helvetica, sans-serif;
	}

.page-template-category-letters-archive-php .pagebase{
    font-family: "ltr-ncnd-variable", sans-serif;
	}

.text-box h2,
.text-box h2 a:link,
.single .text-box h2,
.text-box h2 a:hover,
.text-box h2 a:active,
.text-box h2 a:visited {
	text-decoration: none;
	font-weight: normal;
	}		

.letters-archive-index .text-box h2,
.letters-archive-index .text-box h2 a:link,
.letters-archive-index .text-box h2 a:visited,
.letters-archive-index .text-box h2 a:hover,
.letters-archive-index .text-box h2 a:active {
    font-family: "ltr-ncnd-variable", sans-serif;
	text-decoration: none;
	transform: none;
	}	

.tag .content,
.page-template-archive .content {
    font-size: 1.375rem;
	line-height: 1.5rem;
	}

.tag .content h2.year-divider {
	margin: 4rem 0 .5rem 0;
	font-size: 1rem;
	}

.page-template-archive .content h2.year-divider {
	margin-top: 4rem;
	font-size: 1rem;
	}

.tag .content h2.year-divider.first-divider {
	margin: 0 0 .5rem 0;
	}
	
.page-template-archive .content h2.year-divider.first-divider {
	margin-top: 0;
	}	

article.colophon h1,
article.colophon h2,
.follow.content h2,
.embeddable-buttondown-form .input-field {
	font-family: 'IBM Plex Mono', monospace;
	}

article.colophon h1,
article.colophon h2,
.follow.content h2 {
	font-size: 1.375rem;
	}

article.colophon,
article.colophon a,
article.colophon a:link,
article.colophon a:visited,
article.colophon a:hover,
article.colophon a:active,
article.colophon h1 {
	color: rgba(255, 255, 255, 0.95);
	}

.follow.content a,
.follow.content a:link,
.follow.content a:visited,
.follow.content a:hover,
.follow.content a:active {
/*    color: #ff4048; */
    color: #dd2028;
    }

.follow.content h2,
article.colophon h2 {
    font-weight: 100;
    letter-spacing: .1em;
    padding: 1em 0 0;
	}

.follow.content h2 {
    font-weight: 300;
	color: #fff;
	text-shadow: -1px -1px .5px rgba(95, 156, 221, 0.25), 1px -1px .5px rgba(95, 156, 221, 0.25), -1px 1px .5px rgba(95, 156, 221, 0.25), 1px 1px .5px rgba(95, 156, 221, 0.25);
    }

.text-box-position-bottom .text-box {
    order: 2;
	}

.text-box-position-top .text-box {
    order: 0;
	}

.text-box-position-overlay .text-box {
    position: absolute;
    z-index: 20; /* This makes sure the text box overlays the video */
    top: 50%;
	padding: .5em;
	backdrop-filter: blur(40px);
	-webkit-backdrop-filter: blur(40px);
	border-radius: .25em;
	}

.text-box-position-overlay .text-box.text-box-align-right {
	margin-right: 0.5em;
	}

.text-box-position-overlay .text-box.text-box-align-left {
	margin-left: 0.5em;
	}

.text-box.text-box-align-left {
    align-self: flex-start;
	}

.text-box.text-box-align-right {
    align-self: flex-end;
	}

.text-box.text-box-align-center {
    text-align: center;
	}

.align-left {
	text-align: left;
	}

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

.align-right {
	text-align: right;
	}

figure.wp-caption,
figcaption.wp-element-caption {
	font-family: "ltr-ncnd-variable", sans-serif;
	font-size: 1rem;
	line-height: 1.2em;
	font-weight: 600;
	color: rgba(0,0,0,.75);
	}

figcaption.wp-element-caption,	
figcaption.wp-caption-text {
	margin-top: .5rem;
	padding: 1rem;
	background-color: rgba(255,255,255,.9);
	filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.125));
	border-radius: .25rem;
	}

.category-war-letters-archive figure img {	
	filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.25));	
	}

.transcript a {
	border-bottom: .1em dotted black;
	color: inherit;
	}
	
.transcript a:visited {
	color: rgb(127, 127, 127);
	border-bottom: .1em dotted rgb(127, 127, 127);
	}	

.nav-wrap a {
	text-decoration: none;
	border-bottom: .125em dotted #444;
	}

.nav-next a,
.nav-previous a, 
.nav-next a:hover,
.nav-next a:active,
.nav-previous a:hover,
.nav-previous a:active {
	color: inherit;
	}

.nav-wrap h1 {
	margin: 0;
	font-weight: 600;
	text-transform: capitalize;
	}

.nav-next a:visited,
.nav-previous a:visited {
	color: rgba(0,0,0,.75);
	}

.nav-next a:hover,
.nav-previous a:hover {
	color: #E14B35;
	}

.nav-wrap a:hover,
.transcript a:hover {
	border-bottom: .125em dotted #E14B35;
	}

.transcript a:hover {
	color: #E14B35;
	}

.post-number {
	display: inline-block;
	}
	
.random-baseline {
	display: inline-block;
	}	

.single .category-war-letters-archive .nav-previous h1 .random-baseline {
	padding: .5rem;
	top: -.5rem;
	left: -.5rem;
	border-radius: .25rem;
	padding: .75em;
	background-color: rgba(255,255,255,.9);
	filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.125));
	border-radius: .25rem;
	}

.cartlink a,
.cartlink a:link,
.cartlink a:visited,
.cartlink a:hover,
.cartlink a:active {
	color: rgba(0,0,0,.5);
	}

.page-template-category-letters-archive .content h2 .tags,
.page-template-category-letters-archive .content h2 .tags a {
	text-transform: uppercase;
	text-align: left;
	border-bottom: none;
	letter-spacing: -.05em;
	padding: .25em 0 0 0;
	}	

.page-template-category-letters-archive .content h2 .tags a:hover {
	color: #E14B35;
	}	

/*--------------------------------------------------------------
# TITLE RE-SIZING
--------------------------------------------------------------*/

.text-box {
    display: inline-block;
    max-width: 46rem;
    width: 100%;
	margin: 0 auto;
	}

@media screen and (max-width: 48rem) {
		.text-box {
		/*	width: calc(100% - 2rem); */
		}
	}

.title-container {
    display: inline-block;
    width: 100%;
    container-type: inline-size;
	}

.category-video .title-container {
    width: calc(100% - 2rem);
    margin: 1em;
	}

/*--------------------------------------------------------------
# POST FORMATTING
--------------------------------------------------------------*/

a {
	text-decoration: none;
	border-bottom: 1px dotted inherit;
	}

article,
.follow.content,
.single .content {
	position: relative;
    font-family: 'Fraunces', Palatino, serif;
	}

.follow.content {
/*	color: #3651A0; */
	color: #163190;
	}	
	
.home article.not-first-post {
	filter: drop-shadow(0 .75rem 1rem rgba(0, 0, 0, 0.5));
	}	

.page-template-category-letters-archive .letters-archive-index {
	margin-bottom: 2rem;
	}

.letters-archive-index .excerpt,
article.letters-archive-index .excerpt {
	box-sizing: border-box;
	font-family: "ltr-ncnd-variable", sans-serif;
	background-color: rgba(255,255,255, .975);
	background-image: 
		linear-gradient(90deg, transparent 3.9rem, 
		#abced4 3.9rem, #abced4 4rem, transparent 4rem),
		linear-gradient(#eee .1rem, transparent .1rem);
	background-size: 100% 1.5rem;
	background-position: 0 1.25rem;
	line-height: 1.5rem;
	padding: 1.5rem 1.25rem 0 4.5rem;
	margin: -.5rem 1rem 1rem;
	filter: drop-shadow(0 .25rem .25rem rgba(0, 0, 0, 0.25));
	z-index: -2;
	border-radius: .125rem;
	}

.grid-paper {
	font-family: 'IBM Plex Mono', monospace;
	font-weight: 400;
	padding: 1.5rem;
	filter: drop-shadow(0 .25rem .25rem rgba(0, 0, 0, 0.25));
	font-size: 1rem;
	color: #444;
	border-radius: .125rem;
	margin: 1rem 0 2rem;
    --major-line-color: rgba(100, 149, 237, 0.5); /* Cornflower blue at 50% opacity */
    --minor-line-color: rgba(100, 149, 237, 0.2); /* Cornflower blue at 20% opacity */
	--major-line-size: .1rem;
	--minor-line-size: .1rem;
	--cell-size: .5rem;
	background-color: rgba(255,255,255,.98);
    background-image:
        /* Major vertical lines */
        linear-gradient(90deg, transparent calc(var(--cell-size) * 10 - var(--major-line-size)/2), var(--major-line-color) calc(var(--cell-size) * 10 - var(--major-line-size)/2), var(--major-line-color) calc(var(--cell-size) * 10 + var(--major-line-size)/2), transparent calc(var(--cell-size) * 10 + var(--major-line-size)/2)),
        /* Major horizontal lines */
        linear-gradient(0deg, transparent calc(var(--cell-size) * 10 - var(--major-line-size)/2), var(--major-line-color) calc(var(--cell-size) * 10 - var(--major-line-size)/2), var(--major-line-color) calc(var(--cell-size) * 10 + var(--major-line-size)/2), transparent calc(var(--cell-size) * 10 + var(--major-line-size)/2)),
        /* Minor vertical lines */
        linear-gradient(90deg, transparent calc(var(--cell-size) - var(--minor-line-size)/2), var(--minor-line-color) calc(var(--cell-size) - var(--minor-line-size)/2), var(--minor-line-color) calc(var(--cell-size) + var(--minor-line-size)/2), transparent calc(var(--cell-size) + var(--minor-line-size)/2)),
        /* Minor horizontal lines */
        linear-gradient(0deg, transparent calc(var(--cell-size) - var(--minor-line-size)/2), var(--minor-line-color) calc(var(--cell-size) - var(--minor-line-size)/2), var(--minor-line-color) calc(var(--cell-size) + var(--minor-line-size)/2), transparent calc(var(--cell-size) + var(--minor-line-size)/2));
    background-size: 
        calc(var(--cell-size) * 10) calc(var(--cell-size) * 10),
        calc(var(--cell-size) * 10) calc(var(--cell-size) * 10),
        var(--cell-size) var(--cell-size),
        var(--cell-size) var(--cell-size);
    background-position: 0 0, 0 0, 0 0, 0 0;
	}

.grid-paper p:last-of-type{
	margin-bottom: 0;
	}

article.letters-archive-index .excerpt p:nth-of-type(1),
article.letters-archive-index .excerpt p:nth-of-type(2),
.page-template-category-letters-archive .letters-archive-index .excerpt p:nth-of-type(1),
.page-template-category-letters-archive .letters-archive-index .excerpt p:nth-of-type(2) {
	color: #E14B35;
	}

.letters-archive-index .excerpt ul {
    list-style-type: initial;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 1em;
	}	

.post,
.sticky-post { 
	display: flex;
	flex-direction: column; 
	align-items: center; 
	width: calc(100% - 4rem);
	margin: 1rem auto 0;
	padding: 1rem 1rem 0;
	border-radius: .25rem;
	}	

.tag .post { 
	display: block;
	margin: 0;
	padding: 0;
	}	

.not-first-post {
  position: relative;
  z-index: 2;
	}

.category-video.post {
	padding: 0;
	width: calc(100% - 2rem);
	}

.sticky-post {
	margin-bottom: 1rem;
	}

.post-wrap {
	display: flex;
	position: relative;
	flex-direction: column; /* This will stack items vertically */
	width: 100%;
	}

.post-wrap img {
	width: 100%;
	height: auto;
	}

.letters-archive-index .post-wrap img {
	filter: drop-shadow(0 .25rem .25rem rgba(0, 0, 0, 0.5));
	max-width: 62rem;
	margin: 3rem auto -3rem;
	}

.single .letters-archive-index .post-wrap img {
	margin: 0 auto;
	}

.single.category-war-letters-archive {
	padding: 0 2rem;
	}

.single .letters-archive-index .transcript {
	padding: 0 2rem;
	}

.home .letters-archive-index .post-wrap img {
	margin: 0 auto -2rem;
	}

.photo-container {
	display: flex;
	flex-direction: column; 
	position: relative; /* Context for absolutely positioned headline */
	width: 100%; /* Match width of photo */
	}

.headline {
	margin: 0;
	padding: 0.5rem 0;
	font-size: 2rem;
	color: black;
	z-index: 2; /* Ensure the headline is above the photo when overlaid */
	}

.photo {
	width: 100%; /* Adjust as needed */
	height: auto;
	order: 2; /* Default order for photo */
	}

.content {
	margin: 1rem 0;
	}

.page .content {
	margin: 0;
	}

.colophon .content {
    margin: 0 0 2rem;
	}

.tag .content,
.page-template-archive .content {
	margin: 0 0 1rem;
	}

.my-category-war-letters-archive .content {
	margin: 0 0 1rem;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 1rem;
	}

/* Headline on top of the photo */
.top-photo .headline {
	order: 1; /* Headline comes before photo */
	}

/* Headline below the photo */
.bottom-photo .headline {
	order: 3; /* Headline comes after photo */
	}

/* Overlay styles */
.overlay .headline {
	position: absolute;
	width: 100%; /* Match width of photo container */
	left: 0;
	background-color: rgba(0,0,0,0.5); /* Semi-transparent background */
	}

/* Vertical positioning for overlay */
.top-overlay .headline { 
	top: 0; 
	}
	
.middle-overlay .headline {
	top: 50%;
	transform: translateY(-50%);
	}

.bottom-overlay .headline { 
	bottom: 0; 
	}

/* Additional alignment classes */
.align-right {
  	align-items: flex-end; /* Align items to the right */
	text-align: right;
	}

.align-left {
  	align-items: flex-start; /* Align items to the left */
	text-align: left;
	}

.video-container {
	height: auto;
	line-height: 0;
	z-index: 10;
	}

.video-container p {
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	}

.video-container iframe {
	width: 100%;
	aspect-ratio: 16/9;
    }

.post.category-video .text-box-position-bottom .video-container iframe {
	border-radius: .25em .25em 0 0;
	}
	
.post.category-video .text-box-position-top .video-container iframe {
	border-radius: 0 0 .25em .25em;
	}
	
.post.category-video .text-box-position-overlay .video-container iframe {
	border-radius: .25em;
	}

.full-article-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
	border-bottom: none;
	}    

.post.portrait-image img,
.sticky-post.portrait-image img {
	padding: 0;
    margin-left: -2rem;
    width: calc(100% + 2rem);
	}

.post.portrait-image .text-box-position-top img,
.sticky-post.portrait-image .text-box-position-top img {
	border-radius: 0 0 .25rem .25rem;
	margin: 0 0 0 -1rem;
	padding: 0;
	}
	
.post.portrait-image .text-box-position-bottom img,
.sticky-post.portrait-image .text-box-position-bottom img {
    margin: -1rem 0 0 -1rem;
	border-radius: .25rem .25rem 0 0;
	}
	
.post.portrait-image .text-box-position-overlay img,
.sticky-post.portrait-image .text-box-position-overlay img {
	border-radius: .25rem;
	margin: 0 0 0 -1em;
	padding: 0;
	}	
	
.single .category-war-letters-archive table td:nth-child(1) {
    width: 67%;
	}

.single .category-war-letters-archive table td:nth-child(2) {
    width: 33%;
    }	

.nav-wrap {
	display: grid;
	grid-template-areas: 'left right';
	column-gap: 0;
	font-weight: 500;
	margin: 0 0 2rem;
	font-family: "ltr-ncnd-variable", sans-serif;
	font-size: 1.375rem;
	}	

.nav-previous {
	grid-area: left;
	margin-left: 2rem;
	text-align: start;
	}

.nav-next {
	grid-area: right;
	margin-right: 2rem;
	text-align: end;
	}

/*
.media-archive {
	--d:100%;
	--angle:30deg; 
	background: repeating-linear-gradient(var(--angle), #c33764, #D60B65, #f83600, #1d2671, #0B0932, #c33764 var(--d));
	background-size: calc(var(--d)/sin(var(--angle))) 100%;
	animation: AnimationName 120s linear infinite reverse;
}


@keyframes AnimationName {
  0% {
    background-position: calc(var(--d)/sin(var(--angle))) 0;
  }
} */

.my-category-war-letters-archive .post-wrap .nav-next,
.my-category-war-letters-archive .post-wrap .nav-previous {
	margin: 0;
	}

.my-category-war-letters-archive table {
	border-collapse: collapse;
	border: 1px dotted rgba(0, 0, 0, .125);
	overflow-x: auto;
	display: block;
	font-size: .75rem;
	}

.my-category-war-letters-archive table td,
.my-category-war-letters-archive table th {
	padding: .5rem;
	}

.my-category-war-letters-archive table th {
	text-transform: uppercase;
	}

.my-category-war-letters-archive .content li {
	margin: 0 0 1rem;
	}

.tag #content,
.page-template-default #content,
.page-template-archive #content {
	padding: 0 2rem;
	}

.page-template-archive a .variable-weight-text {
	border-bottom: .15rem dotted #E14B35;
	}

.page-template-archive #content h2.archive a {
	margin: 0 0 2rem;
    font-weight: 700;
    font-family: "ltr-ncnd-variable", sans-serif;
    font-size: 2.375rem;
    color: #E14B35;
	}

.vignette {
	background: linear-gradient(transparent 25%, rgb(0, 0, 0) 250%);
	mix-blend-mode: soft-light;
	}

.vignette-i {
	  position: relative;
	  background: none;
	  mix-blend-mode: normal;
	}
	
.vignette-i::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(0,0,0,1) 100%);
	mix-blend-mode: saturation;
	pointer-events: none;
	}

.footnote {
	color: rgba(0, 0, 0, .75);
	padding: 2rem;
	margin: 2rem 0 2rem;
	background-color: rgb(252, 252, 252);
	border: 1px solid rgb(232, 232, 232);
	border-radius: .25rem;
	}
	
.footnote a {	
	color: inherit;
	border-bottom: .125em dotted #000;
	}

.footnote a:hover {	
	color: #E14B35;
	border-bottom: .125em dotted #E14B35;
	}

.my-category-war-letters-archive .content .footnote ul {
	list-style-type: disc;
	}

.my-category-war-letters-archive .content .footnote li {
	margin: 2rem;
	}
	
.my-category-war-letters-archive .content .footnote li i {
	font-weight: 500;
	}	
	
.gradient-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}

/****************************************************************
## NAVIGATION
****************************************************************/

#primary-menu li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-transform: uppercase;
	text-align: center;
	border: none;
	}

nav {
	justify-content: space-around;
	width: 100vw;
	letter-spacing: 0.1em;
	z-index: 100;
	font-weight: 200;
	}

#site-navigation .menu-btn {
	display: none;
	}
	
nav ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	list-style: none;
	justify-content: center;
	padding: 0;
	margin: 0 auto;
	} 
	
nav li {
	backdrop-filter: blur(40px);
	-webkit-backdrop-filter: blur(40px);
	}	

nav a {
	line-height: 3rem;
	color: rgba(255, 255, 255, .95);
	}

nav a:hover,
nav li:hover a {
	color: rgba(5, 5, 5, .95);
	border-bottom-style: none;
	font-weight: 400;
	}

nav a:visited {
	color: rgba(255, 255, 255, .95);
	}	

nav li:nth-child(1) {
  	background-color: rgba(30, 30, 30, 0.3);
	}

nav li:nth-child(2) {
  	background-color: rgba(30, 30, 30, 0.4);
	}

nav li:nth-child(3) {
	background-color: rgba(30, 30, 30, 0.5);
	}

nav li:nth-child(4) {
  	background-color: rgba(30, 30, 30, 0.6);
	}

nav li:nth-child(5) {
  	background-color: rgba(30, 30, 30, 0.7);
	}

nav li:nth-child(6) {
  	background-color: rgba(30, 30, 30, 0.8);
	}

nav li:nth-child(7) {
  	background-color: rgba(30, 30, 30, .9);	
	}

nav li:hover {
	background-color: rgba(250, 250, 20, .95);
	}

.logo-button { 
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns:v='https://vecta.io/nano' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7060.7 3480' style='enable-background:new 0 0 7060.7 3480;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:80;stroke-linecap:round;stroke-linejoin:round;%7D .st1%7Bfill:none;stroke:%230F0F0F;stroke-width:80;stroke-linecap:round;stroke-linejoin:round;%7D .st2%7Bfill:none;stroke:%23FFF000;stroke-width:80;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M2023.3,649.9c-123.8,223.9-300.1,428.6-500.3,428.6c-148.4,0-214.8-101.7-214.8-217.6 c0-157.9,120.5-331.6,312.2-331.6c44.5,0,65.4,20.7,65.4,43.2c0,23.1-24.5,56.6-85.2,56.6c-148.5,0-214.7-100.9-214.7-216.3 c0-156.1,119.5-332.9,314.5-332.9c127.2,0,174.7,78.1,174.7,146.9c0,54.2-29.6,102.7-72.8,102.7 M1376.8,1030.9 c3.2,2.6,5.3,6.5,5.5,10.9c0.4,8.3-6,15.3-14.2,15.7c-2.6,0.1-5.2-0.4-7.5-1.6l-0.7-0.3c-38.3-19.3-65.8-49.3-83.3-85.5l0,0 c-0.1,0-117.4,107.8-311.3,108.2c-150.4,0.3-255.3-149.8-344.1-149.8c-41.3,0-74.9,33.5-74.9,74.9c0,41.3,33.5,74.9,74.9,74.9 c245.8,0,241.5-998,339.8-998s-226.9,998.3-669.2,998.3c-344.1,0-247.3-547.4,96.8-549c98.3-0.5,82.3,99.3-17.6,99.8 C23.5,630.9,123.7,82,467.8,80.4C697,79.3,669.6,330,571.3,330 M2548.3,330.7c98.3,0.1,122.8-249.5-106.2-249.6 c-440.8-0.3-599.9,997.2-160.2,997.5c196.7,0,338.7-217,323.8-295.1l0.7,4.4c-3.1-28.1-26.9-49.8-55.8-49.8 c-31.1,0-56.2,25.1-56.2,56.1c0,31.1,25.1,56.2,56.1,56.2c209.4,0.1,466.7-351.8,532.2-658.2c-48.6,217-191,886.6-154.1,886.6 c57.2,0.1,176-998.3,176-998.3c-199.7-0.1-537.5,88.2-39.4,45.5l530.9-45.6c0,0-120.4,998.3-176,998.3 c-42.7,0,150.8-883.8,166.1-942.4c0,0,323.9-55.9,381.1-55.9l0,0c49.6,0,89.9,40.2,89.9,89.9c0,5.3-0.5,10.5-1.4,15.7l-47.8,271.4 l0.2-1.5c-5.2,32.4-27.7,59.1-57.7,70.1l0,0l-164.3,53.9c-44.3,250.1-49.1,499.6,123.4,499.6c270.9,0,553.3-734.7,637.1-962.5l0,0 c7.9-21.5,28.6-36.8,52.7-36.8c33.4,0,59,29,56.1,61.1l-165.1,937.1c24.4-137.4-74.6-303.7-296.9-499l553.7,499.1l165.1-936.7 c6.2-35.1,36.9-61.8,73.8-61.7c38.7,0,70.5,29.5,74.4,67.1l89.5,864.3c3.9,37.6,35.7,67.1,74.4,67.1c36.8,0,67.6-26.7,73.8-61.7 l151.2-854c8.3-46.8,49.2-82.4,98.3-82.3c55.1,0,99.8,44.7,99.7,99.9c0,5.9-0.5,11.7-1.5,17.5l-21.2,119.5 c-11.6,65.4,1,129.4,31.4,183c40.6,67.6,106.8,120.1,190.5,135.1c40.8,7.3,68.7,46.2,61.3,87.1c-7.3,40.6-46.1,67.7-86.8,60.5 s-79.6,20-86.8,60.7s20,79.6,60.7,86.8c41.3,7.3,68.7,47.2,60.3,88.6c-7.9,38.9-45.4,65.2-84.7,59.2c-41.7-6.4-69.8-45.7-62.5-87.1 c7.2-40.7,46-67.9,86.8-60.7c40.7,7.2,79.6-20,86.8-60.7c7.2-40.7-20-79.6-60.7-86.8c-40.6-7.2-67.8-45.9-60.7-86.5 c7.1-40.6,47-67.9,87.7-60.8c83.7,14.6,166.8-8.5,225.1-61.5c22.7-20.6,68-54.3,92.4-161h-0.1l44.2-249.7 c8.3-46.8,49.2-82.4,98.3-82.3c43.1,0,79.8,27.4,93.8,65.6l109.7,300.7l-0.2,0.1c19.7,36.7,38.9,49.1,70.5,49.1 c102.7,0.1,531.3-415,362.6-415.1c-97.2-0.1-668.3,997.9-768.7,997.8c-168.1-0.1,272.1-415.1,362.5-415.1 c114.6,0.1,148.2,415.4,256.2,415.5c36.8,0,67.6-26.7,73.8-61.8'/%3E%3Cpath class='st1' d='M2022.9,1809.8c-123.8,223.8-300,428.5-500.2,428.5c-148.4,0-214.7-101.7-214.7-217.5 c0-157.9,120.5-331.5,312.1-331.5c44.5,0,65.4,20.7,65.4,43.2c0,23.1-24.5,56.6-85.2,56.6c-148.5,0-214.6-100.9-214.6-216.2 c0-156.1,119.5-332.8,314.4-332.8c127.2,0,174.6,78.1,174.6,146.9c0,54.2-29.6,102.7-72.8,102.7 M1376.6,2190.7 c3.2,2.6,5.3,6.5,5.5,10.9c0.4,8.3-6,15.3-14.2,15.7c-2.6,0.1-5.2-0.4-7.5-1.6l-0.7-0.3c-38.3-19.3-65.8-49.3-83.3-85.5l0,0 c-0.1,0-117.4,107.8-311.2,108.2c-150.4,0.3-255.2-149.8-344-149.8c-41.3,0-74.9,33.5-74.9,74.9c0,41.3,33.5,74.9,74.9,74.9 c245.7,0,241.4-997.8,339.7-997.8S734,2238.4,291.8,2238.4c-344,0-247.2-547.3,96.8-548.9c98.3-0.5,82.3,99.3-17.6,99.8 c-347.5,1.6-247.2-547.2,96.8-548.8c229-1.1,201.7,249.5,103.4,249.5 M2547.8,1490.6c98.3,0.1,122.8-249.4-106.2-249.5 c-440.7-0.3-599.8,997-160.2,997.3c196.6,0,338.6-216.9,323.7-295l0.7,4.4c-3.1-28.1-26.9-49.8-55.8-49.8 c-31.1,0-56.2,25.1-56.2,56.1c0,31.1,25.1,56.2,56.1,56.2c209.3,0.1,466.6-351.7,532.1-658.1c-48.6,216.9-190.9,886.4-154.1,886.4 c57.2,0.1,175.9-998.1,175.9-998.1c-199.6-0.1-537.4,88.2-39.4,45.5l530.8-45.6c0,0-120.4,998.1-175.9,998.1 c-42.7,0,150.8-883.6,166.1-942.2c0,0,323.8-55.9,381-55.9l0,0c49.6,0,89.9,40.2,89.9,89.9c0,5.3-0.5,10.5-1.4,15.7l-47.8,271.3 l0.2-1.5c-5.2,32.4-27.7,59.1-57.7,70.1l0,0l-164.2,54.1c-44.3,250-49.1,499.6,123.4,499.6c270.8,0,553.2-734.6,637-962.3l0,0 c7.9-21.5,28.6-36.8,52.7-36.8c33.4,0,59,29,56.1,61.1l-165.1,936.9c24.4-137.4-74.6-303.6-296.8-499l553.6,499.1l165.1-936.5 c6.2-35.1,36.9-61.8,73.8-61.7c38.7,0,70.5,29.5,74.4,67.1l89.5,864.1c3.9,37.6,35.7,67.1,74.4,67.1c36.8,0,67.6-26.7,73.8-61.7 l151.3-853.8c8.3-46.8,49.2-82.4,98.3-82.3c55.1,0,99.8,44.7,99.7,99.9c0,5.9-0.5,11.7-1.5,17.5l-21.2,119.5 c-11.6,65.4,1,129.4,31.4,182.9c40.6,67.6,106.8,120.1,190.4,135.1c40.8,7.3,68.7,46.2,61.3,87.1c-7.3,40.6-46.1,67.7-86.8,60.5 c-40.7-7.2-79.6,20-86.8,60.7c-7.2,40.7,20,79.6,60.7,86.8c41.3,7.3,68.7,47.2,60.3,88.6c-7.9,38.9-45.4,65.2-84.7,59.2 c-41.7-6.4-69.8-45.7-62.5-87.1c7.2-40.7,46-67.9,86.8-60.7c40.7,7.2,79.6-20,86.8-60.7c7.2-40.7-20-79.6-60.7-86.8 c-40.6-7.2-67.8-45.9-60.7-86.5c7.1-40.6,47-67.9,87.7-60.8c83.7,14.6,166.8-8.5,225-61.5c22.7-20.6,68-54.3,92.4-161h-0.1 l44.2-249.6c8.3-46.8,49.2-82.4,98.3-82.3c43.1,0,79.8,27.4,93.8,65.6l109.7,300.6l-0.2,0.1c19.7,36.7,38.9,49.1,70.5,49.1 c102.7,0.1,531.2-414.9,362.5-415c-97.2-0.1-668.2,997.7-768.6,997.6c-168-0.1,272-415,362.4-415c114.6,0.1,148.2,415.3,256.1,415.4 c36.8,0,67.6-26.7,73.8-61.8'/%3E%3Cpath class='st2' d='M2023.5,2969.7c-123.8,223.9-300.1,428.6-500.4,428.6c-148.4,0-214.8-101.7-214.8-217.6 c0-157.9,120.5-331.6,312.2-331.6c44.5,0,65.4,20.7,65.4,43.2c0,23.1-24.5,56.6-85.2,56.6c-148.5,0-214.7-100.9-214.7-216.3 c0-156.1,119.5-332.9,314.5-332.9c127.2,0,174.7,78.1,174.7,146.9c0,54.2-29.6,102.7-72.8,102.7 M1377,3350.7 c3.2,2.6,5.3,6.5,5.5,10.9c0.4,8.3-6,15.3-14.2,15.7c-2.6,0.1-5.2-0.4-7.5-1.6l-0.7-0.3c-38.3-19.3-65.8-49.3-83.3-85.5l0,0 c-0.1,0-117.4,107.8-311.3,108.2c-150.4,0.3-255.3-149.8-344.1-149.8c-41.3,0-74.9,33.5-74.9,74.9c0,41.3,33.5,74.9,74.9,74.9 c245.8,0,241.5-998.1,339.8-998.1s-227,998.4-669.4,998.4c-344.1,0-247.3-547.5,96.8-549.1c98.3-0.5,82.3,99.3-17.6,99.8 c-347.6,1.6-247.3-547.4,96.8-549c229.1-1.1,201.8,249.6,103.4,249.6 M2548.6,2650.4c98.3,0.1,122.8-249.5-106.2-249.6 c-440.8-0.3-600,997.3-160.2,997.6c196.7,0,338.7-217,323.8-295.1l0.7,4.4c-3.1-28.1-26.9-49.8-55.8-49.8 c-31.1,0-56.2,25.1-56.2,56.1s25.1,56.2,56.1,56.2c209.4,0.1,466.7-351.8,532.3-658.3c-48.6,217-191,886.7-154.1,886.7 c57.2,0.1,176-998.4,176-998.4c-199.7-0.1-537.6,88.2-39.4,45.5l531.1-45.6c0,0-120.4,998.4-176,998.4 c-42.7,0,150.8-883.9,166.1-942.5c0,0,323.9-55.9,381.1-55.9l0,0c49.6,0,89.9,40.2,89.9,89.9c0,5.3-0.5,10.5-1.4,15.7l-47.8,271.4 l0.2-1.5c-5.2,32.4-27.7,59.1-57.7,70.1l0,0l-164.2,54.1c-44.3,250.1-49.1,499.7,123.4,499.7c270.9,0,553.4-734.8,637.2-962.6l0,0 c7.9-21.5,28.6-36.8,52.7-36.8c33.4,0,59,29,56.1,61.1l-165.1,937.2c24.4-137.4-74.6-303.7-296.9-499.1l553.8,499.2l165.1-936.8 c6.2-35.1,36.9-61.8,73.8-61.7c38.7,0,70.5,29.5,74.4,67.1l89.5,864.4c3.9,37.6,35.7,67.1,74.4,67.1c36.8,0,67.6-26.7,73.8-61.7 l151.3-854.1c8.3-46.8,49.2-82.4,98.3-82.3c55.1,0,99.8,44.7,99.7,99.9c0,5.9-0.5,11.7-1.5,17.5l-21.2,119.5 c-11.6,65.4,1,129.4,31.3,183c40.6,67.6,106.8,120.1,190.5,135.1c40.8,7.3,68.7,46.2,61.3,87.1c-7.3,40.6-46.1,67.7-86.8,60.5 c-40.7-7.2-79.6,20-86.8,60.7c-7.2,40.7,20,79.6,60.7,86.8c41.3,7.3,68.7,47.2,60.3,88.6c-7.9,38.9-45.4,65.2-84.7,59.2 c-41.7-6.4-69.8-45.7-62.5-87.1c7.2-40.7,46-67.9,86.8-60.7c40.7,7.2,79.6-20,86.8-60.7c7.2-40.7-20-79.6-60.7-86.8 c-40.6-7.2-67.8-45.9-60.7-86.5c7.1-40.6,47-67.9,87.7-60.8c83.7,14.6,166.8-8.5,225.1-61.5c22.7-20.6,68-54.3,92.4-161h-0.1 l44.2-249.7c8.3-46.8,49.2-82.4,98.3-82.3c43.1,0,79.8,27.4,93.8,65.6l109.7,300.7l-0.2,0.1c19.7,36.7,38.9,49.1,70.5,49.1 c102.7,0.1,531.4-415,362.6-415.1c-97.2-0.1-668.4,998-768.8,997.9c-168.1-0.1,272.1-415.1,362.5-415.1 c114.6,0.1,148.2,415.4,256.2,415.5c36.8,0,67.6-26.7,73.8-61.8'/%3E%3C/svg%3E%0A");
	color: transparent;
	}

/****************************************************************
## FOOTER
****************************************************************/

footer {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
    clear: both;
	bottom: 0;
	color: #888;
	background-color: rgba(30, 30, 30, 0.5); 
	box-sizing: border-box;
	}	

.media footer {
	background-color: transparent;
	backdrop-filter: blur(2em);
	-webkit-backdrop-filter: blur(2rem);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	}

.echo-nav {
	margin: 2rem 2rem 4rem;
	}
	
.echo-nav ul {
	font-size: 1.75rem;
	line-height: 1.2em;
	}
	
.echo-nav ul a {
	text-decoration: none;
	position: relative;
    top: -0.5em; /* aligns text to leave a perfect 2em top margin within the footer box */
	border-bottom: none;
	}

.echo-nav ul a,
.echo-nav ul a:visited {
	color: rgba(255,255,255,.5);
	}

.echo-nav ul a:hover {
	color: rgba(250, 250, 0, .95);
	}

.copyright {
	width: 100%;
	font-size: .8em;
	line-height: 1em;
	text-transform: uppercase;
    color: rgba(255, 255, 255, .90);
    font-weight: 200;
    word-spacing: -0.25em;
	}

/****************************************************************
## WOOCOMMERCE
****************************************************************/

.woocommerce-page #content {
    padding: 0 2rem;
	}
	
.coupon input[type="text" i] {
	padding: 0;
	}

input {
	/* Resets */
	margin: 0;
	padding: 0; /* Adjust padding as needed */
	border: none; /* Adjust border color and width as needed */
	background-color: #fff; /* Adjust background color as needed */
	line-height: normal;
	text-indent: 0;
	text-shadow: none;
	text-align: start;
	text-transform: none;
	letter-spacing: normal;
	word-spacing: normal;
/*	-webkit-appearance: none; /* Disables default styling on WebKit browsers */
/*	-moz-appearance: none; /* Disables default styling on Mozilla browsers */
/*	appearance: none; /* Disables default styling on other browsers */
	
	/* Font and Text Rendering */
	color: #000; /* Adjust font color as needed */
	font-size: 1em; /* Adjust font size as needed */
	font-weight: normal;
	font-style: normal;
	
	/* Box Model */
	box-sizing: border-box; /* Ensures padding and border are included in width/height */
	
	/* Additional Styles */
	cursor: text;
	display: inline-block;
	border-radius: none;
	}

/* Specific styles for focus state to improve accessibility */
input:focus {
    outline: none;
    border-color: rgba(255,138,8,0.9); /* Adjust focus border color as needed */
	}
	
table {
	border-spacing: 0;
	}	

.woocommerce table.shop_attributes {
    margin: 1rem 0 0;
	}

.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
	background-color: transparent;
	}

.woocommerce form .form-row, 	
.woocommerce-cart table.cart td.actions .coupon .input-text {
	border: 0;
	padding: 0;
	margin: 0;	
	}
	
.woocommerce button.button {
	background-color: transparent;
	font-weight: 200;
	color: #F00; /* Red so its easy to see where defaults need to be reset */
	}	

.product-remove a.remove-button,
.woocommerce-cart-form__cart-item.cart_item .product-thumbnail,
.woocommerce-page #content table.cart td.actions .coupon .button,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions button.button[type="submit"][name="update_cart"] {
	border: 1px solid rgba(179,179,179,0.75);
	}

.woocommerce .button {
	background-color: rgba(255,255,255,0.75);
	}

.woocommerce {
	padding: 0 2em;
	}

.woocommerce .woocommerce-order-details {
	margin: 0 0 2em;
	padding: 1em;
	background-color: rgba(255,255,255,0.95);
	border-radius: 0 0 0.25em 0.25em;
	max-width: 37.4375rem;
    box-sizing: border-box;
	}

.woocommerce table.shop_table {
    border: none;
    margin: 0;
    text-align: left;
    width: 100%;
    }
    
.woocommerce .shop_table.woocommerce-checkout-review-order-table {
	margin: 0 0 2rem;
	background-color: rgba(255, 255, 255, 0.9);
    padding: 1rem;
    border-radius: 0 0 .25rem .25rem;
   	color: rgba(24, 16, 170, 0.75);
	}   

.woocommerce table.shop_table td {
    border: none;
    padding: 0;
    line-height: 1.5em;
    }

.woocommerce-checkout-review-order-table td {
    line-height: 1.5em;
    }

.woocommerce table.shop_table.order_details td {
    line-height: 1.5em;
    }

.woocommerce table.shop_table.order_details td a {
	border: none;
	}

.woocommerce table.woocommerce-table--order-details.shop_table {
	border-collapse: separate;
	border-spacing: 0 2em;
	margin-bottom: -2em;	
	}

.woocommerce-store-notice, p.demo_store {
	padding: 1rem 2rem;
	max-width: 48rem;
	margin: 0 auto;
	font-size: 1.25rem;
	box-shadow: 0 2rem 2em rgba(0,0,0,.25);
	}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    z-index: 3;
	}

.woocommerce span.onsale {
    z-index: 2;
	}

.woocommerce form .form-row .woocommerce-input-wrapper .description::before {
    z-index: 1;
	}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
	display: block!important;
	border-radius: .25em;
	line-height: 0;
	} 

.woocommerce table.shop_table_responsive tr td::before, 
.woocommerce-page table.shop_table_responsive tr td::before {
	display: none;
	}

.woocommerce #payment #place_order:hover, 
.woocommerce-page #payment #place_order:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	background-color: rgba(250,210,60,1);
	}

.product-remove a.remove-button {
	border: 1px solid rgba(179,179,179,0.5);
	}

.woocommerce-page #content a.remove-button:hover,
.woocommerce-page #content table.cart td.actions .coupon .button:hover,
.woocommerce-page #content table.cart td.actions button.button:hover[type="submit"][name="update_cart"] {
	color: rgba(255,255,255,0.9);
	background-color: rgba(237,128,8,1);
	border: 1px solid rgba(255,138,8,1);
	}

.woocommerce-page #content table.cart td.actions .coupon .input-text {
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(211,114,7,0.5);
	}

.woocommerce .select2-container--default .select2-selection--single {
	border: none;
	}

.woocommerce table.shop_table_responsive tbody th, 
.woocommerce-page table.shop_table_responsive tbody th {
	display: block;
	}

.woocommerce-cart .cart-collaterals .cart_totals table {
	margin: 0 0 2rem 0;
	padding: 0 0 2rem 0;
    border-bottom: 1px dotted rgba(0,0,0,0.25);
	}

.woocommerce .cart-collaterals .cart_totals h2 {
    grid-area: title;
    align-self: center;
	}

.woocommerce .cart-collaterals .cart_totals .shop_table .order-total,
.woocommerce .cart-collaterals .cart_totals .shop_table .cart-subtotal,
.woocommerce .cart-collaterals .cart_totals .shop_table .woocommerce-shipping-totals {
    display: flex;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: .25rem .5rem;
    margin: 0 0 .5rem -.5rem;
    width: calc(100vw - 4rem);
    max-width: 48rem;
    border-radius: .25rem;
	}

.woocommerce .cart-collaterals .cart_totals td {
    text-align: right;
	}

.woocommerce .cart-collaterals .cart_totals .shop_table {
    width: 100%;
	}

.woocommerce .shop_table.shop_table_responsive {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    }

.woocommerce table.shop_table th {
	padding: 0;
	text-transform: uppercase;
	font-weight: 200;
	}

/* Target the specific td element */
td[data-title="Total"] strong,
.woocommerce-table--order-details tfoot td,
.woocommerce-checkout-review-order-table tfoot .order-total strong {
    display: flex;
    flex-direction: row-reverse;
    align-items: end;
    font-size: 0.8rem;
	}

.woocommerce-order-received td[data-title="Total"] strong,
.woocommerce-order-received .woocommerce-table--order-details tfoot td,
.woocommerce-order-received .woocommerce-checkout-review-order-table tfoot .order-total strong {
    font-size: 1rem;
	}


td[data-title="Total"] strong,
.woocommerce-checkout-review-order-table tfoot .order-total strong {
	justify-content: flex-end;
	}

.woocommerce .woocommerce-order-details tfoot :last-child {
    margin: 0; 
	}
	
.woocommerce .woocommerce-order-details :last-child .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    margin: 0 0 0 0.5em; 
	}

td[data-title="Total"] .woocommerce-Price-amount {
    display: flex;
    align-items: end;
	}

td[data-title="Total"] .woocommerce-Price-amount::before,
.woocommerce-checkout-review-order-table tfoot .order-total strong .woocommerce-Price-amount::before {
    content: ' '; 
    margin-left: 0.25em;
	}

.order-total td[data-title="Total"] strong,
.woocommerce table.shop_table tr.cart-subtotal th,
.woocommerce-checkout-review-order-table tfoot .order-total strong {
    font-weight: 200; 
	}

.woocommerce .order-total td[data-title="Total"] strong {
	}

.woocommerce-checkout .woocommerce .order-total td[data-title="Total"] strong, 
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total strong .woocommerce-Price-amount {
	color: rgba(24, 16, 170, 0.75);
	}

.woocommerce .cart-totals .order-total td[data-title="Total"] strong {
	color: rgba(0, 0, 0, .95);
	}

.woocommerce-checkout-review-order-table tfoot .order-total strong .woocommerce-Price-amount, 
.woocommerce .shop_table_responsive tbody tr.order-total td[data-title="Total"] strong .woocommerce-Price-amount {
    font-weight: 700;
    font-size: 1rem;
    color: rgba(0, 0, 0, .95);
	}

#add_payment_method .cart-collaterals .cart_totals table td, 
#add_payment_method .cart-collaterals .cart_totals table th, 
.woocommerce-cart .cart-collaterals .cart_totals table td, 
.woocommerce-cart .cart-collaterals .cart_totals table th, 
.woocommerce-checkout .cart-collaterals .cart_totals table td, 
.woocommerce-checkout .cart-collaterals .cart_totals table th {
    line-height: 1.5rem;
	}

.woocommerce .shop_table_responsive tbody tr.order-total td[data-title="Total"] {
	font-size: 0.8rem;
	}

.woocommerce .cart-collaterals .cart_totals h2 {
	text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .25em;
    margin: 0 0 1rem;
    font-size: 1.375rem;
    color: rgba(0, 0, 0, 0.5);
    }
	
.woocommerce h3 {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 1em;
	}

.woocommerce h3#ship-to-different-address {
	text-transform: none;
	font-weight: 400;
	}

.woocommerce table.woocommerce-table--order-details.shop_table tfoot th {
	border: none;
	font-weight: 400;
	}
	
.woocommerce .woocommerce-shipping-totals shipping {
	padding-top: 1em;
	}
		
.woocommerce table.shop_table tfoot td[data-title="Shipping"] {
	border: none;
	text-align: right;
	}
		
.woocommerce label,
.woocommerce form .form-row label {
	line-height: 1em;
	margin-bottom: .25em;
	color: rgba(0,0,0,0.75);
	font-weight: 300;
	}		

.woocommerce form .form-row .required {
    position: relative;
	top: -0.25em;
	font-size: .5em;
	}

.woocommerce form .form-row input.input-text {
	margin-bottom: 1em;
	border-radius: 0.25em;
	height: 2em;
	padding-left: 0.5em;
	}

.form-row.form-row-wide.address-field.update_totals_on_change.validate-required {
	margin-bottom: 1em;
	}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: .5em;
	line-height: 1.5em;
	}

.select2-results__option {
	padding: .75em;
	line-height: 1em;
	}

.woocommerce form .form-row textarea {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 1em;
	color: rgba(0,0,0,0.5);
	padding: 0.5em;
	border-radius: 0.25em;
	border: none;
	}

.woocommerce .woocommerce-additional-fields {
	margin: 1rem 0 0;
	}

.woocommerce .col2-set {
	margin-bottom: 2rem;	
	}

.woocommerce-page .col2-set .col-1 {
	margin-bottom: 2rem;
	}	

.select2-dropdown.select2-dropdown--below {
	background-color: rgb(255,255,255);
	border: none;
	border-radius: 0.25em;
	filter: drop-shadow(0 .75em .5em rgba(0, 0, 0, 0.25));
	backdrop-filter: blur(2em);
	-webkit-backdrop-filter: blur(2em);
	}

.woocommerce ul.woocommerce-thankyou-order-details.order_details li {
	font-size: 1em;
	}

.woocommerce li.woocommerce-order-overview__total.total,
.woocommerce li.woocommerce-order-overview__payment-method.method {
	display: none;
	}

.woocommerce-table--order-details thead tr,
.woocommerce-table--order-details tbody tr,
.woocommerce-table--order-details tfoot tr,	
.woocommerce-checkout-review-order-table thead tr,
.woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout-review-order-table tfoot tr  {
	grid-template-areas: 'product subtotal';
	display: grid;
	grid-template-columns: auto 6em;
	column-gap: 0;
	margin: 0 0 .5em 0;
	}

.woocommerce-table--order-details tfoot tr {
	grid-template-columns: 50% 50%;
	}

.woocommerce table.woocommerce-table--order-details.shop_table tfoot td {
	font-weight: 200;
	border: none;
	text-align: right;
	}

.woocommerce-order-received .woocommerce table.woocommerce-table--order-details.shop_table tfoot td {
	text-transform: uppercase;
	}

.woocommerce .shop_table.woocommerce-checkout-review-order-table {
    display: block;
	}

.woocommerce .shop_table.woocommerce-checkout-review-order-table > * {
    display: block;
	}

.woocommerce-checkout-review-order-table .order-total,
.woocommerce-checkout-review-order-table .product-name {
	display: inline-block;
	grid-area: product;
	text-align: left;
	}

.woocommerce-Price-amount.amount,
.woocommerce-checkout-review-order-table .product-total {
	grid-area: subtotal;
	}

.woocommerce-order-received .shipped_via {
	font-size: 0.6rem;
	line-height: 1rem;
	}

.woocommerce-checkout-review-order-table .cart-item {
	display: inline-block;
	grid-area: 'product qty subtotal';
	}

.woocommerce-table--order-details .product-name,	
.woocommerce-checkout-review-order-table .product-name {
	display: grid;
	grid-template-columns: auto 3em;
	grid-template-areas: 'description qty';
	}
	
.woocommerce-checkout-review-order-table .product-total {
	text-align: right;
	}	

.woocommerce-checkout-review-order-table thead .product-name,
.woocommerce-checkout-review-order-table thead .product-total {
	font-weight: 400;
	text-transform: uppercase;
	}	

.shop_table.woocommerce-checkout-review-order-table .cart-item .product-name {
  	width: calc(100% - 3em);
	}

.woocommerce-checkout-review-order-table .product-quantity,
.woocommerce-table--order-details .product-quantity {
	display: inline-block;
	text-align: right;
	grid-area: qty;
	font-weight: 200;
	}

.woocommerce-checkout-review-order-table .product-quantity {
	font-size: .75em;
	}

.woocommerce .shop_table.woocommerce-checkout-review-order-table::after {
    content: 'THANK YOU FOR SUPPORT!';
    text-align: center;
    margin: 1rem 0 0;
    width: 100%;
    display: block;
    }  

.woocommerce-checkout-review-order-table tfoot .order-total,
.woocommerce-checkout-review-order-table tfoot .cart-subtotal {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: .25em 0;
	}

.woocommerce-checkout-review-order-table tfoot .order-total {
	border-top: 1px solid black;
	border-bottom: none;
	padding: .25em 0 2em;
	}

.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout-review-order-table tfoot .cart-subtotal th {
	text-align: left;
	}

.woocommerce-checkout-review-order-table tfoot .cart-subtotal th {
	font-weight: 200;
	}

.woocommerce-checkout-review-order-table tfoot .order-total .woocommerce-Price-amount,
.woocommerce-checkout-review-order-table tfoot .cart-subtotal .woocommerce-Price-amount {
	text-align: right;
	}

.woocommerce-checkout-review-order-table tfoot .order-total {
    border-top: .2rem dotted rgba(24, 16, 170, 0.5);
    border-bottom: .2rem dotted rgba(24, 16, 170, 0.5);
    padding: .25em 0;
    margin: 1rem 0 0;
	}		
	
.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout-review-order-table tfoot .cart-subtotal th {
	text-align: left;
	}

.woocommerce table.shop_table tbody .shipping th,	
.woocommerce-checkout-review-order-table tfoot .cart-subtotal th {
	font-weight: 200;
	}		

.woocommerce-checkout-review-order-table tfoot .cart-subtotal .woocommerce-Price-amount {
	font-weight: 200;
	border: none;
	}

.woocommerce table.shop_table tfoot .order-total td,
.woocommerce table.shop_table tfoot .cart-subtotal th,
.woocommerce table.shop_table tfoot .cart-subtotal td {
	font-weight: 200;
	border: none;
	}

.woocommerce table.shop_table tfoot .order-total th {
	font-weight: 500;
	border: none;
	}

#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
	background-color: rgba(255,255,255,0.5);
	border-radius: 0.25em;
	margin-bottom: 2em;
	}	

.woocommerce-checkout #payment ul.payment_methods,	
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods {
	border-bottom: 1px dotted rgba(0,0,0,0.5);
	} 

.woocommerce-checkout #payment ul.payment_methods li img {
	margin: 0 0 0 .5em;
	border-radius: .25em;
	}	

.woocommerce-checkout #payment ul.payment_methods li {
	margin: 0 0 1em 0;
	}

.woocommerce-checkout #payment ul.payment_methods li label {
	letter-spacing: -0.1em;
    font-family: 'Silkscreen';
    font-size: 1.18655rem;
    word-spacing: -.125em;
	}

.woocommerce-privacy-policy-text {
	margin-bottom: 2em;
	font-weight: 200;
	}

.woocommerce-checkout #payment ul.payment_methods li input {
	display: none;
	}

.woocommerce .woocommerce-cart-form__cart-item.cart_item {
    border-radius: 0;
    display: grid;
    grid-template-columns: calc(50vw - 2.5em) 1em calc(50vw - 2.5em);
    grid-template-areas:
        "image . title"
        "image . price"
        "quantity . ."
        "button . sub";
    grid-template-rows: auto 1fr auto;
    grid-column-gap: 0em;
    padding-bottom: 2rem;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.25);
    margin-bottom: 2rem;
	}
	
.woocommerce table.cart img {
    width: calc(50vw - 2.5rem);
    }

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
    grid-area: image;
	margin-bottom: 1rem;
    line-height: 0;
    cursor: pointer;
	}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail a {
	border: none;
	}

.woocommerce-page table.shop_table_responsive .woocommerce-cart-form__cart-item.cart_item .product-remove {
    grid-area: button;
    text-align: center!important;
	}

.woocommerce-cart-form__cart-item.cart_item .product-name,
.woocommerce-cart-form__cart-item.cart_item .product-name a,
.woocommerce-cart-form__cart-item.cart_item .product-name a:visited {
    grid-area: title;
    text-decoration: none;
    color: rgba(0,0,0,0.9);
    cursor: pointer;
    text-align: left!important;
    font-weight: 400;
    font-size: 1.375rem;
	border: none;
	letter-spacing: -0.1em;
    line-height: 1.5rem;
	}

.woocommerce-cart-form__cart-item.cart_item .product-quantity {
    grid-area: quantity;
    display: flex;
	align-items: center; /* Center quantity input vertically */
	}
	
.woocommerce .quantity input {
	line-height: 1em;
	}
	
.woocommerce .quantity .qty {
	width: 4em;
	border-radius: .33em;
	border: none;
	height: 2.666666em;
	font-family: 'IBM Plex Mono', monospace;
    color: rgba(0,0,0,.75);
	}

.woocommerce-cart-form__cart-item.cart_item .product-price {
    grid-area: price;
    padding-top: 0.5em;
    text-align: left !important;
	}
	
.woocommerce-cart-form__cart-item.cart_item .product-price .woocommerce-Price-amount::after {
	content: ' per item';
	font-style: italic;
	font-size: 0.8rem;
	} 	
	
.product-price .woocommerce-Price-amount.amount {
	color: rgba(0,0,0,0.4);
	}

.product-subtotal .woocommerce-Price-amount.amount {
	border-bottom: 1px solid rgba(0,0,0,0.4);
	}

.woocommerce-cart-form__cart-item.cart_item .product-subtotal {
    grid-area: sub;
    font-size: 1em;
    padding-top: 2rem;
    font-weight: 400;
	}
	
.woocommerce-page #content table.cart td.actions button.button[type="submit"][name="update_cart"] {
	display: unset;
	opacity: 1;
	}
	
.woocommerce-cart-form {
	padding-bottom: 2em;
	}
 
.woocommerce form .form-row-last,
.woocommerce form .form-row-first,  
.woocommerce-page form .form-row-last,
.woocommerce-page form .form-row-first {
	width: calc(50vw - 2.5em);
	max-width: 100%;
	}

.wc-block-cart__submit-container--sticky,
.wc-block-cart__submit-container--sticky:before {
	display: none;
	}

.woocommerce-order {
	color: rgba(0,0,0,.75);
	}

.woocommerce ul.order_details li {
	font-weight: 200;
	border: none;
	}

.woocommerce ul.order_details li strong {
	display: inline-block;
	font-size: 1em;
	font-weight: 400;
	text-transform: uppercase;
	}

.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals.shipping {
	grid-template-columns: 30% 70%;
	}

.woocommerce ul#shipping_method li label {
	text-align: right;
	text-transform: uppercase;
	color: rgba(24, 16, 170, 0.75);
	font-size: 0.8rem;
	}

.woocommerce ul#shipping_method li label .woocommerce-Price-amount.amount {
	grid-area: price;
	font-weight: 200;
	text-align: right;
	font-size: 1rem;
	}
	
.woocommerce th.product-total {
	display: none;
	}	

.woocommerce-table--order-details thead .woocommerce-table__product-name {
	display: none;
	}
	
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
	margin: 1em 0 0;
	padding: 1em;
	background-color: rgba(255,255,255,0.95);
	border-radius: 0.25em 0.25em 0 0;
	color: rgba(60,60,192,0.9);	
	max-width: 37.4375rem;
	}	

.woocommerce table.shop_table tfoot .woocommerce-shipping-totals.shipping th {
	font-weight: 200;
	border: none;
	}

.woocommerce-cart #payment div.payment_box::before, 
#add_payment_method #payment div.payment_box::before, 
.woocommerce-checkout #payment div.payment_box::before {
	border: 1em solid rgba(0,192,0,.1);
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	top: -1em;	
	}

#add_payment_method #payment div.payment_box, 
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box {
	background-color: rgba(0,192,0,.1);
	border-radius: 0.25em;
	}

.woocommerce-terms-and-conditions-checkbox-text {
	font-weight: 400;
	}

.woocommerce-table__product-name.product-name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	}

.woocommerce-table__product-name.product-name {
	white-space: normal;
	}

h2.woocommerce-order-details__title {
	font-size: 1em;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: -3.5em;
	}

.woocommerce-table__product-total.product-total {
	text-align: right;
	}	

.woocommerce-table__product-name.product-name a,
.woocommerce-table__product-name.product-name a:visited {
	color: rgba(60,60,192,0.9);
	text-decoration: none;
	}
	
.woocommerce-table__product-name.product-name a:hover {
	cursor: pointer;
	text-decoration: underline;
	}	

.woocommerce .woocommerce-order-details tbody td.product-name :last-child {
	margin: 0;
	font-weight: 200;
	}
	
.woocommerce-table--order-details tfoot tr:last-child {
   	display: flex;
	flex-direction: column;
	padding-top: 1em;
	}

.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child {
   	display: flex;
	padding-top: 1em;
	flex-direction: row;
	}

.woocommerce tfoot tr:last-child th {
	width: 100%;
	}
	
.woocommerce table.woocommerce-table--order-details.shop_table tfoot tr:last-child td {
	width: 100%;
	display: block;
	text-align: left;
	}	

.woocommerce-order-received .woocommerce table.woocommerce-table--order-details.shop_table tfoot tr:last-child td {
	width: auto;
	display: flex;
	text-align: right;
	}

.woocommerce table.woocommerce-table--order-details.shop_table .order-total {
	margin-top: 1em;
	}

.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td {
	border-top: none;
	}

.woocommerce-cart .cart-collaterals .cart_totals tr td[data-title="Shipping"] {
	text-align: left!important;
	margin: 1em 0;
	}

.woocommerce-cart .cart-collaterals .cart_totals tr td[data-title="Shipping"] strong {
	font-weight: 400;
	}

.woocommerce table.shop_table tbody tr.woocommerce-shipping-totals.shipping th {
	font-weight: 200;
	border: none;
	font-size: 1em;
	}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination {
	font-weight: 200;
/*	font-size: 0.75em; */
	display: flex;
	flex-direction: column;
	text-transform: uppercase;
	}
	
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination strong {
	font-weight: 400;
	}	

.woocommerce .cart-collaterals .cart_totals .shop_table .woocommerce-shipping-totals {
	display: block;
	background-color: rgba(255,255,255,0.25);
	position: relative;
	top: 1em;
	left: -1em;
	padding: 1em;
	margin: 0 0 3em 0;
	border-radius: 0.25em;
	width: 100%;
	}
	
.woocommerce .woocommerce-shipping-totals th {
	grid-area: 'shipping';
	}		

.woocommerce ul#shipping_method li {
	grid-area: 'cost';
	}	

.woocommerce .woocommerce-shipping-destination {
	grid-area: 'address';
	}

.woocommerce .woocommerce-shipping-calculator {
	grid-area: 'edit';
	}

.woocommerce-order-received .woocommerce-order-details {	
	color: rgba(60,60,192,0.9);	
	}

.wc-block-components-notice-banner.is-success>svg,
.woocommerce-page .wc-block-components-notice-banner>svg {
	display: none;
	}
	
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
	-moz-appearance: none;
	appearance: none;
	background: transparent!important;
	opacity: 1!important;
	border: none;
	float: none;
	grid-row: 2 / 2;
	}	

.woocommerce .wc-block-components-notice-banner>.wc-block-components-notice-banner__content a.button,
.woocommerce .wc-block-components-notice-banner__content {
	text-transform: uppercase;
	font-weight: 400;
	}

.woocommerce .wc-block-components-notice-banner>.wc-block-components-notice-banner__content a.button {
	color: rgba(8,128,219,0.9)!important;
	}

.woocommerce .wc-block-components-notice-banner>.wc-block-components-notice-banner__content a.button:hover {
	text-decoration-line: underline;
	text-underline-position: under;
	font-weight: 700;
	}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child {
	padding: 2em;
	}

.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-success {
    background-color: transparent!important;
    border: none;
	color: rgba(0,0,0,1);
	line-height: 1.5;
	margin: 1em 0 1em;
	padding: 0!important;
	font-size: 1em!important;
	position: relative;
	left: -2em;
	width: 100vw;
	border-top: 1px dotted rgba(255,255,255,0.1);
	border-bottom: 1px dotted rgba(255,255,255,0.1);
	}

a.button.wc-backward {
    background-color: rgba(255,138,8,1);
    padding: 1em;
	}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
	-ms-grid-row-align: center;
	align-self: center;
	padding-right: 1em;
	white-space: normal;
	font-weight: 200;
	display: grid;
	grid-template-rows: auto;
	background-color: rgba(255,240,0,0.75);
	}

.wc-block-components-notice-banner {
	color: inherit;
	font-weight: 200;
	}

.woocommerce-page #content table.cart td.actions .coupon {
	padding-bottom: 2em;
	border-bottom: 1px dotted rgba(0,0,0,0.25);
	margin-bottom: 2em;
	display: flex;
    flex-direction: column;
	}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
	width: 100%;
	}

figure.wp-caption {
    width: auto !important; /* Adjusts width to be auto, respecting the parent's width */
    max-width: 100% !important; /* Ensures the figure does not exceed the parent's width */
	}

figure a {
	border: none;
	}

.woocommerce-breadcrumb {
	position: relative;
	}

.woocommerce ul.products[class*=columns-] li.product, 
.woocommerce-page ul.products[class*=columns-] li.product {
	width: calc(50vw - 2.5rem);
	max-width: 23.5rem;
	}

.woocommerce.single-product .site-main,	
.woocommerce.post-type-archive-product .site-main {
	display: grid;
	grid-template-areas: 
		"title topright"
		"alert alert"
		"meta meta"
		"page page";
    grid-template-columns: calc(50vw - 2.5rem) calc(50vw - 2.5rem);
	margin: 0 2rem;
	grid-column-gap: 1rem;
	}	

.woocommerce div.product {
	grid-area: page;
	}	

.woocommerce-products-header {
	grid-area: title;
	}
	
.woocommerce-notices-wrapper {
	grid-area: alert;
	}	

.woocommerce .products {
	grid-area: page;
	}

.woocommerce .woocommerce-ordering {
	grid-area: meta;
	margin: 0 auto 0 0;
    padding: 0;
	}

.woocommerce-result-count {
	display: none;
	grid-area: meta;
	font-size: .75em;
	}	
	
.woocommerce h1 {
	width: 100%;
	text-align: left;
	}

.woocommerce h1.product_title.entry-title {
	letter-spacing: 0;
	line-height: 2.375rem;
    font-size: 2.375rem;
	}

.cartlink {
	display: grid;
	text-transform: uppercase;
	grid-area: topright;
	text-align: right;
	margin: 2rem 0 2rem auto;
	align-items: flex-end;
	line-height: 1rem;
	}
	
.woocommerce .products ul, 
.woocommerce ul.products {
	margin: 2rem 0 0;
	}
	
.woocommerce ul.products li.product .button {
    margin-top: 1rem;
    width: calc(100% - 2rem);
    text-align: center;
	}		

.woocommerce table.cart img,
.woocommerce div.product div.images img,
.woocommerce ul.products li.product a img {
    border-radius: .25rem;
    margin: 0;
	box-shadow: 
	-0.125rem -0.03125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.01625), 
	0.125rem -0.03125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.01625), 
	-0.25rem 0.25rem 0.75rem 0.25rem rgba(0, 0, 0, .01625), 
	0.25rem 0.25rem 0.75rem 0.25rem rgba(0, 0, 0, .01625), 
	0 0 0 1px rgba(0, 0, 0, .0625)
    }	

.woocommerce .woocommerce-ordering select {
    border: none;
    border-radius: .125rem;
    font-family: 'IBM Plex Mono', 'Courier New', monotype;
    color: rgba(0,0,0,.75);
    text-transform: uppercase;
    background-color: rgba(255,255,255,.5);   
    }

.woocommerce .content-area,
.woocommerce ul.products.columns-4 {
	max-width: 48rem;
	}
	
.woocommerce .content-area {
	margin: 0 auto;
	}	

.woocommerce ul.products li.product .price {
    color: rgba(0,0,0,.95);
    font-size: 1rem;
    font-weight: 500;
	margin: 0 0 0 auto;
	align-self: end;
	}
	
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-weight: normal;
    padding: .5rem 0 0;
    min-height: 4em;
	}
	
.woocommerce ul.products li.product a {
	text-transform: uppercase;
	font-weight: 200;
	color: rgba(0,0,0,.5);
	}	

.woocommerce ul.products li.product h2 {
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(0,0,0,.95);
	}	

a.woocommerce-LoopProduct-link {
	border-bottom: none;
	}

a.button.wc-backward,
.woocommerce a.button,
.woocommerce .remove-button,
.woocommerce .quantity-button,
.product-remove a.remove-button, 
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order,
.product-remove a.remove-button:visited,
.woocommerce div.product form.cart .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page #content table.cart td.actions .coupon .button,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions button.button[type="submit"][name="update_cart"] {
    font-size: 1rem;
    letter-spacing: -0.1em;
    margin: 0;
    line-height: 1rem;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    overflow: visible;
    padding: 1rem;
    font-weight: normal;
    border-radius: .25rem;
    left: auto;
    color: rgba(0,0,0,.95);
	background-color: rgba(250,220,60,.95);
    border: 0;
    background-image: none;
    text-shadow: none;
    text-align: center;
    box-shadow: 
	-0.125rem -0.03125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.01625), 
	0.125rem -0.03125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.01625), 
	-0.25rem 0.25rem 0.75rem 0.25rem rgba(0, 0, 0, .01625), 
	0.25rem 0.25rem 0.75rem 0.25rem rgba(0, 0, 0, .01625), 
	0 0 0 .0625rem rgba(0, 0, 0, .0625)
	}

.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order {
	margin: 2em 0 0 0;
	width: 100%;
	}

.product-remove a.remove-button,
.product-remove a.remove-button:visited {
    width: calc(50vw - 2.5em);
    max-width: 23.5rem;
    background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(0, 0, 0, .0625);
    padding: 1rem 0;
	display: block;
	color: rgba(0, 0, 0, .25);
	}

.woocommerce-page #content table.cart td.actions .coupon .button,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions button.button[type="submit"][name="update_cart"] {
	width: calc(50% - 0.5rem);
	color: rgba(0,0,0,0.95);
    background-color: rgba(255,255,255,0.5);
    border: 1px solid rgba(0, 0, 0, .0625);
	}

.woocommerce-page #content table.cart td.actions .coupon .input-text {
	background-color: rgba(255,255,255,0.95);
	box-shadow: none;
	margin: 0 0 1rem;
	}

.woocommerce-page #content table.cart td.actions .coupon .input-text::placeholder {
    color: rgba(240, 80, 0, 0.75);
	}

.woocommerce a:hover .button,
.woocommerce .button a:hover {
	background-color: rgba(250,210,60,1);
	}

.woocommerce ul.products[class*=columns-] li.product, 
.woocommerce-page ul.products[class*=columns-] li.product {
	margin: 0 0 4rem;
	}

.woocommerce div.product form.cart .button {
	width: 100%;
	}

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
	grid-area: info;
	display: grid;
	grid-template-areas:
		'image'
		'title'
		'category-price';
	grid-template-rows: auto 1fr auto;
	}

.woocommerce ul.products li.product .product-categories {
	margin: -1.3rem 0 0 0;
	display: list-item;
	}

.woocommerce nav a {
	line-height: 1rem;
	}

.woocommerce nav .menu-item a {
	line-height: 3rem;
	}

.woocommerce .woocommerce-breadcrumb {
    font-size: 1.375rem;
    margin: 2rem 0;
    padding: 0;
    line-height: 1rem;
    }

nav.woocommerce-breadcrumb a {
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1rem;
	}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
	word-spacing: -.5em;
	color: rgba(0, 0, 0, 0.25);
	}	
	
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
	color: rgba(0, 0, 0, 0.25);
	border-bottom: none;
	}	

.woocommerce-breadcrumb a:first-child {
    color: rgba(0, 0, 0, 0.75);
	}

/* Target the wrapper of the gallery images */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Adjust the spacing between thumbnails */
}

/* Target the first "hero" image to make it full width */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 1rem; /* Margin below the hero image */
	}

/* Target each image container, excluding the first one */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) {
	flex-basis: calc((100vw - 4rem - 2rem) / 3);
    max-width: calc((100vw - 4rem - 2rem) / 3);
    margin-bottom: 1rem;
	}

/* Target the images within the gallery, excluding the first one, to stretch them */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) img {
    width: 100%;
    height: auto;
    object-fit: cover;
	}

/* Remove specific left and right margins as we are now using justify-content: space-between */

.woocommerce div.product,
.woocommerce div.product div.images.woocommerce-product-gallery,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
	overflow: visible;
	}

.woocommerce div.product div.images {
    margin-bottom: 1rem;
	}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: rgba(0,0,0,0.75);
    font-size: 2.375rem;
    padding: 0 0 2rem;
    font-weight: 200;
	}
	
.price+#payment-method-message.ready, .wp-block-woocommerce-product-price+#payment-method-message.ready {
    margin: 0;
	}	

.single-product .woocommerce-product-details__short-description {
	display: none;
	}

.woocommerce .product-quantity .quantity,
.woocommerce div.product form.cart div.quantity {
	float: none;
    margin: 0 0 1rem;
	display: flex;
    align-items: center;
    font-size: 1rem;
	}

.woocommerce .product-quantity .quantity {
	width: calc(50vw - 2.5rem);
	max-width: 23.5rem;
	}

.woocommerce .shop_table .product-quantity .quantity .qty {
    width: calc(50vw - 9.5rem);
    border-radius: .25rem;
    border: none;
    height: 3rem;
    color: rgba(0, 0, 0, .75);
	}

.woocommerce .quantity-button {
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(0, 0, 0, .0625);
    width: 3rem;
    padding: 1rem 0;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
	}

.woocommerce .quantity-plus {
    margin-left: .5rem;
	}

.woocommerce .quantity-minus {
    margin-right: .5rem;
	}

.woocommerce.single-product .quantity .qty {
	height: 3rem;
	border-radius: .25rem;
	flex: 1;
    min-width: 0;
    text-align: center;
    padding: 0.5rem;
	}

.quantity-button:hover {
    background-color: #e1e1e1;
	}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    color: rgba(0, 0, 0, .5);
	}

.woocommerce .StripeElement.ready {
    --wc-bnpl-margin-bottom: 2rem;
    border-radius: .25rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.5);
	}

.woocommerce .product_meta .posted_in,
.woocommerce .product_meta .tagged_as {
    display: block;
    }

.woocommerce .product_meta {
    display: block;
	text-transform: uppercase;
	font-weight: 200;
	}

.woocommerce .product_meta a,
.woocommerce .product_meta a:visited,
.woocommerce .product_meta a:hover,
.woocommerce .product_meta a:active {
	font-weight: 400;
	color: rgba(24, 16, 170, 0.75);
	}

.woocommerce .p-MessagingPartnerLogo .p-Logo {
	height: 2.3rem;
	opacity: 75%;
	}

.wcpay-payment-request-wrapper {
    margin: 1rem 0 2rem;
	}		
	
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {
	display: none;
	}

.woocommerce .related.products h2,
.woocommerce-tabs.wc-tabs-wrapper h2 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.375rem;
	}		

#tab-additional_information {
	display: block !important;
	}

.woocommerce table.shop_attributes {
    border: none;
    }
	
/* Style the table rows for a cleaner look */
.woocommerce table.shop_attributes tr {
    display: table-row; /* Ensure proper table row display */
    width: auto;
    line-height: 1em;
	}

/* Ensure table headers and cells take up only the required space */
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    width: auto;
    white-space: nowrap; /* Prevent text wrapping within cells */
    display: inline-flex;
    border: none;
    padding: 0;
    font-style: normal;
    line-height: 1.375em;
	}

.woocommerce table.shop_attributes th {
	font-weight: 200;
	text-transform: uppercase;
	}

.woocommerce table.shop_attributes th::after {
	content: ":";
	}

.woocommerce table.shop_attributes td {
	padding-left: .5em;
	}
	
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
	background: none;
	}		

.woocommerce .related ul.products {
    margin: 1rem 0 0;
	}

.woocommerce .related.products h2,
.woocommerce .related.products ul.products li.product h2,
.woocommerce.single-product:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color: rgba(0, 0, 0, 0.5);
	}		

.woocommerce .related.products h2 {
    margin: 6rem 0 0;
	}

.woocommerce.single-product:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  padding: 0;
	}

.woocommerce-message {
    display: grid;
    grid-template-areas:
    	'message'
    	'button';
    border: none;
    }

.woocommerce-message a {
	grid-area: button;
	}

.woocommerce-info::before,
.woocommerce-message::before {
	display: none;
	}

.woocommerce-error::before {
	content: 'Botheration...';
	font-family: 'IBM Plex Mono', 'Courier New', monotype;
	display: block;
	position: relative;
	color: #b81c23;
	left: 0;
	line-height: 1.5em;
	top: 0;
    color: rgba(62, 25, 25, 0.5);
    font-size: 1.375rem;
	}

.woocommerce-info,	
.woocommerce-error,  
.woocommerce-message {
    padding: 1em;
    color: rgba(0,0,0,.75);
    font-size: 1rem;
    border: none;
	border-radius: .25rem;
	box-shadow: 
	-0.125rem -0.03125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.01625), 
	0.125rem -0.03125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.01625), 
	-0.25rem 0.25rem 0.75rem 0.25rem rgba(0, 0, 0, .01625), 
	0.25rem 0.25rem 0.75rem 0.25rem rgba(0, 0, 0, .01625), 
	0 0 0 1px rgba(0, 0, 0, .25)
	}	

.woocommerce-info,
.woocommerce-message {
	color: rgba(0,0,0,.75);
	background-color: rgba(255,255,255,0.75);
	}
	
.woocommerce-error {
	background-color: rgba(255,0,0,0.75);
	color: rgba(255, 255, 255, .75);
    font-weight: 500;
	}

.woocommerce-error li {
	margin: 1rem 0 0!important;
	font-weight: 200;
	color: rgba(255, 255, 255, 0.95);
	}

.woocommerce-info strong,
.woocommerce-message strong,
.woocommerce-error li strong {
	text-transform: uppercase;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.90);
	}

.woocommerce .woocommerce-notices-wrapper a.button {
	margin-top: 1rem;
	}
	
.woocommerce .cart_totals #payment-method-message {
	margin: 0 0 1rem !important;
    padding: 1rem !important;
    height: auto !important;
	}	
	
.woocommerce-cart .wc-proceed-to-checkout {
	padding: 0;
	}

.woocommerce-page table.shop_table_responsive tr td.actions {
	text-align: left !important;
	padding-bottom: 2rem;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.25);
	}

.woocommerce div.product .woocommerce-tabs .panel p {
    font-weight: 300;
    line-height: 1.75em;
	}

.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
    margin: 0.5rem 0 0;
	}

.woocommerce h3#order_review_heading {
	margin: 0;
	background-color: rgba(255, 255, 255, 0.9);
    padding: 1rem 1rem 0;
    border-radius: .25rem .25rem 0 0;
    font-weight: 600;
    letter-spacing: .25em;
   	color: rgba(24, 16, 170, 0.75);
	}
	
.woocommerce .shop_table.woocommerce-checkout-review-order-table thead,	
.woocommerce table.shop_table.woocommerce-checkout-review-order-table th.product-name {
	display: none;
	} 	

/****************************************************************
## Buttondown email form
****************************************************************/

.drop {
	position: relative;
    top: .25em;
	}

.embeddable-buttondown-form .input-container {
	position: relative;
	margin: .75rem 0 0;
	}

.embeddable-buttondown-form .input-field {
    width: 14rem;
    padding: .5rem 1rem;
    font-size: 2rem;
    box-sizing: border-box;
    outline: none;
    border-radius: .25rem;
    background-color: transparent;
    transition: all 0.3s ease;
    color: #0606DD;
	}

.embeddable-buttondown-form .input-field:focus,
.embeddable-buttondown-form .input-field:not(:placeholder-shown) {
    width: calc(100% - 5rem);
    margin: 1rem 0 0;
    background-color: rgba(255, 255, 255, 0.75);
	}

.embeddable-buttondown-form .input-label {
    position: absolute;
    top: .75rem;
    left: 0rem;
    font-size: 2rem;
    pointer-events: none;
    transition: all 0.3s ease;
    color: #ff4048;
    padding-bottom: .1em;
    border-bottom: .1em dotted #ff4048;
	}

.embeddable-buttondown-form .input-field:focus + .input-label,
.embeddable-buttondown-form .input-field:not(:placeholder-shown) + .input-label {
	top: -0.5rem;
	left: .5rem;
	font-size: .75rem;
	letter-spacing: .125em;
	font-weight: 400;
	transform: translateY(0);
	text-transform: uppercase;
	color: #ed0101;
	border-bottom: none;
	padding: .25rem .5rem;
	border-radius: .25rem .25rem 0 0;
	background-color: rgba(255, 255, 255, 0.375);
	line-height: 1rem;
	font-family: 'IBM Plex Mono', monospace;
	}

.embeddable-buttondown-form .input-field:focus + .input-label .label-fade {
	display: none;
	}

.embeddable-buttondown-form input[type="submit"] {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	padding: 1rem;
	font-size: 2rem;
	cursor: pointer;
	border-radius: .25rem;
  	line-height: 1.5rem;
	margin: 0 0 0 .25rem;
	background-color: rgba(255, 255, 255, .25);
	color: rgba(250, 60, 10, .75);
	}

.embeddable-buttondown-form .input-field:focus + .input-label + input[type="submit"],
.embeddable-buttondown-form .input-field:not(:placeholder-shown) + .input-label + input[type="submit"] {
	opacity: 1;
	font-weight: 600;
	visibility: visible;
	}

/****************************************************************
## WAR LETTERS COMMENTS FORM
****************************************************************/

.comment-author,
.comment-content {
    line-height: 2rem;
    font-weight: 300;
	}

.comment-form-wrapper {
	filter: drop-shadow(0 .0625rem .125rem rgba(0, 0, 0, 0.5));
	}

.comment-respond,
.comment-respond form.comment-form {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
	gap: 1em;
    width: 100%;
	}

.comment-respond {
	padding: 2rem 1rem 0;
    background-color: #dbb279;
    border-radius: 1rem;
    color: #494b26;
	gap: 0;
	width: calc(100% - 2rem);
	}

.comment .comment-respond {
	margin: 2rem -3rem -2rem;
    filter: drop-shadow(0 .25rem .25rem rgba(0, 0, 0, 0.25));	
	}

.comment-respond input {
	appearance: none;
    background: none;
	}

.comment-respond form {
	border-top: .3em solid #494b26;
    padding: 1em 0 0;
    margin: 1em 0 0;
	}

.comment-respond form label,
.comment-respond label {
	align-self: flex-start;
	}

.comment-respond p,
.comment-respond form.comment-form p {
	margin: 0;
	}

.comment-respond form.comment-form p.comment-form-comment {
	margin-bottom: 1em;
	}

.comment-respond .comment-reply-title {
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1rem;
	}

.comment-respond #cancel-comment-reply-link {	
	border: .15rem dotted #494b26;
	margin: 0 0 0 2rem;
	padding: 0 .5rem;
	}
	
.comment-respond a#cancel-comment-reply-link {	
	color: #494b26;
	}	

.comment-respond #reply-title::after {
	content: "MOST SECRET";
    color: #bf0024;
    text-transform: uppercase;
    position: relative;
    font-family: "ltr-ncnd-variable", sans-serif;
    margin: 1rem 0 0;
    display: block;
	}
	
form .comment-notes {
	order: 1;
	text-transform: uppercase;
    font-weight: 200;
	}

p.comment-notes {
    text-align: center;
    height: 1rem;
    padding: 0 0 1rem;
    line-height: 1em;
	}

.bottom-text::after,	
p.comment-notes::after {
	  content: '';
	  display: unset;
	  width: 100%;
	}		

.comment-respond .comment-form-author {
    order: 2;
    display: flex;
    width: 100%;
    flex-direction: column;
	}


.comment-respond .comment-form-author label {
    white-space: nowrap;
    flex-shrink: 1;
    margin: 2rem 0 0.5rem 0;
	}
	
.comment-respond .comment-form-author input {
	flex-grow: 1;
	padding: 0.5rem 0;
	}	

.comment-respond .comment-form-url input,
.comment-respond .comment-form-email input,
.comment-respond .comment-form-author input,
.comment-respond .comment-form-comment textarea {
	border: 0;
	border-bottom: .15em dotted #494b26;;
	}

.comment-respond .comment-form-cookies-consent input[type="checkbox"] {
    /* Remove default browser styling */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    
    /* Define size to match the submit button height */
    width: 2em; /* Adjust as needed */
    height: 2em; /* Adjust as needed */
    
    /* Style the checkbox */
    border: .15em dotted #494b26;
    cursor: pointer;
    
    /* Optional: Add a checkmark when checked */
    position: relative;
	}

.comment-respond .comment-form-cookies-consent input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.5em;
    height: 1em;
    border: solid #494b26;
    border-width: 0 0.2em 0.2em 0;
    transform: translate(-50%, -60%) rotate(45deg);
	}

.comment-respond .comment-form-cookies-consent {
	display: flex;
	align-items: center;
	order: 6;
	text-transform: uppercase;
	}

.comment-respond .form-submit {	
	display: flex;
    align-items: center;
    order: 7;
    align-self: flex-end;
    flex-grow: 1;
	}

.comment-respond .form-submit p {
	margin-top: 1em;
	}	

/* Optional: Adjust the label to align properly with the checkbox */
.comment-respond .comment-form-cookies-consent label {
    margin: auto 0;
    border: 0;
	}

.bottom-text {
	order: 8;
    text-align: center;
    text-transform: uppercase;
    font-weight: 200;
    background-color: #dbb279;
    border-top: .3em solid #494b26;
    padding: 1rem 0;
    line-height: 1rem;
    width: 100%;
	}
	
.comment-respond input#submit.submit {
    appearance: none;
    background: none;
    border: .15em dotted #494b26;
    padding: 0 0.5rem;
    text-transform: uppercase;
    margin: 0 0 0 auto;
    height: 2rem;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 2rem;
    font-size: .8rem;
	}

#comments .reply a:hover,
.comment-respond input#submit.submit:hover,
.comment-respond a:hover#cancel-comment-reply-link, 
.comment-respond .comment-form-cookies-consent input[type="checkbox"]:hover {
    background-color: rgba(255, 255, 255, 0.25);
	}

.comment-respond .comment-form-email {
	order: 3;
	}

.comment-respond .comment-form-url {
	order: 4;
	}

.comment-respond .comment-form-url,
.comment-respond .comment-form-email {                   
	display: flex;               
	align-items: center;         
	box-sizing: border-box;
	flex-direction: column;
	width: 100%; 
	}

.comment-respond .comment-form-email label,
.comment-respond .comment-form-url label {
	white-space: nowrap;        
	margin: 2rem 0 0.5rem 0;         
	flex-shrink: 0;             
	}

.comment-respond .comment-form-email input,
.comment-respond .comment-form-url input {
	flex: 1;                     
	padding: 0.5em 0;            
	box-sizing: border-box; 
	width: 100%;     
	}

.comment-respond .comment-form-comment {
	order: 5;
	display: flex;
    width: 100%;
    margin: 0 0 2em;
    flex-direction: column;
	}

.comment-respond .comment-form-comment label {
    white-space: nowrap;
    margin: 2rem 0 0;
	}

.comment-respond .comment-form-comment textarea {
	resize: vertical;
    flex-grow: 1;
    background-color: #dbb279;
	}

.comment-respond .comment-form-comment textarea {
    background-image: linear-gradient(to right, transparent 0.15em, #dbb279 0.15em 0.3em), linear-gradient(to bottom, transparent 2em, #494b26 2em 2.15em, transparent 2.15em);
    background-size: 0.3em 100%, 100% 2.15em;
	background-position: 0 0, 0 2em;
    line-height: 2em;
    background-repeat: repeat, repeat-y;
    background-clip: content-box;
    width: 100%;
    resize: vertical;
    padding: 0;
	height: 8.15em;
    min-height: 8.15em;
	}

.comment-respond .comment-form-comment textarea:focus-visible {
	outline: none;
	}

.comment-respond .comment-form-author,
.comment-respond .comment-form-comment {
    column-gap: .5em;
	}

.comment-respond .comment-form-cookies-consent input[type="checkbox"] {
    margin-right: 0.5em;
	}

/* Hide fields when logged in */
body.logged-in .comment-respond .comment-form-author,
body.logged-in .comment-respond .comment-form-email,
body.logged-in .comment-respond .comment-form-url,
body.logged-in .comment-respond .comment-form-cookies-consent {
    display: none;
	}
	
/* END -- WAR LETTERS COMMENTS FORM */	

/****************************************************************
## WAR LETTERS COMMENTS | REPLIES
****************************************************************/	

#comments article {
	font-family: 'IBM Plex Mono', monospace;
	}

#comments .comment-body {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-template-areas: 
        "watermark meta stamp"
        "commentor commentor avatar"
        "content content content"
        "bottom-art botttom-art botttom-art";
    gap: 1em;
	}

#comments .no-avatar .comment-body {
    grid-template-columns: 1fr auto auto;
    grid-template-areas: 
        "watermark meta stamp"
        "commentor commentor gap"
        "content content content"
        "bottom-art botttom-art botttom-art";
	}

#comments .watermark {
	grid-area: watermark;
	text-transform: uppercase;
	margin: 0.9rem 0 0;
	container-type: inline-size;
	}
 
#comments .by-air-mail {
    letter-spacing: 1em;
    line-height: 1em;
    color: rgba(255, 255, 255, 0.375);
    font-size: 6cqw;
	}

.last-letter {
	letter-spacing: 0;
	}

#comments .air-letter {
	font-family: "Fraunces", serif;
	line-height: 1em;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.375);
    font-size: 6.3cqw;
	}

#comments .enclosure {
    color: rgba(255, 255, 255, 0.375);
    font-weight: 700;
    line-height: .6em;
    font-size: 2.38cqw;
	}            

#comments .comment-body .comment-stamp {
	grid-area: stamp;
	text-transform: uppercase;
	height: 7rem;
	width: 7rem;
	color: #fefefe;
	text-align: center;
	border-radius: .25rem;
    margin: 1rem 0;
    opacity: 0.7;
	}

#comments .comment-body .stamp-top {
	font-family: "Fraunces", serif;
	font-weight: 900;
	width: 100%;
	height: 3rem;
	background-color: #3254db;
	border-radius: .25rem .25rem 0 0;
	padding: 1.25em 0;
	}
	
#comments .comment-body .stamp-bottom {
	background-color: #b92200;
    height: 1.5rem;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    border-radius: 0 0 .25rem .25rem;
	}	

#comments .stamp-bottom .postage {
    margin: 0 auto;
	}

#comments .stamp-bottom .price {
    margin: 0 .5em;
	}

#comments .stamp-bottom .price sup {
	font-weight: 300;
	}

#comments .postmark-meta {
    position: relative;
    width: 8.8rem;
    height: 8.8rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-transform: uppercase;
    grid-area: meta;
    grid-row: 1/1;
    grid-column: 2;
    margin: 0 -1.8rem 0 -1rem;
	}

#comments .circle-container {
    position: absolute;
    width: 8.8rem;
    height: 8.8rem;
	}

#comments .circle {
    position: absolute;
    border-radius: 50%;
    border: 0.3em solid rgba(0, 0, 0, 0.25);
    background-color: transparent;
	}

#comments .outer {
    width: 8rem;
    height: 8rem;
	}

#comments .inner {
    width: 6rem;
    height: 6rem;
    top: 1rem;
    left: 1rem;
	}

#comments .content {
    position: absolute;
    z-index: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 8.8rem;
    height: 5.5rem;
    top: 1.6rem;
    color: rgba(0, 0, 0, 0.25);
	}

#comments .content .x-small {
    font-size: 0.75rem;
    line-height: 1.2;
    font-weight: 600;
	}

#comments .content .small {
	font-size: 1.33rem;
    line-height: .75;
	}

#comments .content .medium {
    font-size: 1rem;
    line-height: .9;
    font-weight: 500;
	}

#comments .content .large {
    font-size: 2rem;
    font-weight: 900;
    line-height: .9;
	}

#comments .comment-avatar {
    grid-area: avatar;
	}

#comments .comment-content-wrapper {
    grid-area: content;
	}

#comments .comment-author {
    margin-bottom: .5em;
	}

#comments .author-name {
	border-bottom: .15em dotted #6f7fbf;
	}

#comments .comment-content {
    margin-bottom: 10px;
	}

#comments .reply {
    text-align: right;
    text-transform: uppercase;
	}

#comments .reply a {
	color: #222;
    border: .15em dotted #222;
    padding: 0.5rem;
	font-size: .8rem;
	cursor: pointer;
	}

ol.comment-list {
	padding: 0;
	}

li.comment {
    position: relative;
    padding: 3rem 1rem 1rem;
    max-width: 100%;
    list-style-type: none;
    background-color: #cfd4e4;
    border-radius: .25rem;
    box-shadow: 0 .25rem .25rem rgba(0, 0, 0, 0.25);
    }

li.comment::before {
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%); /* Center the background */
    height: 1em; /* Height of the border */
    background-image: linear-gradient(
        -45deg,
        transparent 0%,
        transparent 20%,
        red 20%,
        red 40%,
        transparent 40%,
        transparent 60%,
        #58a 60%,
        #58a 80%,
        transparent 80%,
        transparent 100%
    );
    background-size: calc(100% / (var(--n))) 1em; /* Adjusted for red-blue pairs */
    background-repeat: repeat-x;
    background-position: center top; /* Center the pattern */
    pointer-events: none;
	}

.comment article::after {
	grid-column: 1 / -1;
	grid-row: 4;
	content: "no envelope permitted • do not use tape or stickers to seal";
	text-transform: uppercase;
	margin: 1em 0 -1em;
	text-align: center;
	font-size: .8rem;
    letter-spacing: clamp(0rem, .20cqw, .15em);
    color: #6f7fbf;
	}

#comments ol.children {
	padding: 0 0 0 1rem;
    border-left: .2em solid rgba(255, 0, 0, 0.5);
	}

#comments .comment-awaiting-moderation {
	color: rgba(255, 0, 0, 0.5);
	}

.comments-title {
	font-weight: 300;
	}	

@media (min-width: 12em) {
	li.comment {
		--n: 2;
		}
	
	li.comment::before {	
		 width: 6em;
		}
	}

@media (min-width: 16em) {
	li.comment {
		--n: 3;
		}
	
	li.comment::before {	
		 width: 10em;
		}
	}

@media (min-width: 20em) {
	li.comment {
		--n: 4;
		}
	
	li.comment::before {	
		 width: 14em;
		}
	}

@media (min-width: 24em) {
	li.comment {
		--n: 5;
		}
	
	li.comment::before {	
		 width: 18em;
		}
	}

@media (min-width: 28em) {
	li.comment {
		--n: 6;
		}
	
	li.comment::before {	
		 width: 22em;
		}
	}

@media (min-width: 32em) {
	li.comment {
		--n: 7;
		}
	
	li.comment::before {	
		 width: 26em;
		}
	}

@media (min-width: 36em) {
	li.comment {
		--n: 8;
		}
	
	li.comment::before {	
		 width: 30em;
		}
	}

@media (min-width: 40em) {
	li.comment {
		--n: 9;
		}
	
	li.comment::before {	
		 width: 34em;
		}
	}
	
/* END -- WAR LETTERS COMMENTS | REPLIES */	

/****************************************************************
## Legacy devices, super narrow views (420px and under)
****************************************************************/

@media (max-width: 26.25rem) {

	.electranyx-button, .menu-btn:checked ~ .electranyx-button {
    width: 9.1302155173rem;
    height: 1.5rem;
	}

	.logo-button {
	background-size: auto 4.5rem;
	}

	.electranyx-button:hover .logo-button {
    background-position: 0 -1.5em;
	}
	
	.menu-button {
    height: 2rem;
    width: 2rem;
    left: calc(100vw - 2.5rem);
    bottom: .75rem;
	}
	
	.menu-drawer .menu-icon {
    height: 1rem;
    width: 1rem;
    padding: .5em;
	}
	
	.menu-drawer .menu-icon .navicon {
    width: 1rem;
    height: .1rem;
	}
	
	.menu-drawer .menu-icon .navicon:before {
	top: 1rem;
	}
	
	.menu-drawer .menu-icon .navicon:after {
	top: .5rem;
	}
	
	.menu-drawer .menu-btn:checked ~ .menu-button .menu-icon .navicon {
    top: .5rem;
	}

	.tag .content,
	.page-template-archive .content,
	.tag #content h2.archive a {
	font-size: 1rem;
	}

	.page-template-archive #content h2.archive a {
	font-size: 1.5rem;
	}

	.post-archive h2.archive {
    width: 9rem;
	}

	.woocommerce form .form-row-last,
	.woocommerce form .form-row-first,  
	.woocommerce-page form .form-row-last,
	.woocommerce-page form .form-row-first {
	width: 100%;
	}

    .woocommerce .woocommerce-ordering select,
    .woocommerce ul.products[class*=columns-] li.product, 
	.woocommerce-page ul.products[class*=columns-] li.product {
    width: calc(100vw - 4rem);
	}

	.woocommerce .shop_table .product-quantity .quantity .qty {
    width: calc(50vw - 7rem);
    }

	.woocommerce .quantity-button {
    width: 2rem;
    padding: 1rem 0;
    }
    
    .page-template-category-letters-archive .content {
    font-size: 1rem;
	}
    
    .page-template-category-letters-archive .content h2,
    .page-template-category-letters-archive h2 a:link,
    .page-template-category-letters-archive h2 a:visited,
    .page-template-category-letters-archive h2 a:hover,
    .page-template-category-letters-archive h2 a:active {
    font-size: 1rem;
	}

	#primary-menu li a {
    font-size: 1rem;
	}

	.echo-nav ul {
    font-size: 1.5rem;
	}
	
	.copyright {
    top: 3em;
	font-size: .6rem;
	}
	
	#comments .watermark {
	display: none;
	}
	
	#comments .postmark-meta {
	margin: -3rem -1.8rem 0 -1rem;
	grid-row: 2;
    grid-column: 3;
	}
	
}

/* END -- Legacy devices, super narrow views (420px and under) */

/****************************************************************
## Small devices such as large phones (599px and under)
****************************************************************/

@media (max-width: 37.4375rem) {

	.page-base {
	position: relative;
	min-height: unset;
	}

	.first-post .post-wrap img {
    width: calc(100vw - 2rem);
    margin-left: -1rem;
	}

	.title-em {
	display: none;
	}

	nav {
	position: fixed;
	bottom: 0;
	}
	
	nav a {
	border: none;
	}
	
	nav ul li a {
	font-size: 1.375rem;
	}
	
	nav ul {
	flex-wrap: wrap;
	justify-content: left;
	}
	
	nav li {
	flex-basis: 50%;
	padding: .5rem 0; 
	}
	
	nav li:nth-child(7) {
	flex-basis: 100%;
	height: 3em;
	background-image: unset;
	}
	
	.link-cover,
	.cart_totals h2,
	#primary-menu li:nth-child(7) a {
	display: none;
	} 
	
	nav li:nth-child(7):hover {
  	background-color: rgba(0, 0, 0, .9);	
	}
	
	.menu {
	max-height: 0;
	transition: max-height 0.25s ease-out;
	}
	
	.menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
	}

	.menu-button {
    display: inline-block;
    box-sizing: border-box;
    height: 2.5rem;
    width: 2.5rem;
    left: calc(100vw - 3rem);
    bottom: .75rem;
    border-radius: 0.25rem;
    position: fixed;
	}
	
	.menu-button {
	background-color: rgba(0, 0, 0, .25);
	backdrop-filter: blur(2.5em);
	-webkit-backdrop-filter: blur(2.5em);
	z-index: 3000;	
	}
	
	.menu-button:hover {
	background-color: rgba(255, 255, 255, .5);
	border-bottom-style: none;
	font-weight: 200;
	}
	
	.electranyx-button {
	border-radius: 0.25rem;
	backdrop-filter: blur(1.25em);
	-webkit-backdrop-filter: blur(1.25em);
	}
	
	.electranyx-button,
	.menu-btn:checked ~ .electranyx-button {
	width: 12.1736206897em;
	height: 2em;
	margin: 0 0 .75em .75em;
	padding: .25em;
	border-radius: .25rem;
	bottom: 0;
	position: fixed;
	z-index: 3000;
	}
	
	.electranyx-button:hover {
	background-color: rgba(250, 250, 20, .95);
	}
	
	.menu-btn:checked ~ .electranyx-button:hover {
	background-color: transparent;
	}
	
	.electranyx-button:hover .logo-button {
	background-position: 0 -2em; /* Show the middle sprite on hover */
	filter: none;
	}
	
	.menu-btn:checked ~ .electranyx-button:hover .logo-button {
	background-position: 0 -4em; /* Show the bottom sprite on hover */
	background-color: transparent;
	}
	
	.logo-button {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto 6rem; /* Cover the height of both sprites */
	width: 100%;
	height: 100%;
	display: block;
	z-index: 3000;
    filter: drop-shadow(0 0 .0625rem rgba(0, 0, 0, 0.5));
	}

	.menu-drawer .menu-icon {
	cursor: pointer;
	display: inline-block;
	height: 1.25em;
	width: 1.25em;
	padding: .625em;
	z-index: 3000;
	}
	
	.menu-drawer .menu-icon .navicon {
	background-color: rgba(250, 250, 250, .75);
	display: block;
	height: .15rem;
	position: relative;
	transition: background 0.2s ease-out;
	width: 1.25rem;
	z-index: 3000;
	}

	.menu-drawer .menu-icon .navicon:before,
	.menu-drawer .menu-icon .navicon:after {
	background-color: rgba(250, 250, 250, .75);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transition: all 0.2s ease-out;
	width: 100%;
	z-index: 3000;
	}

	.menu-drawer .menu-button:hover .navicon,
	.menu-drawer .menu-button:hover .navicon:before,
	.menu-drawer .menu-button:hover .navicon:after {
    background-color: rgba(25, 25, 25, .75);
	}

	.menu-drawer .menu-icon .navicon:before {
	top: 1.15rem;
	}
	
	.menu-drawer .menu-icon .navicon:after {
	top: .575rem;
	}
			
	.menu-btn:checked ~ * .menu {
	max-height: 20rem;
	box-shadow: 0em -.5em 1em .25em rgba(0, 0, 0, .125);
	border-top: 1px solid rgba(0, 0, 0, .25);
	}
	
	.menu-btn:checked ~ .menu-button {
	background-color: rgba(127, 127, 127, .25);
	}

	.menu-btn:checked ~ .menu-button:hover {
    background-color: rgba(127, 127, 127, .5);
	}

	.menu-drawer .menu-btn:checked ~ .menu-button .menu-icon .navicon {
	transform: rotate(-45deg);
	top: 0.625em;
	background-color: rgba(255, 255, 255, .95);
	}

	.menu-drawer .menu-btn:checked ~ .menu-button .menu-icon .navicon:before {
	transform: rotate(90deg);
	top: 0;
	background-color: rgba(255, 255, 255, .95);
	}
	
	.menu-drawer .menu-btn:checked ~ .menu-button .menu-icon .navicon:after {
	background-color: rgba(250, 250, 250, 0);
	}
	
	#menu-box {
  	position: relative;
  	z-index: 2;
	} */
	
	.post.category-video {
	padding: 0;
	width: calc(100% - 2em);
	}
	
	.post-archive h2.archive {
    width: 12.1rem;
	}
	
	.video-container {
    width: 100%;
    margin: 0 auto;
    }
	
	.tag #content h2.archive a,
	.page-template-archive #content h2.archive a {
    margin: 1rem 0 2rem;
    }
    
    .letters-archive-index .post-wrap img,
    .home .letters-archive-index .post-wrap img {
	margin: 0 auto -1.5rem;
	}
  
	article.letters-archive-index .excerpt {		
    background-image: linear-gradient(#eee .1rem, transparent .1rem);
    padding: 1.5rem 1.25rem 0;
	}
    
	.copyright {
	position: absolute;
	writing-mode: vertical-rl;
	white-space: nowrap;
	top: 2em;
	right: 2.4em;
	width: 0.8em;
	}
		
	.page-template-category-letters-archive .content {
    margin: 0 auto;
    width: calc(100% - 2rem);
	}
	
	.woocommerce {
	padding: 0;
	} 
    
    .woocommerce .woocommerce-ordering select {
    width: calc(50vw - 2.5rem);
	}
   
    h2.woocommerce-order-details__title, 
	.woocommerce table.shop_table tfoot td,
	.woocommerce table.woocommerce-table--order-details.shop_table,
	.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    font-size: calc(.625rem + 1vw);
    }
	
	.woocommerce-order-received .shipped_via {
    font-size: calc(0.25rem + 1vw);
    line-height: calc(0.25rem + 1vw);
    padding-bottom: calc(1.25em - (.25em + 1vw));
	}
		
	.woocommerce-order-received ul.woocommerce-thankyou-order-details.order_details li.woocommerce-order-overview__date.date {
    float: left;
    width: 100%;
	}
	
	.nav-next,
	.nav-previous {
	font-size: clamp(.5rem, 4cqw, 1.375rem);
	}
	 
	#comments .watermark {
	display: none;
	}  
	
} /* END - Small devices such as large phones (599px and under) */

/****************************************************************
## Medium devices such as tablets (600px and up)
****************************************************************/

@media (min-width: 37.5rem) {

	.page-base {
	position: absolute;
	min-height: 100%;
	}

	.title-em {
    margin: 1em 0;
	}
	
	.title-vmin {
	display: none;
	}

	nav, 
	footer {
	width: 100%;
	}
	
	#menu-box {
  	position: relative;
  	z-index: 2;
  	left: 0;
	}

	#content {
	margin: 3em 0 0;
	}
		
	.content-area {
	margin: 3em 0 0;
	min-height: auto; 
	}
	
	article.not-first-post.category-video .post-wrap {
	padding: 0 2rem 0 2rem;
	}
	
	nav li {
	flex-basis: calc(100vw/7);
	}
	
	nav li:nth-child(7) a {
	color: transparent;
	display: none;
	}
	
	#primary-menu li a {
	letter-spacing: calc((100vw - 37.4375em) * 0.00075 - 0.01875em);
	}
	
	.echo-nav,
	.menu-button {
	display: none;
	}
	
	.electranyx-button,
	.logo-button .link-cover {
	width: calc(85vw/7);
	height: calc(85vw/7 * 0.1642896597);
	padding: var(--logo-margin) calc(7.5vw / 7);
	position: absolute;
	right: 0;
	z-index: 3000;
	}
	
	.logo-button {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto var(--logo-height); /* Cover the height of both sprites */
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
	}
	
	.logo-button .link-cover {
	top: calc(var(--logo-margin) * -1);
	right: calc(6rem / 7 * -1);
	z-index: 0;
	}
	
	.logo-button:hover,
	.electranyx-button:hover .logo-button {
	background-position: 0 calc(85vw/7 * 0.1642896597 * -1); 
	}
	
	.electranyx-button:hover {
	background-color: rgba(250, 250, 20, .95);
	}
	
	.page-template-category-letters-archive .content {
    margin: 0 auto;
    width: calc(100% - 4rem);
	}	

	.post-archive h2.archive {
    text-align: right;
    margin: 2rem 0 0;
	}
		
	footer {
	padding: 1rem
	}
	
	.copyright {
	letter-spacing: 0.25rem;
	}
	
	.woocommerce {
	padding: 0;
	}
	
	.woocommerce-page #content {
    padding: 3rem 2rem 2rem;
    margin: 0;
    width: calc(100vw - 4rem);
	}
	
	.woocommerce-page #content table.cart td.actions .coupon {
    margin: 0 1rem 2rem 0;
    }
    
    .woocommerce .shop_table.shop_table_responsive thead {
    display: none;
    }
    
    .woocommerce table.shop_table_responsive tr td, 
    .woocommerce-page table.shop_table_responsive tr td {
    display: block;
	}
	
	.woocommerce #content table.cart td.actions .coupon, 
	.woocommerce table.cart td.actions .coupon, 
	.woocommerce-page #content table.cart td.actions .coupon, 
	.woocommerce-page table.cart td.actions .coupon {
    float: none;
	}
    
    .woocommerce #content table.cart td.actions .coupon::after, 
    .woocommerce #content table.cart td.actions .coupon::before, 
    .woocommerce table.cart td.actions .coupon::after, 
    .woocommerce table.cart td.actions .coupon::before, 
    .woocommerce-page #content table.cart td.actions .coupon::after, 
    .woocommerce-page #content table.cart td.actions .coupon::before, 
    .woocommerce-page table.cart td.actions .coupon::after, 
    .woocommerce-page table.cart td.actions .coupon::before {
    content: " ";
    display: table;
	}
    
    .woocommerce-page #content table.cart td.actions .coupon .button, 
    .woocommerce-page #content table.cart td.actions .coupon .input-text, 
    .woocommerce-page #content table.cart td.actions button.button[type="submit"][name="update_cart"] {
    width: calc(50vw - 2.5rem);
    max-width: 23.5rem;
    }
	
	.woocommerce-order-received ul.woocommerce-thankyou-order-details.order_details li.woocommerce-order-overview__date.date {
	padding: 0;
	margin: 0 0 0 auto;
    float: right;
	}
	
	.woocommerce table.shop_table_responsive tr td, 
	.woocommerce-page table.shop_table_responsive tr td {
    display: block;
    text-align: right !important;
	}
	
	.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), 
	.woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
    float: right;
    clear: none !important;
	}
	
	.woocommerce.single-product .site-main, 
	.woocommerce.post-type-archive-product .site-main {
    margin: 3rem 2rem 0;
	}	
	
	.woocommerce .cart-collaterals .cart_totals, 
	.woocommerce .cart-collaterals .cross-sells, 
	.woocommerce .cart-collaterals .shipping_calculator, 
	.woocommerce-page .cart-collaterals .cart_totals, 
	.woocommerce-page .cart-collaterals .cross-sells, 
	.woocommerce-page .cart-collaterals .shipping_calculator {
    width: 100%;
    float: none;
    text-align: left;	
	}
	
} 

/* END - Medium devices such as tablets (600px and up) */

/****************************************************************
## Regular and large device screens (768px and up)
****************************************************************/

@media (min-width: 48rem) {

	.excerpt, 
	.content {
    width: calc(100% - 4rem);
    margin: 0 auto;
	}

	nav,
	.frontpage-post-wrap {
	width: 48rem;
	margin: 0 auto;
	}

	#content {
	margin: 3rem auto 0;
	width: 44rem;
	}

	.home #content {
	width: 48rem;
	}
	
	footer {
    margin: 0 auto 0;
    }

	nav li:nth-child(1) {
  	border-radius: 0 0 0 .25rem;
	}

	nav li:nth-child(7),
	.electranyx-button:hover {
  	border-radius: 0 0 .25rem 0;
	}

	#primary-menu li a {
	letter-spacing: 0;
	}

	.electranyx-button {
	right: calc((100% - 48rem) / 2);
	width: calc(36rem/7);
	height: calc(36rem/7 * 0.1642896597);
	padding: var(--logo-margin-2) calc(6rem / 7);
	}
    
    .page-template-category-letters-archive .content h2,
	.page-template-category-letters-archive h2 a:link,
	.page-template-category-letters-archive h2 a:visited,
	.page-template-category-letters-archive h2 a:hover,
	.page-template-category-letters-archive h2 a:active {
 	font-size: 2rem;
 	}
 	
	.my-category-war-letters-archive .nav-wrap,
	.my-category-war-letters-archive h2.archive, 
	.my-category-war-letters-archive h2.archive a:link, 
	.my-category-war-letters-archive h2.archive a:visited, 
	.my-category-war-letters-archive h2.archive a:hover, 
	.my-category-war-letters-archive h2.archive a:active {
    font-size: 1.375rem;
	}
    
	.logo-button {
	background-size: auto var(--logo-height-2);
	}

    .logo-button .link-cover {
	position: absolute;
	top: calc(var(--logo-margin-2) * -1);
	right: calc(6rem / 7 * -1);
	width: calc(36rem/7);
	height: calc(36rem/7 * 0.1642896597);
	padding: var(--logo-margin-2) calc(6rem / 7);
	}

	.logo-button:hover,
	.electranyx-button:hover .logo-button {
	background-position: 0 calc(36rem/7 * 0.1642896597 * -1);
	}
	
	.post,
	.sticky-post,
	.category-video.post {
	width: 100%;
	margin: 1rem 0 0;
	padding: 1rem 0 0;
	}

	.category-video.post {
	padding: 0;
	}	
	
	.post.portrait-image img,
	.sticky-post.portrait-image img {
	padding: none;
    margin-left: none;
	}
	
	.post.portrait-image .text-box-position-bottom img, 
	.sticky-post.portrait-image .text-box-position-bottom img {
    margin: -1rem 0 0 0;
    width: 48rem;
	}	
	
	.post.portrait-image img, 
	.sticky-post.portrait-image img {
    max-width: 100%;
	}
	
	.sticky-post {
	margin-bottom: 2rem;
	}
	
	.page-template-category-letters-archive .portrait-image.letters-archive-index .post-wrap img {
    width: 48rem;
    height: auto;
    margin: 4rem auto 1rem;
	}

	.page-template-category-letters-archive .excerpt,
	.page-template-category-letters-archive .content {
    margin: 0 auto 2rem;
    width: 48rem;
    }
	
	.nav-previous {
	margin-left: 0;
	}

	.nav-next {
	margin-right: 0;
	}
	
	article.letters-archive-index .excerpt {
	width: calc(100% - 2rem);
	}
	
	footer {
	padding: 1rem;
	width: 48rem;
	border-radius: 0.25rem 0.25rem 0 0;
	}
	
	.woocommerce-page #content {
    padding: 3rem 0 2rem;
    margin: 0 auto;
    width: 48rem;
	}
	
	.woocommerce table.cart img,
	.product-remove a.remove-button, 
	.woocommerce form .form-row-last,
	.woocommerce form .form-row-first,  
	.woocommerce-page form .form-row-last,
	.woocommerce-page form .form-row-first,
	.product-remove a.remove-button:visited,
	.woocommerce .product-quantity .quantity,
	.woocommerce ul.products[class*=columns-] li.product, 
	.woocommerce-page ul.products[class*=columns-] li.product,
	.woocommerce .shop_table .product-quantity .quantity .qty,
	.woocommerce-page #content table.cart td.actions .coupon .button, 
	.woocommerce-page #content table.cart td.actions .coupon .input-text, 
	.woocommerce-page #content table.cart td.actions button.button[type="submit"][name="update_cart"] {
 	 width: 23.5rem;
    }
	
	.woocommerce.single-product .site-main, 
	.woocommerce.post-type-archive-product .site-main {
    margin: 3rem 0;
    grid-template-columns: 23.5rem 23.5rem;
	}
	
	.woocommerce .woocommerce-cart-form__cart-item.cart_item {
    grid-template-columns: 23.5rem 1em 23.5rem;
	}

	.comment-respond form label, 
	.comment-respond label {
    align-self: flex-end;
	}

	.comment-respond .comment-form-comment {
    flex-direction: unset;
	}

	.comment-respond .comment-form-author {
	flex-direction: unset;
	}
	
	.comment-respond .comment-form-url,
	.comment-respond .comment-form-email {
	flex-direction: unset;
	width: calc(50% - 2rem);
    flex: 1;
	}
	
	.comment-respond .comment-form-author input {
    line-height: 2rem;
	padding: 0;
	}

	.comment-respond .comment-form-author label,
	.comment-respond .comment-form-comment label {
    margin: 0;
	}
			
	.comment-respond .comment-form-url label, 
	.comment-respond .comment-form-email label {
	margin: 0 0.5rem 0 0;
	}
	
	#comments .postmark-meta {
    margin: 0 -1.8rem 0 0;
    grid-row: 1 / 1;
    grid-column: 2;
	}
	
	li.comment {
    padding: 3em 3em 1em;
    }
    
    .comment-respond {
	padding: 2rem 2rem 0;
	}
	
	.comment-respond label,
	.comment-respond form label {
    border-bottom: .15em dotted #494b26;
	}
	
	form .comment-notes {
    width: 100%;
    }
    
    .comment-respond,
	.comment-respond form.comment-form {
    width: auto;
    }
    
    p.comment-notes {
    padding: 0;
	}
	
	.comment-respond #reply-title::after {
    margin: 0;
	right: 2rem;
    position: absolute;
    display: inline-block;
	}
	
	.bottom-text,
	p.comment-notes {
    text-align: justify;
	}
	
	.bottom-text::after, 
	p.comment-notes::after {
    display: inline-block;
    }
					
}

@media only screen and (max-width: 768px) {
    .menu-drawer {
        overflow: visible;  /* Allow the menu to show fully */
        z-index: 1000;      /* Ensure it is on top of other content */
    }
}


/* END - Regular and large device screens (768px and up) */