@charset "UTF-8";
div.slideshow_container {
	position: relative;
	margin: auto;
}
.slideshow_item {
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	transition-property: opacity;
	transition-duration: 1.5s;
	transition-timing-function: ease-in;
}
.slideshow_item_visible {
	position: absolute;
}
.slideshow_item_hidden {
	position: static;
	opacity: 0;
}
div.social_container {
	display: grid;
	grid-template-columns: auto 2em 2em 2em 2em 2em 2em 2em 2em auto;
	grid-template-rows: auto;
	grid-gap: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--color-lightblue);
}
.social_item {
	width: 32px;
	height: 32px;
}
.social_item img {
	width: 100%;
	height: auto;
	border-style: none;
}
.social_item_tier0 {
	display: grid;
}
.social_item_tier1 {
	display: none;
}
.social_item_tier2 {
	display: none;
}
.social_item_tier3 {
	display: none;
}
@media only screen and (max-width: 490px) {
	div.social_container {
		grid-template-columns: auto 2em 2em 2em 2em auto;
		grid-template-rows: auto auto;
	}
	.social_item_tier0 {
		display: grid;
	}
	.social_item_tier1 {
		display: grid;
	}
	.social_item_tier2 {
		display: none;
	}
	.social_item_tier3 {
		display: none;
	}
}
@media only screen and (max-width: 290px) {
	div.social_container {
		grid-template-columns: auto 2em 2em auto;
		grid-template-rows: auto auto auto auto;
	}
	.social_item_tier0 {
		display: grid;
	}
	.social_item_tier1 {
		display: grid;
	}
	.social_item_tier2 {
		display: grid;
	}
	.social_item_tier3 {
		display: none;
	}
}
@media only screen and (max-width: 180px) {
	div.social_container {
		grid-template-columns: auto 2em auto;
		grid-template-rows: auto auto auto auto auto auto auto auto;
	}
	.social_item_tier0 {
		display: grid;
	}
	.social_item_tier1 {
		display: grid;
	}
	.social_item_tier2 {
		display: grid;
	}
	.social_item_tier3 {
		display: grid;
	}
}
.section_post {
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	border-style: solid;
	border-color: var(--color-gray);
	border-width: 5px;
	border-radius: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
@media only screen and (max-width: 380px) {
	.section_post {
		margin-top: 10px;
		margin-bottom: 0px;
		margin-left: 5px;
		margin-right: 5px;
		border-top-width: 5px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-radius: 0px;
		padding-left: 5px;
		padding-right: 5px;
	}
}
.section_post img {
	width: 100%;
	height: auto;
	border-style: solid;
	border-width: thin;
	border-color: var(--color-black);
}
.section_post_withbackground {
	background-color: var(--color-gray);
}
@media only screen and (max-width: 380px) {
	.section_post_withbackground {
		background-color: transparent;
	}
}
div.grid_container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
}
@media only screen and (max-width: 600px) {
	div.grid_container {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
	}
}
@media only screen and (max-width: 380px) {
	div.grid_container {
		grid-template-columns: 1fr;
	}
}
.grid_item {
	letter-spacing: .03em;
}
.grid_item a:link {
	color: var(--color-darksepia);
}
.grid_item a:visited {
	color: var(--color-darksepia);
}
.grid_item a:hover {
	color: var(--color-mediumsepia);
}
.grid_item a:active {
	color: var(--color-mediumsepia);
}
.grid_item img {
	width: 100%;
	height: auto;
	border-style: solid;
	border-width: thin;
	border-color: var(--color-gray);
}
.grid_item .title {
	margin-left: 5px;
}
