html{
	display: flex;
	justify-content: center;
	background-color:#F7E7F3;
}
	
body {
	margin-top: 25px;
	margin-bottom: 25px;
	
	padding: 10px;
	
	max-width:1000px;
	
	background-color:#FFFFFF;
    /* box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); */
	
	font-size: 20px;
	font-family: cardea, serif;
	font-style: normal;
	font-weight: 400;
	line-height:1.6;
}

/*Responsive Menu overrides */
/* Default: underline all menu links */
.rmp-menu-item-link {
  text-decoration: underline !important;
}

/* Remove underline on hover and active */
.rmp-menu-item-link:hover,
.rmp-menu-item-link:active {
  text-decoration: none !important;
}


#rmp-menu-title-4247 a,
#rmp-menu-title-4247 a:visited,
#rmp-menu-title-4247 a:hover,
#rmp-menu-title-4247 a:active {
  color: #ffffff;
}

/* Make each menu link a full-width, block-level hit target */
.rmp-menu .rmp-menu-item-link {
  display: block;
  position: relative;   /* allows z-index below */
  z-index: 2;           /* stay above toggles/overlays */
  padding: 12px 16px;   /* ensure comfortable tap target */
  line-height: 1.4;
}


/* Used for styling the front page "preview" image and link... */
.image_off, #home:hover .image_on{
	display:none;
	margin-left: auto;
	margin-right: auto;
}
.image_on, #home:hover .image_off{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* MailChimp overrides */
#mc_embed_signup form {
	text-align: center;
}

.mce-EMAIL textarea, input {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 1px 1px 3px #EEEEEE inset;
    color: #000000;
    font-size: 1rem;
    padding: .5rem;
 
}



.navigation { 
}

/* Used for styling the SharedCounts plugin area... */
.shared-counts-wrap { 

    display:flex;
	width:100%;
	justify-content:center;
}

.submit {
  background-color: #9d2424; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  opacity: .7;
}
.submit:hover {opacity: 1}


/* from https://wpcrumbs.com/how-to-add-a-separator-between-menu-items-in-a-wp-nav-menu-the-easy-way/ */
.menu-main-navigation-menu-container ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu-main-navigation-menu-container ul li	{
	display: inline-block;
	padding: 0 0px 0 0;
}

.menu-main-navigation-menu-container ul li:before {
	content: "\2b2b";
	display: inline-block;
	margin-right: 4px;
}

.menu-main-navigation-menu-container ul li:first-child:before,
.menu-main-navigation-menu-container .children li:before {
	content: "";
	display: none;
}

.menu-additional-items-container ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.menu-additional-items ul li	{
	display: inline-block;
	padding: 0 0px 0 0;
}
.menu-additional-items ul li:before {
	content: "\007c";
	display: inline-block;
	margin-right: 4px;
}
.menu-additional-items ul li:first-child:before,
.menu-additional-items .children li:before {
	content: "";
	display: none;
}


a { padding: 0px; }

@media only screen and (max-width: 866px) {
    .front-title {
        display: none;
    }
}
@media only screen and (max-width: 866px) {
    .front-secondary {
        display: none;
       
    }
}
@media only screen and (min-width: 866px) {
    .front-mobile {
        display: none;
    }
}

.front-title { 
	max-width: 866px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: calder-dark-shadow, sans-serif;
	/*font-family: komu-a, sans-serif;*/
	font-style: normal;
	font-weight: 400;
	font-size:60px;
	letter-spacing:10px;
	line-height:70px;
}

.front-secondary {
	max-width: 516px;
	margin-left: auto;
	margin-right: auto;


	text-align: center;
	
	font-style: italic;
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.3em;
	

}
.front-mobile {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
		font-style: italic;
	font-size: 0.9em;
}

.post-entry {
	width:95%;
	max-width: 716px;
	margin: 0 auto;
	background-color: #FFFFFF;

}

img {
	object-fit: contain;
	max-width: 100%;
	border: none;
	height: auto;

}


/*
img {
    object-fit: scale-down; 
	max-width: 100%;
	max-height: auto;
	width: auto;
	height: auto;
	border: none;
 
}
*/


/* Default post image */
img.wp-post-image {
}

/* This items target the CSS of the Jetpack sharing links */
/* The inline-block creates trailing spacing prevents perfect centering, but "living with it" */
.sharedaddy .sd-content {
	width: 100%; 
	margin: 0 auto;
	text-align: center; 
}

div.sharedaddy .sd-content ul {
    display: inline-block; 
	margin: 0 auto;
	padding: 0;
}
.sd-content ul li{
}
li.share-email, li.share-twitter, li.share-facebook {
}


