/* --------------------------------------------------

	Basics

* -------------------------------------------------- */

html {
	color: #e7cfb9;
	background-color: #271c1f;
	font-family: "concourse_3", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16pt;
	line-height: 1.5;
}
body {
   max-width: 720px;
   margin: 0 auto; 
}
#wrapper {
	margin: 0 10px;
}
hr {
	color: #e7cfb9;
}

.section-name {
	font-style: italic;
	border-bottom: 2px solid;
}

.date-and-mins {
	font-size: 0.9rem;
	font-style: italic;
	font-weight: 500;
}

/* --------------------------------------------------

	Core Beliefs page

* -------------------------------------------------- */

div.core-beliefs h2 {
	font-family: "triplicate_a", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	margin-block-start: 1.2em;
	margin-block-end: 0.2em;
	text-align: left;
	text-decoration: underline;
}

div.core-beliefs h3 {
	font-family: "triplicate_a", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	margin-block-start: 0.5em;
	text-align: left;
}

div.core-beliefs p {
	margin-block-start: 0.1em;
	margin-block-end: 1em;
	text-align: left;
}

/* --------------------------------------------------

	Special styles for front page. 

* -------------------------------------------------- */

article.front-page-card {
	border: 3px solid #e7cfb9;
	border-radius: 20px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

/* --------------------------------------------------

	Paragraphs and Block Quotes

* -------------------------------------------------- */

p {
	margin-block-start: 0.5em; 
}

blockquote {
	margin: 0.25em 0;
	padding: 0.35em 40px;
	line-height: 1.45;
	position: relative;
}
blockquote:before {
	display: block;
	padding-left: 10px;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #8b6854;
}
blockquote.attribution-following {
	margin-bottom: 0;
}
.quote-from {
	margin: 0 0 1.5em 40px;
	padding: 0 40px 0.25em 1.3em;
	line-height: 1.45;
	position: relative;
}
.quote-from:before {
	display: block;
	padding-left: 0;
	content: "\2014";
	position: absolute;
	left: 0;
}
p.daily-quote {
	font-style: italic;
	text-align: right;
	margin-left: auto; 
	margin-right: 1em;
}

/* --------------------------------------------------

	Headings

* -------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: "triplicate_a", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
	margin-top: 1em;
	font-size: 1.6rem;
}
h2 {
	font-size: 1.4rem;
	font-style: normal;
	font-family: "triplicate_b", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h3 {
	font-size: 1.2rem;
	margin-bottom: 0;
}
h1.small-header {
	font-size: 1.6rem;
}

p.section-name {
	font-family: "triplicate_a", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 500;
	margin-block-end: 0;
}

/* --------------------------------------------------

	Adjustments for smaller screens. 

* -------------------------------------------------- */

@media (max-width: 650px) {
	h1 {
		font-size: 1.1em;
	}
	h1.small-header {
		font-size: 1.0em;
	}
	h2 {
		font-size: 1.0em;
	}
	h3 {
		font-size: 1.0em;
	}
}

/* --------------------------------------------------

	Left margins for details and summaries. 

* -------------------------------------------------- */

.heading-1-details {
	margin-left: 2.2em;
}
.heading-2-details {
	margin-left: 2.2em;
}
.heading-3-details {
	margin-left: 2.2em;
}
.heading-4-details {
	margin-left: 2.2em;
}
.heading-5-details {
	margin-left: 2.2em;
}
.heading-6-details {
	margin-left: 2.2em;
}

.heading-1-summary {
	margin-left: -2.2em;
	margin-bottom: 0.5em;
}
.heading-2-summary {
	margin-left: -2.2em;
	margin-bottom: 0.5em;
}
.heading-3-summary {
	margin-left: -2.2em;
	margin-bottom: 0.5em;
}
.heading-4-summary {
	margin-left: -2.2em;
	margin-bottom: 0.5em;
}
.heading-5-summary {
	margin-left: -2.2em;
	margin-bottom: 0.5em;
}
.heading-6-summary {
	margin-left: -2.2em;
	margin-bottom: 0.5em;
}

/* --------------------------------------------------

	Links

* -------------------------------------------------- */

a:link {
	color: #e7cfb9;
	text-decoration: none;
	border-bottom: 1px dotted #e7cfb9;
}

a:visited {
	color: #e7cfb9;
	text-decoration: none;
	border-bottom: 1px dotted #e7cfb9;
}

a:hover {
	color: #e7cfb9;
	text-decoration: none;
	border-bottom: 1px dotted #e7cfb9;
}

a:active {
	color: #e7cfb9;
	text-decoration: none;
	border-bottom: 1px dotted #e7cfb9;
}

a.implicit {
	text-decoration: none;
	border: none;
}
a.implicit:hover {
	color: #e7cfb9;
	text-decoration: none;
	border-bottom: 1px dotted #e7cfb9;
}
a.silent {
	text-decoration: none;
	border: none;
}
a.silent:hover {
	text-decoration: none;
	border: none;
}

    a.ext-link::after {
        content: "";
        width: 0.9em;
        height: 0.9em;
        margin-left: 0.2em;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' stroke='%23E7CFB9' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
    }
    
/* --------------------------------------------------

	Images

* -------------------------------------------------- */

img {
  max-width: 100%;
}

header img {
	border-radius: 8px;
}

img.small-header {
	border-radius: 6px;
}
    
.img-top-right {
  float: right;
  margin-left: 1em;
  padding: 0;
  border: 4px solid #c29a72;
}

img.song-image {
	max-width: 13em;
	height: auto;
	float: right;
	padding: 0;
	border: 4px solid #c29a72;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1.2em;
	margin-left: 1.2em;
}

img.micro-image {
	margin-top: 0.5em;
}

.rounded {
	border-radius: .25rem;
}

.img-fluid {
	max-width: 100%;
	height: auto;
}

.image-credit {
	text-align: center;
	font-size: 0.9rem;
}

/* --------------------------------------------------

	Tables

* -------------------------------------------------- */

table {
  border-collapse: collapse;
  margin-bottom: 1em;
}

caption {
	border: 0;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0.4em;
	margin-bottom: 0.2em;
	text-align: center;
}

th {
	border: 1px #7D653B solid;
	text-align: left;
	padding: 5px;
}

td {
	border: 1px #7D653B solid;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

/* --------------------------------------------------

	Floats

* -------------------------------------------------- */

a.readmore {
	display: inline-block;
	float: left;
	padding: 8px 16px;
	background-color: #ac7a59;
	color: #493734;
	text-align: center;
	text-decoration: none;
	font-family: "triplicate_a", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	border-radius: 8px;
	border: 0;
}

a.readmore:hover {
	background-color: #ac7a59;
	text-decoration: none;
}

.pubdate {
	float: right;
}

.clearboth {
  clear: both;
}
    
/* --------------------------------------------------

	Footer

* -------------------------------------------------- */

footer {
	font-size: 0.7rem;
	text-align: center;
}

/* --------------------------------------------------

	Tags/Topics 
	
 * -------------------------------------------------- */


ul.tags-list { list-style-type: none; }

ul.tags-cloud { 
  border: none;
  list-style: none; 
  padding-left: 0; 
  display: flex; 
  flex-wrap: wrap; 
  align-items: center; 
  justify-content: center; 
  line-height: 1.5; 
  /* font-family: "triplicate_a", "Helvetica Neue", Helvetica, Arial, sans-serif; */
  /* font-family: 'concourse_3', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
  font-family: concourse_4_caps, 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.9rem; 
  font-weight: 400; 
} 

ul.tags-cloud a { 
  display: block; 
  position: relative;
  text-decoration: none; 
  border-bottom: 0;
  border-radius: 0.25rem; 
  background-color: #ca9972; 
  color: #5c3a21;
  padding: 1px 12px 1px 12px; 
  margin: 10px 10px 10px 10px; 
  min-width: 40px; 
  text-align: center; 
} 

ul.tags-cloud a:link { 
  text-decoration: none; 
  border-bottom: 0;
  color: inherit;
  color: #211E1F;
} 

ul.tags-cloud a:visited { 
  text-decoration: none; 
  border-bottom: 0;
  color: inherit;
  color: #211E1F;
} 

a.tag-link { 
  display: inline-block; 
  /* position: relative; */
  text-decoration: none; 
  border-bottom: 0;
  border-radius: 0.25rem; 
  background-color: #ca9972; 
  color: #5c3a21;
  padding: 1px 12px 1px 12px; 
  margin: 10px 20px 10px 0; 
  min-width: 40px; 
  text-align: center; 
  font-family: concourse_4_caps, 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.9rem; 
  font-weight: 400; 
  line-height: 1.5;
} 

a.tag-link:link { 
  text-decoration: none; 
  border-bottom: 0;
  color: inherit;
  color: #211E1F;
} 

a.tag-link:visited { 
  text-decoration: none; 
  border-bottom: 0;
  color: inherit;
  color: #211E1F;
} 

.tag-pill {
  display: inline-block; 
  text-decoration: none; 
  border-bottom: 0;
  border-radius: 0.25rem; 
  background-color: #ca9972; 
  color: #5c3a21;
  padding: 1px 12px 1px 12px; 
  margin: 10px 20px 10px 0; 
  min-width: 40px; 
  text-align: center; 
  font-family: concourse_4_caps, 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400; 
  line-height: 1.5;
}

a.core-tag, a.core-tag:visited {
	display: inline-block; 
    font-family: concourse_4_caps, 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400; 
	text-decoration: none; 
	border-bottom: 0;
	border-radius: 0.2rem; 
    background-color: #ca9972; 
	color: #5c3a21;
	padding: 0.15rem 0.5rem; 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	text-align: center; 
	vertical-align: middle;
	font-size: 0.875rem;
	line-height: 1.3;
}

/* --------------------------------------------------

	Nav Bar

* -------------------------------------------------- */

nav.main-nav li {
	list-style: none;
	display: inline-block;
	padding: 0 15px;
}

@media (max-width: 700px) {
	nav.main-nav ul {
		padding-inline-start: 35px;
		margin-block-start: 0.9em;
		margin-block-end: 0.9em;
	}
	nav.main-nav li {
		padding: 0 10px;
	}
}

@media (max-width: 575px) {
	nav.main-nav ul {
		padding-inline-start: 30px;
		margin-block-start: 0.8em;
		margin-block-end: 0.8em;
	}
	nav.main-nav li {
		padding: 0 5px;
	}
}

@media (max-width: 500px) {
	nav.main-nav ul {
		padding-inline-start: 20px;
		margin-block-start: 0.6em;
		margin-block-end: 0.6em;
	}
	nav.main-nav li {
		padding: 0 3px;
		font-size: 14pt;
	}
}

@media (max-width: 450px) {
	nav.main-nav ul {
		padding-inline-start: 15px;
		margin-block-start: 0.2em;
		margin-block-end: 0.2em;
	}
	nav.main-nav li {
		padding: 0 3px;
		font-size: 14pt;
	}
}

@media (max-width: 275px) {
	nav.main-nav ul {
		padding-inline-start: 5px;
		margin-block-start: 0.1em;
		margin-block-end: 0.1em;
	}
	nav.main-nav li {
		padding: 0 2px;
		font-size: 12pt;
	}
}

nav {
	background-color: #e7cfb9;
	color: #271c1f;
}

nav a {
	background-color: #e7cfb9;
	color: #271c1f;
}
nav a:visited {
	background-color: #e7cfb9;
	color: #271c1f;
} 
nav a:link {
	background-color: #e7cfb9;
	color: #271c1f;
} 

p.nav {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

/* --------------------------------------------------

	Streaming Audio for Songs

* -------------------------------------------------- */

.to-listen {
	display: inline-block;
	text-decoration: none;
	border-bottom: 0;
	border-radius: 0.25rem; 
	background-color: #ca9972; 
	color: #201E1F;
	padding: 1px 12px 1px 12px; 
	margin: 10px 10px 10px 10px;
	min-width: 40px; 
	text-align: center;
	font-family: concourse_4_caps, 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.9rem; 
	font-weight: 500; 
	line-height: 1.5;
	font-family: 'concourse_t4regular', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	cursor: pointer;
}

a.to-listen {
	text-decoration: none;
	border-bottom: 0;
	color: #201E1F;
}

a.to-listen:link {
	text-decoration: none;
	border-bottom: 0;
	color: #201E1F;
}

a.to-listen:hover {
	text-decoration: none;
	border-bottom: 0;
	color: #201E1F;
}

a.to-listen:visited {
	text-decoration: none;
	border-bottom: 0;
	color: #201E1F;
}

/* --------------------------------------------------

	Other

* -------------------------------------------------- */

header {
	font-style: normal;
	font-family: "triplicate_a", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.underline {
	border-bottom: 2px solid;
}

p.line-spacer {
	margin: 0;
	padding: 0;
}

button {
	color: #271c1f;
	background-color: #e7cfb9;
	border-color: #8b6854;
}

.song-title-slug {
	font-size: 1.8em;
	margin-left: 0;
	margin-top: 1em;
	font-family: inherit;
	font-weight: normal;
	margin-bottom: 0.6em;
	/* color: var(--text-color); */
}

.song-title-slug a:link {
	/* color: var(--text-color); */
	text-decoration: none;
	border-bottom: 0;
}

.song-title-slug a:visited {
	/* color: var(--text-color); */
	text-decoration: none;
	border-bottom: 0;
}

.song-info-label {
	font-size: 0.8em;
	font-weight: 400;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0;
}

.song-info-value {
	margin-top: 0;
	margin-bottom: 0.3em;
}

.pub-date {
	color: #e1bcaa;
	text-align: right;
	font-style: italic;
}

/* --------------------------------------------------

	Feed Button

* -------------------------------------------------- */

.feedbutton, a.feedbutton:link, a.feedbutton:visited, a.feedbutton:active, a.feedbutton:hover {
	float: right;
    border: 1px solid;
    border-color: #F96;
    padding: 4px 6px;
    border-radius: 6px;
    font-family: "concourse_3", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #fff;
    background: #F60;
    text-decoration: none;
}

/* --------------------------------------------------

	Colors

* -------------------------------------------------- */

.infrared
{
	color: #FFF;
	font-weight: 500;
	background-color: #EA60B5;
}
.magenta
{
	color: #FFF;
	font-weight: 500;
	background-color: #D5007D;
}
.red
{
	color: #FFF;
	font-weight: 500;
	background-color: #CA0018;
}
.amber
{
	color: #FFF;
	font-weight: 500;
	background-color: #D45507;
}
.orange
{
	color: #FFF;
	font-weight: 500;
	background-color: #FF8E01;
}
.green
{
	color: #FFF;
	font-weight: 500;
	background-color: #019B2D;
}
.teal
{
	color: #FFF;
	font-weight: 500;
	background-color: #00C89A;
}
.turqoise
{
	color: #FFF;
	font-weight: 500;
	background-color: #006BD8;
}
.indigo
{
	color: #FFF;
	font-weight: 500;
	background-color: #013388;
}
.beige
{
	color: #630;
	font-weight: 500;
	background-color: #F5F5DC;
}
.purple
{
	color: #FFF;
	font-weight: 500;
	background-color: #8B00FF;
}
.blue
{
	color: #FFF;
	font-weight: 500;
	background-color: blue;
}
.yellow
{
	color: #000;
	font-weight: 500;
	background-color: yellow;
}
.turquoise
{
	color: #000;
	font-weight: 500;
	background-color: #40E0D0;
}
.coral
{
	color: #000;
	font-weight: 500;
	background-color: #FF7F50;
}

/* --------------------------------------------------

	Fonts

* -------------------------------------------------- */

@font-face {
font-family: concourse_3;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/concourse_3_regular.woff2') format('woff2');
}

@font-face {
font-family: concourse_3;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/concourse_3_italic.woff2') format('woff2');
}

@font-face {
font-family: concourse_3;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/concourse_3_bold.woff2') format('woff2');
}

@font-face {
font-family: concourse_3;
font-style: italic;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/concourse_3_bold_italic.woff2') format('woff2');
}

@font-face {
font-family: concourse_4_caps;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/concourse_4_caps_regular.woff2') format('woff2');
}

@font-face {
font-family: concourse_4_caps;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/concourse_4_caps_bold.woff2') format('woff2');
}

@font-face {
font-family: triplicate_a;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/triplicate_a_regular.woff2') format('woff2');
}

@font-face {
font-family: triplicate_a;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/triplicate_a_italic.woff2') format('woff2');
}

@font-face {
font-family: triplicate_a;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/triplicate_a_bold.woff2') format('woff2');
}

@font-face {
font-family: triplicate_a;
font-style: italic;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/triplicate_a_bold_italic.woff2') format('woff2');
}

@font-face {
font-family: triplicate_b;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/triplicate_b_regular.woff2') format('woff2');
}

@font-face {
font-family: triplicate_b;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/triplicate_b_italic.woff2') format('woff2');
}

@font-face {
font-family: triplicate_b;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/triplicate_b_bold.woff2') format('woff2');
}

@font-face {
font-family: triplicate_b;
font-style: italic;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/triplicate_b_bold_italic.woff2') format('woff2');
}

@font-face {
font-family: heliotrope_4;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/heliotrope_4_regular.woff2') format('woff2');
}

@font-face {
font-family: heliotrope_4;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/heliotrope_4_italic.woff2') format('woff2');
}

@font-face {
font-family: heliotrope_4;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/heliotrope_4_bold.woff2') format('woff2');
}

@font-face {
font-family: heliotrope_4;
font-style: italic;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/heliotrope_4_bold_italic.woff2') format('woff2');
}