/* Code created by Frankenliz. Segments of this code were generated created with the aid of ChatGPT, created by OpenAi. */
/*  MAIN WEBSITE */
body {
	font-size: 1em;
	font-family: 'Albert Sans';
	font-weight: 300;
/*	margin-left: 10%;
	margin-right: 10%; */
}

/* BASIC PARAGRAPHS */
/* General */
p {
	/*font-family: 'Piazzolla', serif;*/
	font-weight: 300;
	letter-spacing: .01em;
/*	margin-left: 10%;
	margin-right: 10%;*/
}

/* Drop Cap for an intro paragraph */
.drop-cap:first-letter {
	font-size: 3em;
	line-height: .2em;
	float: left;
	margin: 0 -.05em .25em 0;
	font-weight: 500;
}

/* Line break with 60 character max for comfort reading. Does not break the word arbitrarily, but wraps it to the next line. */
/*
.line-break {
  max-width: 60ch;
  white-space: pre-wrap;
}
*/
/* Text Messages */

/* This is for the SINGLE column that is inserted to control text message layout. BUT BECAUSE WE CAN'T FIND THIS YET, JEEZ LOUISE, JUST MAKE A SINGLE COLUMN AND SET BLOCK SPACING TO 0.25 EM MANUALLY EACH TIME UNTIL IT OBEYS, then add this CSS so when we DO figure it out it just automates it. Thank you for coming to my TED talk. */

.textColumn {
	margin-bottom: 0.25em;
	padding-bottom: 0.25em;
}


/* This one styles chat aligned to the left, like a real text message that a user receives. */
p.textMessageLeft {
	font-family: 'Albert Sans';
	font-weight: 300;
/*	margin-left: 10%;*/
	margin-right: 50%;
	border-radius: 1em;
	background-color: #159eb324;
	padding: 1em;
}

/* This one styles chat aligned to the right, like a real text message the a user sends. */
p.textMessageRight {
	font-family: 'Albert Sans';
	font-weight: 300;
	color: #ffffff;
	margin-left: 50%;
/*	margin-right: 10%; */
	border-radius: 1em;
	background-color: #159db3;
	padding: 1em;
}

/* These two style the "Sent/Received" text atop each text message bubble. */
p.sentMessage{
	font-family: 'Albert Sans';
	font-weight: 300;
	font-size: 0.5em;
	text-align: right;
	padding-left: 1em;
	padding-right: 1em;
}
p.receivedMessage{
	font-family: 'Albert Sans';
	font-weight: 300;
	font-size: 0.5em;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;	
}

/* This is for styling "YD" and "CE" appropriately in each chapter. */
span.eraStyle {
  font-size: 0.8em; 
  text-transform: uppercase;
}


/* FOOTERS */
/* The Fire of Felwing Copyright Footer */
p.footer-felwing {
	font-family: 'Albert Sans';
	font-size: .75em;
	font-weight: 300;
}

/* ALL HEADINGS */
h1.wp-block-post-title {
	font-family: 'Albert Sans' !important;
}

h1 {
	font-family: 'Albert Sans';
	font-size: 2.5em !important;
}

h2 {
	font-family: 'Albert Sans';
	font-size: 2em !important;
	font-weight: 400;
}

/* Specific styling to target underlines in the blog/news list */

h2.blogListLink a {
  text-decoration: none;
}

h2.wp-block-post-title.has-albert-sans-font-family a {
	text-decoration: none;
}

h2.wp-block-heading.has-text-align-center.stackedHeaderHome.has-custom-font.has-albert-sans-font-family a {
		text-decoration: none;
}


h2.wp-block-post-title.has-albert-sans-font-family a:hover {
	text-decoration: underline;
}

h3 {
	font-family: 'Albert Sans';
	font-size: 1.5em !important;
	font-weight: 400;
}

/*p.intro:first-line {
	font-size: 1em;
	text-transform: uppercase;
	background-color: #f3f3f3;
}*/
/*.felwingImage {
	width: -moz-fit-content;
  width: fit-content;
}

.felwingImageTableContainer {
}

.felwingTable {
	width: -moz-fit-content;
  width: fit-content;
}*/
.felwingColumn {
	flex-basis: 25% !important;
}

.felwingContent {
	flex-basis: 50% !important;
	max-width: 60ch;
}

@media screen and (min-width: 10px) and (max-width: 900px) {
	.felwingColumn {
		flex-basis: 5% !important;
	}
	
	.felwingContent {
		flex-basis: 90% !important;
	}
}

/*Navigation Styling*/
.titleLink a {
	text-decoration: none;
}

.buttonHeader {
}

.titleLogo {
}

.headerNav {
}