a:link, a:visited {
    color: #9d2424; 
	text-decoration: underline; 
	border: 0; 
	outline: none; 
}

a:hover, a:active {
    color: #FFFFFF; 
	background-color: #9d2424; 
	text-decoration: none; 
	border: 0; 
	outline: none; 
}

hr { 
	border: none;
	height: 1px;
	background-color: #c9c5c5;
	/* background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); */
}

/* Where is this used??? Isolate... */
.main-title {
	font-family: calder-dark-grit-shadow, sans-serif;
	/*font-family: komu-a, sans-serif; */
	font-style: normal;
	font-weight: 400;
	font-size:100px;
}

h1, h2, h3, h4 {
	font-family: cardea, serif;
	font-style: italic;
	text-align: center;
	
	/* Allows for flexibile layout on mobile for extremely long words if auto-hyphenation fails. 
	Reference "Book of Misunderstandings" (long word) post with these settings on and off for an example. 
	This CSS should be reviewed alongside Typography plugin for best CSS practices in say 2030... */
	/* display: flex; */
	align-items: center; 
	justify-content: center; 
}

h2 {
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.1;
}

h3 {
	font-weight: 400;
	font-size: 1.2em;
	margin-top: 1.5em;
}

h4 {
	font-weight: 400;
	font-size: 0.9em;
}

.thin {
  width: 80%;
  margin: auto;
}

.post-meta {
  text-align: center;
  font-size: .9em;
}

.navigation{
	font-size:.9em;
	line-height: 1.3;
}


/* J.A. Custom Breadcrumbs Styles */
.breadcrumbs { 
    list-style:none;
    margin:0 0 0 0;
    overflow:hidden;
	padding: 0 0 0 0;
}
  
.breadcrumbs li {
    display:inline-block;
    vertical-align:middle;
}  
  
.breadcrumbs .separator {
    color:#000000;
}

.breadcrumbs strong {  
	/* the reference function (in functions.php) included 'strong' styling for the
	last item, which was modified here via CSS for J.A. aesthetics. Leaving in case
	ever useful as site evolves, would make styling easy. */
	font-weight: normal;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img {border: non0e; text-decoration: none; outline:none}  



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

/*	3. Helper Classes
/* -------------------------------------------------------------------------- */


/* Layout ------------------------------------ */

.no-margin {
	margin: 0;
}

.no-padding {
	padding: 0;
}

.screen-height {
	min-height: 100vh;
}

.admin-bar .screen-height {
	min-height: calc(100vh - 32px);
}

@media (max-width: 782px) {

	.admin-bar .screen-height {
		min-height: calc(100vh - 46px);
	}
}

.screen-width {
	position: relative;
	left: calc(50% - 50vw);
	width: 100vw;
}



/* Sections ---------------------------------- */

section {
	padding: 5rem 0;
	width: 100%;
}

.section-inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 120rem;
	width: calc(100% - 4rem);
}

.section-inner.max-percentage {
	width: 100%;
}

.section-inner.thin {
	max-width: 58rem;
}

.section-inner.small {
	max-width: 80rem;
}

.section-inner.medium {
	max-width: 100rem;
}

.section-inner.no-margin {
	margin: 0;
}


/* Toggles ----------------------------------- */

.toggle {
	-moz-appearance: none;
	-webkit-appearance: none;
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	text-align: inherit;
	user-select: none;
}

button.toggle {
	background: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
	font-size: inherit;
	font-weight: 400;
	letter-spacing: inherit;
	padding: 0;
	text-transform: none;
}

/* Hiding and Showing ------------------------ */

.js .show-js {
	display: block !important;
}

.js .hide-js {
	display: none !important;
}

.no-js .show-no-js {
	display: block !important;
}

.no-js .hide-no-js {
	display: none !important;
}


/* Typography -------------------------------- */

.font-size-xl {
	font-size: 1.25em;
}

