@charset "UTF-8";
/* CSS Document */

:root {
	--corner1: 20px;
}

h1, p.bigp {
	color: #59A193;
}

h1 {
	font-size: 1.75em;
/*	font-size: 2.5em;*/
} 

p {
	line-height: 1.4;
	margin-bottom: 1.4em;
}

p.bigp {
	font-size: 2.5em !important;
	font-weight: bold;
	line-height: 1;
/*	text-align: center;*/
}

p.introtext {
	font-size: 1.5em !important;
}

h1.leadin {
	font-size: 1.2em;
	margin-bottom: 5px;
}

.caption {
	text-align: center;
	margin-top: 5px;
}

.references {
	font-size: 0.8em;
}

.references li {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

figure:has(blockquote) {
	padding: 30px !important;
}

blockquote {
	background-color: #FFF;
	padding: 30px;
	border-radius: 10px;
	color: #59A193 !important;
}

blockquote cite {
	font-size: 0.8em;
	line-height: 1.3;
	color: #254B5F !important;
}

.article {
	padding: 3vw;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article p,
.article li {
	text-align: left;
}

.article img {
	border: solid 1px #EEE;
	border-radius: 2px;
	padding: 10px;
	margin-bottom: 20px;
	webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.13);
	box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.13);	
	background-color: #FFF;	
}

.article .noframe img {
	padding: 0;
	border: none;
	box-shadow: none;
	background-color: transparent;
}

a.button_link,
.button_link a,
a.btn-primary 
{
    background-color: #58A291;
    border-radius: 800px;
    color: #FFF;
    padding: 15px 30px;
    text-decoration: none;    
    width: fit-content;
    margin-top: 12px;
    border: none;
    font-size: 1em;
}

.button_link a,
a.btn-primary 
{
    display: block;
    margin: 5px auto;
    width: 100%;
}

a.button_link:hover,
.button_link a:hover,
a.btn-primary:hover {
    color: #FFF !important;
    background-color: #244C5A !important;
}

/* ======= 2025 Blog Post Page ======== */

.post_nav {
	background-color: #D5D6D6;
	border-radius: 1000px;
	padding: 12px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	position: relative;
}

.post_nav a {
	position: relative;
	color: #254B5F;
}

.post_nav a:before {
	content: "-";
	display: block;
	width: 40px;
	/*background-color: hotpink;*/
	background-image: url(../images/down_arrow.webp);
	background-repeat: no-repeat;
	background-position: center 40%;
	background-size: 45% auto;	
	position: absolute;
	text-indent: -10000px;
}

.post_nav a.link_prev:before {
	rotate: 90deg;
	margin-left: -35px;
}

.post_nav a.link_next:before {
	right: 0;
	rotate: 270deg;
	margin-right: -15px;
}

.post_nav a.link_prev {
	padding-left: 20px;
}

.post_nav a.link_next {
	padding-right: 20px;
}

.post_nav.dtop {
	display: none;
}

figure.alignright {
	max-width: 100%;
	width: 100%;
	float: none;
	text-align: center;
}

figcaption {
	display: none !important;
}

/* ======= Single Post Listing Page ======== */

.post_matrix .row {
	justify-content: center;
}

.post_matrix .row > div {
	margin-bottom: 22px;
	max-width: 420px;
}

.post_matrix .inner {
	background-color: #FFF;
	border-radius: 15px;	
	height: 100%;
	display: flex;
/*	justify-content: space-between;*/
	flex-direction: column;
}

.post_matrix .inner .content {
	padding: 0px 20px 20px;
	justify-content: space-between;
	flex-direction: column;
	display: flex;
	height: 100%;
	margin-top: 12px;
}

.post_matrix .inner img {
	border-radius: 15px 15px 0 0;
}

.post_matrix.post .date {
/*	display: none;*/
}

.post_matrix.news .date {
	font-size: 0.7em !important;
	text-align: center;
}

.post_matrix .inner h2,
.post_matrix .inner .row {
/*	padding: 0 20px;*/
}

.post_matrix .inner h2 {
	font-size: 1.4em;
	margin-top: 5px;
}

.post_matrix .inner .postmeta {
	font-size: 0.8em;
}

.post_matrix .read_button {
	display: block;
	background-color: #59A193;
	text-align: center;
	padding: 8px;
	color: #FFF !important;
	text-decoration: none;
	border-radius: 8px;
	margin-top: 10px;
	cursor: pointer;
}

.post_matrix .inner a img {
	cursor: pointer;
}

.post_matrix .read_button:hover {
	background-color: #254B5F;
}


/* ========== Blog MainList  ============ */

.mainlist.blog {
	padding: 40px 40px 0 30px;
}

.mainlist .texture_block {
	height: 40px;
	background-image: url(../images/texture_swatches.webp);
	border-radius: 15px 15px 0 0;
	background-size: 150% auto;
}