.font-size-xs {
	font-size: 0.9em;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* Colors ------------------------------------ */

/* COLOR */

.color-accent,
.color-accent-hover:focus,
.color-accent-hover:hover {
	color: #cd2653;
}

/* BACKGROUND COLOR */

.bg-accent,
.bg-accent-hover:focus,
.bg-accent-hover:hover {
	background-color: #cd2653;
}

/* BORDER COLOR */

.border-color-accent,
.border-color-accent-hover:focus,
.border-color-accent-hover:hover {
	border-color: #cd2653;
}

/* FILL COLOR */

.fill-children-accent,
.fill-children-accent * {
	fill: #cd2653;
}

.fill-children-current-color,
.fill-children-current-color * {
	fill: currentColor;
}


/* Opacity ----------------------------------- */

.opacity-0 {
	opacity: 0;
}

.opacity-5 {
	opacity: 0.05;
}

.opacity-10 {
	opacity: 0.1;
}

.opacity-15 {
	opacity: 0.15;
}

.opacity-20 {
	opacity: 0.2;
}

.opacity-25 {
	opacity: 0.25;
}

.opacity-30 {
	opacity: 0.3;
}

.opacity-35 {
	opacity: 0.35;
}

.opacity-40 {
	opacity: 0.4;
}

.opacity-45 {
	opacity: 0.45;
}

.opacity-50 {
	opacity: 0.5;
}

.opacity-55 {
	opacity: 0.55;
}

.opacity-60 {
	opacity: 0.6;
}

.opacity-65 {
	opacity: 0.65;
}

.opacity-70 {
	opacity: 0.7;
}

.opacity-75 {
	opacity: 0.75;
}

.opacity-80 {
	opacity: 0.8;
}

.opacity-85 {
	opacity: 0.85;
}

.opacity-90 {
	opacity: 0.9;
}

.blend-mode-exclusion {
	mix-blend-mode: exclusion;
}

.blend-mode-hue {
	mix-blend-mode: hue;
}

.blend-mode-saturation {
	mix-blend-mode: saturation;
}

.blend-mode-color {
	mix-blend-mode: color;
}

.blend-mode-luminosity {
	mix-blend-mode: luminosity;
}


/* Image Classes ----------------------------- */

.bg-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-attachment-fixed {
	background-attachment: fixed;
}

@supports ( -webkit-overflow-scrolling: touch ) {

	.bg-attachment-fixed {
		background-attachment: scroll;
	}
}

@media ( prefers-reduced-motion: reduce ) {

	.bg-attachment-fixed {
		background-attachment: scroll;
	}
}

.wp-block-image.is-resized {
	margin-left: auto;
	margin-right: auto;
}

/* Search Form ------------------------------- */

.search-form {
	align-items: stretch;
	display: flex;
	flex-wrap: nowrap;
	margin: 0 0 -0.8rem -0.8rem;
}

.search-form .search-field,
.search-form .search-submit {
	margin: 0 0 0.8rem 0.8rem;
}

.search-form label {
	align-items: stretch;
	display: flex;
	font-size: inherit;
	margin: 0;
	width: 100%;
}

.search-form .search-field {
	width: 100%;
}

.search-form .search-submit {
	flex-shrink: 0;
}

.search-form .search-submit:focus,
.search-form .search-submit:hover {
	text-decoration: none;
}


/* Social Icons ------------------------------ */

ul.social-icons {
	display: flex;
	flex-wrap: wrap;
	margin: -0.9rem 0 0 -0.9rem;
	width: calc(100% + 0.9rem);
}

ul.social-icons li {
	margin: 0.9rem 0 0 0.9rem;
}

.social-icons a {
	align-items: center;
	background: #cd2653;
	border-radius: 50%;
	color: #fff;
	display: flex;
	height: 4.4rem;
	justify-content: center;
	padding: 0;
	text-decoration: none;
	transition: transform 0.15s ease-in-out;
	width: 4.4rem;
}

.social-icons a:focus,
.social-icons a:hover {
	transform: scale(1.1);
	text-decoration: none;
}


/* Cover Modals ------------------------------ */

.cover-modal {
	display: none;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}

.cover-modal::-webkit-scrollbar {
	display: none !important;
}

.cover-modal.show-modal {
	display: block;
	cursor: pointer;
}

.cover-modal.show-modal > * {
	cursor: default;
}




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

/*	12. Comments
/* -------------------------------------------------------------------------- */

/* JA comment form */
/* https://wpsites.net/genesis-tutorials/customize-comment-field-text-area-label/ */
.comment-form textarea, input {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 1px 1px 3px #EEEEEE inset;
    color: #000000;
    font-size: 1rem;
    padding: .5rem;
 
}
.comment-form textarea{
    width:100%;
}

.comment-form-author, .comment-form-email, .form-submit {
	display: none;
}




/* Comment Headers ----------------------------- */

.comments-wrapper {
	margin-top: 5rem;
}

.comment-reply-title {
	margin: 0 0 4rem 0;
	text-align: center;
}


/* Comment Item ----------------------------- */

/* COMMENT HEADER */

.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
/*	padding-top: 3.5rem; */
}

div.comment:first-of-type {
/*	margin-top: 3.5rem; */
}

.comments .comments-header + div {
	margin-top: 0;
	padding-top: 0;
}