.mainlist .row > div:nth-child(2) .texture_block {
	background-position: center 14.5%;	
}

.mainlist .row > div:nth-child(3) .texture_block {
	background-position: center 29%;	
}

.mainlist .row > div:nth-child(4) .texture_block {
	background-position: center 43.5%;	
}

.mainlist .row > div:nth-child(5) .texture_block {
	background-position: center 58%;	
}

.mainlist .row > div:nth-child(6) .texture_block {
	background-position: center 72.5%;	
}

.mainlist .row > div:nth-child(7) .texture_block {
	background-position: center 86%;	
}

.mainlist .row > div:nth-child(8) .texture_block {
	background-position: center 99%;	
}

.mainlist.blog a:has(h2) {
	text-decoration: none !important;
}

.mainlist.blog a:hover h2 {
	color: #000;
}

.mainlist.blog p {
	font-size: 0.8em;
}

.mainlist.blog .topics {
	border-top: solid 1px #ccc;
	padding-top: 16px;
	margin-bottom: 0;
}

/* ========== Blog Sidebar ============ */

.sidebar {
	padding: 0;
	border: solid 1px #ccc;
	background-color: #FFF;
}

.sidebar section {
	border-bottom: solid 1px #ccc;
	padding: 5vw;
}

.sidebar section:last-child {
	border-bottom: none;
}

.sidebar section h2 {
	margin-top: 0;
	text-align: left;
}

.sidebar ul {
	margin-bottom: 0;
}

.sidebar li {
	margin: 0;
	padding: 6px 0 6px 1.25em;
	background-position: left 11px;
}

.sidebar .btn {
	width: fit-content;
	padding: 10px 20px;
	color: #FFF;
	margin: 12px 0px 0px;
	line-height: 1;
}

.sidebar .selectric,
.sidebar .selectric-open .selectric {	
	background-color: #58A291;
}

.sidebar .selectric {
	width: fit-content;    
    border-radius: 800px;   
    padding: 10px 20px;
    text-decoration: none;    
    width: fit-content;
/*    margin-top: 12px;*/
    border: none;
    font-size: 1em;
}

.sidebar .selectric-open .selectric {	
	border-radius: var(--corner1) var(--corner1) 0 0;
}

.sidebar .selectric-open.selectric-above .selectric {	
	border-radius: 0 0 var(--corner1) var(--corner1);
}

.sidebar .selectric .label {
	color: #FFF;
	font-size: 1em !important;
	font-weight: normal;
	padding: 0;
	line-height: 1;
}

.sidebar .selectric .button {	
	background-image: url(../images/down_arrow.webp);
	background-repeat: no-repeat;
	background-position: center 40%;
	background-size: 25% auto;
/*	background-color: hotpink;*/
}

.sidebar .selectric .button:after {
	border-top: none;
}

.sidebar .selectric-scroll ul li {
	background-image: none;
}

.sidebar .selectric-scroll ul li:first-child {
	display: none;
}
 
.sidebar a {
	color: #254B5F;
}

.sidebar span:not(.more_cats) {
	font-size: 0.8em;
}

.latest_posts li {
	background-image: none;
	padding: 0;
	margin-bottom: 15px;
}

.latest_posts li a {
	color: #f96a33;
}

.latest_posts li span {
	padding-top: 4px;
	font-size: 0.8em;
}

.share_buttons {
/*	text-align: center;*/
}

.share_buttons img {
   width: 30px;
   margin-top: 5px;
   margin-right: 5px;
   height: auto;
}

/* ===== Letters ===== */

.single_letter {
	background-color: #FFF !important;
}

.single_letter .row:has(.article) {
	justify-content: center;
}

.single_letter .letter_logo {
	background-color: transparent;
	box-shadow: none;
}

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

.single_letter .letter_logo img {
	border: none;
	background-color: transparent;
	box-shadow: none;
	max-width: 400px;
	height: auto;
	margin: 0 auto 45px;
}

@media(min-width: 576px) {
	h1 {
		font-size: 2.5em;
	}

	.post_nav {
		display: none;
	}

	.post_nav.dtop {
		display: flex;
	}

	figure.alignright {
		width: fit-content;
  		float: inherit;
  		max-width: 250px;
  		height: auto;
	}
}

@media(min-width: 768px) {

	.post_matrix .row {
		justify-content: flex-start;
	}	

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

	.post_matrix .row > div {
		margin-bottom: 22px;
		max-width: 100%;
	}

	.sidebar {
		background-color: transparent;
		border: none;
		border-left: solid 1px #ccc;
	}	

	.sidebar section {
		padding: 3vw;
	}	

	/* === SPECIAL CASES === */

	.post3035 h1 {
		padding: 0 40px;
	}

}

@media(min-width: 1200px) {
	.sidebar section {
		padding: 40px;
	}
}

main {
    visibility: visible !important;
    opacity: 1 !important;
}