.comment-body {
	position: relative;
}

.comment .comment {
	padding-left: 5%;
}

.comment-meta {

	text-align: right;
}

.hide-avatars .comment-meta {
	min-height: 0;
	padding-left: 0;
}

.comment-meta a {
	color: inherit;
}

.comment-author {
	
}

.comment-author a {
	text-decoration: underline;
}

.comment-author a:hover,
.comment-author a:focus {
	text-decoration: none;
}

.comment-meta .avatar {
	height: 4rem;
	position: absolute;
	left: 0;
	top: 0;
	width: 4rem;
}

.comment-author .url {
	text-decoration: underline;
}

.comment-metadata {
	color: #6d6d6d;
	font-size: 1.4rem;
	font-weight: 500;
	margin-top: 0.6rem;
}

.comment-metadata a {
	text-decoration: none;
}

.comment-metadata a:focus,
.comment-metadata a:hover {
	text-decoration: underline;
}


/* from https://www.wpbeginner.com/wp-themes/how-to-style-your-wordpress-comments-layout/ */
.comment.even  { 
	background-color:#FFFFFF; 
	padding: 20px;
	border: 1px dashed #b0aeb0;
  	list-style-position: inside;
  	margin-bottom: 10px;
} 
.comment.odd  {
	background-color:#FFFFFF;
	padding: 20px;
	border: 1px dashed #f5c6f8;
  	list-style-position: inside;
  	margin-bottom: 10px;
}


/* COMMENT CONTENT */

.comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	width: 100%;
}

.comment-content.entry-content .alignleft {

	/*rtl:ignore*/
	margin-left: 0;
}

.comment-content.entry-content .alignright {

	/*rtl:ignore*/
	margin-right: 0;
}

/* COMMENT FOOTER */

.comment-footer-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.2rem;
	font-weight: 600;
	justify-content: flex-start;
	letter-spacing: 0.030833333em;
	line-height: 1;
	margin: 1.5rem 0 -1rem -1.5rem;
	text-transform: uppercase;
}

.comment-footer-meta > * {
	margin: 0 0 1rem 1.5rem;
}

.comment-reply-link {
	background-color: #cd2653;
	color: #fff;
	display: block;
	padding: 0.7rem;
}

.bypostauthor .comment-footer-meta .by-post-author {
	display: block;
}

.comment-footer-meta a {
	text-decoration: none;
}

.comment-footer-meta a:focus,
.comment-footer-meta a:hover {
	text-decoration: underline;
}


/* Pingbacks & Trackbacks ------------------------- */

.pingback .comment-meta,
.trackback .comment-meta {
	padding-left: 0;
}



/* Comment Respond ---------------------------- */

.comment-respond::after {
	clear: both;
	content: "";
	display: block;
}

.comment-respond .comment-notes,
.comment-respond .logged-in-as {
	color: #6d6d6d;
	font-size: 1.6rem;
	line-height: 1.4;
	margin: -3rem 0 4rem 0;
	text-align: center;
}

.comment-respond .comment-notes a,
.comment-respond .logged-in-as a {
	color: inherit;
	text-decoration: none;
}

.comment-respond .comment-notes a:focus,
.comment-respond .comment-notes a:hover,
.comment-respond .logged-in-as a:focus,
.comment-respond .logged-in-as a:hover {
	text-decoration: underline;
}

.comment-respond p {
	line-height: 1.1;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
}

.comment-respond p:not(.comment-notes) {
	max-width: 58rem;
}

.comment-form-cookies-consent {
	align-items: baseline;
	display: flex;
}

.comment-respond > p:last-of-type {
	margin-bottom: 0;
}

.comment-respond label {
	display: block;
}

.comment-respond input[type="checkbox"] + label {
	font-size: 1.5rem;
	line-height: 1.25;
}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea {
	margin-bottom: 0;
}

/* Modified */
.comment-respond textarea {
	height: 5rem;
	width: 100%;
	resize:none;
}

.comment-respond #submit {
	display: block;
}

.comment-respond .comments-closed {
	text-align: center;
}


/* Reply Respond ---------------------------- */

.comments .comment-respond {
	padding: 1rem 0 0;
}

.comments .comment-respond .comment-reply-title,
.comments .comment-respond .comment-notes,
.comments .comment-respond .logged-in-as {
	text-align: left;
}

.comment-reply-title small {
	display: block;
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: -0.0277em;
	margin: 0.5rem 0 0 0;
	white-space: nowrap;
}

.comment-reply-title small a {
	text-decoration: none;
}

.comment-reply-title small a:focus,
.comment-reply-title small a:hover {
	text-decoration: underline;
}