:root {
	--home-top-container-width: 1200px;
	--header-height: 3rem;
	--header-container-padding-vertical: 2px;
	--main-top-banner-height: 0rem;
	--main-left-ratio: 0.25;
	--main-center-ratio: 0.5;
	--main-center-padding-x: 8px;
	--main-center-padding-y: 14px;
	--main-center-container-margin-y: 10px;
	--post-comment-rx-trans-dur: 0.25s;
	--more-trans-dur: 0.1875s;
}
h3 {
	font-family: 'Rufina', serif;
}
p {
	font-family: 'Lora', serif;
	-webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;     
    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 6 3 3;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;     
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 6 3 3;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;     
	hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%;
	}
	label {
		font-family: 'Lora', serif;
	}
	input {
		font-family: 'Lora', serif;
	}
	input[type="text"], input[type="submit"]{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	input::placeholder {
		color: #777;
	}
	input:focus {
		outline: none;
	}
	input:focus::placeholder {
		color: #444;
	}
.home-top-container {
	width: var(--home-top-container-width);
}
header {
	background-color: #8489ab;/*rgba(135,100,80,1);*/
	position: fixed;
	left: calc((100% - var(--home-top-container-width))/2);
	width: var(--home-top-container-width);
	height: var(--header-height);
	z-index: 5;
	border-radius: 0 0 8px 8px;
	border: 1px solid #666;
	border-top: none;
	box-shadow: 0 5px 8px 2px rgba(0, 0, 0, 0.375);
}
#header-logo {
	height: 100%;
}
#search-bar-container {
	padding: 5px;
	float: left;
	display: inline-block;
	height: 100%;
}
#site-search-form {
	margin: 0;
	border: 0;
	height: 100%;
}
#site-search-fieldset {
	padding: 3px;
	border: 0;
	display: inline-block;
	height: 100%;
}
#site-search-fieldset input {
	height: 100%;
	width: 300px;
	border-radius: 0.333em;
	padding: .5em;
	margin: 0;
	border: 0;
}
#search-button {
	float: right;
	border-radius: 0.333em;
}
#search-button:hover {
}
#home-link-container {
	padding: 5px;
	height: 100%;
	display: inline-block;
	float: left;
}
#home-link-header {
	display: inline-block;
	height: 100%;
}
.header-button {
	display: inline-block;
	position: relative;
	cursor: pointer;
	height: 100%;
}
.header-button:hover {
	background-color: rgba(0,0,0,0.25);
}
.header-button:hover .header-tooltip {
	visibility: visible;
	opacity: 1;
	margin-top: 0.375em;
	transition-delay: 0.75s;
}
.header-button:hover .header-alert-tally {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease,
				visibility 0s 0.25s;
}
.menu-tooltip {
	visibility: hidden;
	opacity: 0;
	color: #eee;
	position: absolute;
	background-color: #555;
	font-size: 90%;
	left: 50%;
	border-radius: 0.333em;
	transform: translateX(-50%);
	padding: 5px 6px;
	white-space: nowrap;
	transition: opacity 0.25s ease,
				margin-top 0.25s ease;
				margin-bottom: 0.25s ease;
	transition-delay: 0s;
}
.header-tooltip {
	margin-top: 10px;
	top: 115%;
}
.header-tooltip::before {
	content: "";
	position: absolute;
	top: -9px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #555 transparent;
}
.header-alert-tally {
	color: white;
	background-color: #f54;
	border-radius: 0.75em;
	padding: 0 0.375em;
	position: absolute;
	min-width: 1.25em;
	text-align: center;
	right: 0;
	bottom: 0;
	font-size: 75%;
	transform: translate(50%, 50%);
	transition: opacity 0.25s ease,
				visibility 0s;
}
.foot-tooltip {
	bottom: calc(2em + 5px);
}
.foot-tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}
.post-rx-container:hover .foot-tooltip,
.post-comment-rx-tally-icon:hover .foot-tooltip {
	visibility: visible;
	opacity: 1;
	margin-bottom: 0px;
	transition-delay: 0.75s;
}
.comment-rx-tooltip {
}
.glow-shadow {
	flood-color: var(--affirm-glow);
}
.glow-shadow-inner {
	flood-color: var(--affirm-glow-inner);
}
.glow-shadow-seen {
	flood-color:  var(--seen-glow);
}
.glow-shadow-seen-inner {
	flood-color: var(--seen-glow-inner);
}
.comment-rx-icon-container {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	padding-left: 0;
	transition: all var(--post-comment-rx-trans-dur) ease;
	white-space: nowrap;
}
.comment-rx-icon-container:hover {
}
.comment-rx-container:hover .comment-rx-icon-container {
	width: 76px;
	padding-left: 8px;
}
.comment-rx-container:hover .post-comment-rx-tally-icon.svg-container,
.post-comment-rx-tally-icon.svg-container.rx-selected {
	width: 30px;
	height: 30px;
	padding: 2px;
	margin: 0px 2px;
}
.post-comment-rx-tally-icon.svg-container,
.post-comment-rx-tally-icon.svg-container.post-rx-hidden {
	opacity: 1;
	border-radius: 50%;
	background-color: #e1ded5;
	margin: 0px 2px;
	overflow: visible;
	width: 0px;
	height: 0;
	padding: 2px 0;
	transition: all var(--post-comment-rx-trans-dur) ease;
}
.post-comment-rx-tally-icon.svg-container:first-child {
	margin-left: 10px;
}
.post-comment-rx-tally-icon.svg-container svg {
	width: 0;
	transition: width var(--post-comment-rx-trans-dur) ease;
}
.comment-rx-container:hover .post-comment-rx-tally-icon.svg-container svg,
.post-comment-rx-tally-icon.svg-container.rx-selected svg {
	width: 100%;
}
.post-comment-rx-tally-icon {
	position: relative;
}
.post-comment-rx-tally-icon:hover {
	cursor: pointer;
}
.post-rx-container.affirm-icon-container:hover .stroke-outer, 
.rx-selected.affirm-icon-container .stroke-outer, 
.post-comment-rx-tally-icon.affirm-icon-container:hover .stroke-outer, 
.post-comment-rx-tally-icon.affirm-icon-container.rx-selected .stroke-outer {
	stroke: var(--affirm-stroke-outer);
	filter: url(#glow);
}
.post-rx-container.affirm-icon-container:hover .stroke-inner, 
.rx-selected.affirm-icon-container .stroke-inner, 
.post-comment-rx-tally-icon.affirm-icon-container:hover .stroke-inner, 
.post-comment-rx-tally-icon.affirm-icon-container.rx-selected .stroke-inner  {
	stroke: var(--affirm-stroke-inner);
	filter: url(#glow-inner);
}
.post-rx-container.seen-icon-container:hover .stroke-outer, 
.rx-selected.seen-icon-container .stroke-outer, 
.post-comment-rx-tally-icon.seen-icon-container:hover .stroke-outer,
.post-comment-rx-tally-icon.seen-icon-container.rx-selected .stroke-outer {
	stroke: var(--seen-stroke-outer);
	filter: url(#glow-seen);
}
.post-rx-container.seen-icon-container:hover .stroke-inner, 
.rx-selected.seen-icon-container .stroke-inner, 
.post-comment-rx-tally-icon.seen-icon-container:hover .stroke-inner,
.post-comment-rx-tally-icon.seen-icon-container.rx-selected .stroke-inner {
	stroke: var(--seen-stroke-inner);
	filter: url(#glow-seen-inner);
}
.post-rx-container.seen-icon-container:hover .seen-pupil-outer, 
.post-comment-rx-tally-icon.seen-icon-container .seen-pupil-outer,
.post-comment-rx-tally-icon.seen-icon-container:hover .seen-pupil-outer,
.post-comment-rx-tally-icon.seen-icon-container.rx-selected .seen-pupil-outer {
	filter: none;
}
.post-rx-container.seen-icon-container:hover .seen-pupil-inner, 
.post-comment-rx-tally-icon.seen-icon-container .seen-pupil-inner,
.post-comment-rx-tally-icon.seen-icon-container:hover .seen-pupil-inner,
.post-comment-rx-tally-icon.seen-icon-container.rx-selected .seen-pupil-outer {
	filter: none;
}
#header-container-left {
	display: inline-block;
	height: 100%;
}
#header-container-right {
	height: 100%;
	float: right;
	padding: var(--header-container-padding-vertical);
}
.header-button-right {
	float: right;
	margin-right: 25px;
	border-radius: 0.333em;
	width: calc(var(--header-height) - 2 * var(--header-container-padding-vertical));
	display: flex;
	justify-content: center;
	align-items: center;
	transition: padding 0.125s ease;
}
.header-button-right:first-child {
	margin-right: 0;
}
.header-button-right:last-child {
	margin-left: 0;
}
.header-button-right:hover {
}
.header-svg-container {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: height 0.25s ease;
}
.header-svg-container svg {
	height: 90%;
}

.header-svg-container:hover {
	padding: 5px;
}
.svg-container {
	height: 100%;
	width: auto;
	transition: padding 0.125s ease;
	padding: 2px;
}
.svg-container:hover {
}
.header-label {
	position: absolute;
}
#header-dropdown-list-title::before {
	content: '';
	position: absolute;
	top: -15px;
	right: 13px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent #b6bcbc transparent; /*#bfbfb9*/
}
#header-dropdown-list-title {
	margin: 0;
	padding: 5px;
	background-color: #b6bcbc; /*#bfbfb9;*/
	border-bottom: 1px solid #999;
	border-top: 1px solid #ddd;
	border-radius: 0.333em 0.333em 0 0;
}
.header-dropdown-item-text {
	margin-left: 0.5em;
}
#logout-icon .stroke-outer {
	stroke: #444;
}
#logout-icon .stroke-inner {
	stroke: #aaa;
}
.dropdown-menu {
	display: none;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: 100%;
	right: 0;
	background-color: #fcfcf3;
	border-radius: 0.333em;
	margin-top: 40px;
	white-space: nowrap;
	width: auto;
	box-shadow: 0 5px 8px 2px rgba(0,0,0,0.375);
	transition: opacity 0.25s ease,
				margin-top 0.25s ease;
}
.header-dropdown {
	/*margin-top: 8px;*/
}
.post-dropdown {
	overflow: hidden;
	/*margin-top: 2px;*/
	border-top: 1px solid white;
	border-bottom: 1px solid #555;
}
.dropdown-list {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
	font-family: 'Lora', serif;
}
.dropdown-list li {
	font-family: 'Lora', serif;
	padding: 0px 1em 0px 5px;
	display: flex;
	align-items: center;
}
.dropdown-list li:hover {
	background-color: rgba(0,0,0,0.125);
}
.dropdown-list li:hover .stroke-outer {
	stroke: #444;
}
.dropdown-list li:hover .stroke-inner {
	stroke: #aaa;
}
.header-dropdown-icon {
	height: 32px;
}
#header-dropdown-logout {
	border-top: 1px solid #ccc;
	background-color: #dce0dd;
	border-radius: 0 0 0.333em 0.333em;
}
#header-dropdown-logout:hover {
	background-color: #c7cbc8;
}
#header-dropdown-logout:hover #logout-icon .stroke-outer {
	stroke: #222;
}
#header-dropdown-logout:hover #logout-icon .stroke-inner {
	stroke: #888;
}
main {
}
main div {
	margin: 0;
}
.home-top-container {
	height: 100%;
}
.home-main-container {
	padding: 5px 0px 5px 0px;
	top: var(--header-height);
}
#main-top-banner {
	background-color: rgba(150, 150, 150, 0.875);
	overflow: hidden;
	position: fixed;
	top: var(--header-height);
	left: calc((100% - var(--home-top-container-width))/2);
	height: var(--main-top-banner-height);
	width: var(--home-top-container-width);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 5;
}
.home-sidebar {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: top;
	height: calc(100vh - var(--main-top-banner-height) - var(--header-height));
	padding: 14px 0 5px 0;
}
#home-main-left {
	position: fixed;
	top: calc(var(--header-height) + var(--main-top-banner-height));
	left: calc((100% - var(--home-top-container-width))/2);
	padding-right: 8px;
	width: calc(var(--home-top-container-width) * var(--main-left-ratio));
}
.sidebar-container {
	margin: 7px 0px;
	border-radius: 0.333em;
	overflow: hidden;
	box-shadow: 0 5px 8px 2px rgba(0,0,0,0.375);
	background-color: #fffcf3;
}
.sidebar-container:first-child {
	margin-top: 0;
}
.main-left-container {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #999;
}
.main-left-container:first-child {
}
.main-left-profile-pic {
	height: 40px;
}
#main-left-identity-link {
	text-decoration: none;
}
#main-left-identity-link:hover {
}
#main-left-identity-pic {
	margin-right: 5px;
}
.sidebar-block-header {
	border-radius: 0.333em 0.333em 0 0;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #999;
	background-color: rgba(0, 35, 115, 0.3);
}
.sidebar-block-title {
	margin: 0;
}
.sidebar-block-content {
}
.main-left-header {
	/*background-color: rgba(0, 0, 155, 0.25);*/
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main-left-header a {
	color: black;
}
.main-left-header a:hover {
	color: #f4a;
	text-decoration: underline;
}
.main-left-header-tally {
	 background-color: rgba(255,255,255,0.875);
	 padding: 0 0.5em;
	 border-radius: 0.75em;
}
#main-left-identity-header {
}
.main-left-title {
}
.main-left-content {
	border-top: 1px solid white;
	box-shadow: inset 0px 1px 1px 0px white;
}
#main-left-identity-content {
	display: flex;
	align-items: center;
	margin: 5px;
	border-radius: 6px;
	padding: 2px 5px;
	color: black;
}
#main-left-identity-content:hover {
	background-color: rgba(0,0,0,0.125);
	color: #f0b;
}
#main-left-identity-name {
	margin: 0;
}
#main-left-connections-container {
	display: flex;
	flex-direction: column;
}
#main-left-connections-container a {
	color: black;
}
.main-left-connections-row {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 5px 0 0 0;
}
.main-left-connections-row:last-child {
	padding-bottom: 5px;
}
.main-left-connection-container {
	flex: 1;
	padding: 0px 5px 0px 0px;
}
.main-left-connection-container:first-child {
	padding-left: 5px;
}
.main-left-connection-container a {
	border-radius: 8px;
	padding: 5px;
}
.main-left-connection-container a:hover {
	background-color: rgba(0, 0, 0, 0.125);
}
.main-left-connection-container a:hover p  {
	color: #f0b;
}
.main-left-connection-link {
	width: auto;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.main-left-connection-name {
	margin: 0;
	display: inline-block;
}
.sidebar-title-link {
	text-decoration: none;
}
#main-left-groups-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#main-left-groups-list li {
	padding: 5px;
	border-bottom: 1px solid #aaa;
}
#main-left-groups-list li:last-child {
	padding-bottom: 5px;
	border-bottom: 0;
}
.main-left-group-link {
	text-decoration: none;
}
.main-left-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 3px 5px 3px 5px;
	border-radius: 6px;
	font-family: 'Lora', serif;
	color: black;
}
.main-left-group:hover {
	background-color: rgba(0, 0, 0, 0.125);
	color: #f0b;
}
.main-left-group:hover .main-left-groups-profile-pic:nth-child(1) {
	transform: translateX(40%);
}
.main-left-group:hover .main-left-groups-profile-pic:nth-child(2) {
	transform: translateX(20%);
}
.main-left-groups-title {
	margin: 0;
	display: inline-block;
}
.main-left-group-pics {
	display:flex;
	white-space: nowrap;
}
.main-left-groups-profile-pic {
	transition: transform 0.2s ease;
}
.main-left-groups-profile-pic:nth-child(1) {
	z-index: 5;
	transform: translateX(80%);
}
.main-left-groups-profile-pic:nth-child(2) {
	z-index: 4;
	transform: translateX(40%);
}
.main-left-groups-profile-pic:nth-child(3) {
	z-index: 3;
}
.main-left-groups-profile-pic {
	height: 30px;
}
#main-left-advert {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: lightgray;
}
#home-main-center {
	position: absolute;
	top: calc(var(--header-height) + var(--main-top-banner-height));
	left: calc(var(--home-top-container-width) * var(--main-left-ratio) + (100% - var(--home-top-container-width))/2);
	padding: var(--main-center-padding-y) var(--main-center-padding-x) var(--main-center-padding-y) var(--main-center-padding-x);
	width: calc(var(--home-top-container-width) * var(--main-center-ratio));
	/*height: 1000px;temp*/
	/*background-color: rgba(255, 255, 50, 0.25); temp*/
}
.main-center-container {
	border: 0;
	margin: 14px 0px;
	border-radius: 8px;
	box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.375);
}
.main-center-container:first-child {
	margin-top: 0;
}
#user-control-container {
	position: fixed;
	width: calc(var(--home-top-container-width) * var(--main-center-ratio) - 2 * var(--main-center-padding-x));
	z-index: 3;
}
#writepost-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	background-color: #000000;
	opacity: 0;
	z-index: 6;
	transition: opacity 0.5s ease;
}
.dropdown-container {
	box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.375);
}
#writepost-container {
	position: fixed;
	top: calc(var(--header-height) + var(--main-top-banner-height) + var(--main-center-padding-y));
	/*overflow: hidden;*/
	z-index: 4;
	width: calc(var(--home-top-container-width) * var(--main-center-ratio) - 2 * var(--main-center-padding-x));
	background-color: #bbb8af;
	background-color: #fffcf3;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #999;
}
#writepost-header {
	border-radius: 8px 8px 0px 0px;
	padding: 0px 5px;
	border-bottom: 1px solid rgba(0,0,0,0.375);
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(0, 35, 115, 0.3);
}
#writepost-title {
	display: inline-block;
	margin: 0;
}
#writepost-collapse {
	overflow: hidden;
	/*height: 0;*/
	transition: height 0.5s ease;
}
#writepost-form fieldset {
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
}
#writepost-input-line {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 5px 5px;
}
#writepost-profile-pic {
	margin-right:10px;
}
#writepost-input {
	flex: 1;
	border: 0;
	border-radius: 0.333em;
	font-size: 100%;
	padding: 0.5em;
	border: 1px solid #aaa;
}
.writepost-selections-container {
	padding: 5px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #aaa;
}
.writepost-selections-title {
	text-align: left;
	margin: 0;
	width: 7em;
}
.writepost-options-container {
	height: 40px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#writepost-tone-container {
	padding: 5px 5px;
	border-top: 1px solid #aaa;
}
#writepost-tone-options {
	flex: 1;
}
#writepost-privacy {
	padding: 5px 5px;
}
#writepost-privacy-container {
	flex: 1;
}
#writepost-privacy-options {
	margin-bottom: 0.5em;
}
#writepost-privacy-custom-list {
	width: 100%;
	border-radius: 0.333em;
	border: 0;
	font-size: 100%;
	padding: 0.5em;
	border: 1px solid #aaa;
}
.writepost-option {
	text-align: center;
	flex: 1;
}
.writepost-option:first-child {
}
#writepost-icon-container {
	height: 30px;
}
#writepost-attachments-container {
	height: 100%;
	display: flex;flex: 1;
	justify-content: space-evenly;
}
.post-attachment-button {
	background-color: rgba(0,0,0,0.25);
	border-radius: 0.333em;
	transition: background-color 0.2s ease,
				padding 0.2s ease;
	position: relative;
}
.post-attachment-button:hover {
	background-color: rgba(0,0,0,0.55);
	padding: 4px;
}
.post-attachment-button .foot-tooltip {
	margin-bottom: 2px;
}
.post-attachment-button:hover .foot-tooltip {
	visibility: visible;
	opacity: 1;
	transition-delay: 0.75s;
}
#writepost-add-submit-line {
	height: 40px;
	display: flex;
	padding: 5px 5px;
	border-top: 1px solid #fff;
	background-color: rgba(0, 0, 0, 0.3);
}
#writepost-submit {
	width:50%;
}
#post-filter-div {
	z-index: 3;
	position: fixed;
	top: calc(var(--header-height) + var(--main-top-banner-height) + var(--main-center-padding-y) + var(--main-center-container-margin-y));
	width: calc(var(--home-top-container-width) * var(--main-center-ratio) - 2 * var(--main-center-padding-x));
	transition: transform 0.5s ease;
	background-color: #bbb8af;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #999;
	background-color: #fffcf3;
}
#post-filter-title {
	padding: 2px 0;
	margin: 0;
	text-align: center;
	border-radius: 0.333em  0.333em 0 0;
	background-color: rgba(0, 35, 115, 0.3);
	border-bottom: 1px solid #888;
}
#post-filter-input-div {
	padding: 0.25em 0 0.25em 0;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.filter-input-div {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
}
.feed-profile-pic {
	height: 50px;
}
#posts-container {
	position: relative;
	transition: top 0.5s ease;
}
.post-timestamp {
	font-family: 'Rufina', serif;
	margin: 0;
}
.post-container {
	background-color: #fffcf3;
}
.post-header {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding: 5px 5px;
	border-bottom: 1px solid #bfbfbf;
}
.post-profile-pic {
	margin-right: 10px;
	float: left;
}
.feed-post-meta {
	display: inline-block;
}
.feed-profile-name {
	display: inline-block;
	margin: 0;
	color: #339;
}
.feed-profile-name:hover {
	text-decoration: underline;
	color: #d09;
}
.post-header-left {
	display: flex;
	align-items: center;
}
.profile-link {
}
.post-header-right {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.333em;
	position: relative;
}
.post-header-right:hover {
	background-color: rgba(125,125,125,.125);
	cursor: pointer;
}
.post-dropdown-tooltip {
	left: 100%;
	transform: translateX(-100%);
}
.post-dropdown-tooltip::before {
	left: 100%;
	transform: translateX(-20px);
}
.post-header-right:hover .header-tooltip {
	visibility: visible;
	opacity: 1;
	margin-top: 0.375em;
	transition-delay: 0.75s;
}
.dropdown-dots-v {
	transition: height 0.125s ease;
}
.post-header-right:hover .dropdown-dots-v {
	height: 50%;
}
.dropdown-dots-v .stroke-outer {
	stroke: #777;
}
.dropdown-dots-v .stroke-inner {
	stroke: #bbb;
}
.post-main {
	/*background-color: rgba(125, 125, 125, 0.1875);*/
	background-color: #e1ded5;
}
.post-main-text {
	margin: 0;
	padding: 1em 5px;
}
.post-main-content {
	padding: 7px;
	border-top: 1px solid #999;
	background-color: rgba(25, 25, 25, 0.25);
}
.post-main-img {
	display: block;
	margin: 0;
	width: 100%;
	border-radius: 0.333em;
	max-height: 500px;
	object-fit: cover;
}
.post-foot {
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 50px;
	border-bottom: 1px solid #bfbfbf;
}
.post-foot-button {
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0px;
	border-right: 1px solid #bfbfbf;
}
.post-foot-button:last-child {
	border-right: none;
}
.post-comments {
	/*padding: 5px 0px;*/
	/*background-color: rgba(125, 125, 125, 0.1875);*/
	background-color: #e1ded5;
}
.post-comment {
	display: none; /* flex when turned on */
	justify-content: flex-start;
	align-items: center;
}
.post-comment:first-child {
	padding-top: 5px;
}
.post-comment:last-child {
	padding-bottom: 5px;
}
.post-comment-pic-container {
	align-self: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 5px 5px 5px 10px;
}
.post-comment-profile-pic {
	height: 30px;
}
.post-comment-text-container {
	padding: 5px;
	flex: 1;
}
.post-comment-text-rx-container {
	display: flex;
}
.post-comment-reply p {
	background-color: rgba(150, 150, 255, 0.5);
}
.post-comment-text {
	display: inline-block;
	margin: 0;
	padding: 0.75em 1.25em;
	background-color: rgba(255, 125, 0, 0.5);
	border-radius: 1em;
}
.post-comment-rx-tally-container {
	padding: 5px 10px 5px 5px;
}
.post-comment-rx-tally-icon {
	height: 30px;
}
.post-more-comments {
	opacity: 0; /* 1 when turned on */
	display: none; /* flex when turned on */
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: 0;
	padding-bottom: 0; /* 10px when turned on */
}
.post-more-comments span {
	display: none;
	background-color: #c3c3d5;
	padding: 0; /* "0.25em 1em" when turned on */
	font-family: 'Lora', serif;
	border-radius: 1em;
	cursor: pointer;
	overflow: hidden;
	height: 0;
	width: 0;
	border-bottom: 0; /* "1px solid #8f8f95" when turned on */
	border-top: 0; /* "1px solid #dde" when turned on */
	transition: all var(--more-trans-dur) ease;
}
.post-more-comments span:hover {
	background-color: #a7a7bc;
	color: black;
}
.more-comments-text {
	white-space: nowrap;
}
.more-comments-text:hover {
}
.less-comments-text {
	margin-left: 0; /* "0.75em" when turned on */
	width: 0;
}
.post-new-comment {
	 display: flex;
	 align-items: center;
	 padding: 10px;
	 border-top: 1px solid white;
}
.post-new-comment-pic-container {
	 display: flex;
	 align-items: center;
}
.post-new-comment-input-container {
	 display: flex;
	 flex: 1;
	 margin-left: 10px;
}
.post-new-comment-input {
	flex: 1;
	border: 1px solid #aaa;
	border-radius: 0.333em;
	padding: 0.5em;
}
.rx-affirm-outer {
	filter: url(#glow);
	stroke: blue;
}
.rx-affirm-inner {
	stroke: #88f;
	filter: url(#glow-inner);
}
.rx-seen-outer  {
	stroke: #5f5;
	filter: url(#glow-seen);
}
.rx-seen-inner {
	stroke: #dfd;
	filter: url(#glow-inner-seen);
}
.rx-seen-pupil {
	stroke: #7f7;
	filter: none;
}
.post-comment-footer {
	padding: 0 0.5em;
	font-family: 'Lora', serif;
	position: relative;
}
.post-foot-button {
	cursor: pointer;
}
.post-foot-button:hover {
	background-color: rgba(0,0,0,0.05);
}
.post-rx-container {
	position: relative;
}
.post-rx-hidden {
	overflow: hidden;
	opacity: 0;
	width: 0;
	padding: 0;
	transition: width 0.2s ease,
				padding 0.2s ease,
				opacity 0.1s ease;
}
.post-affirm-button:hover .post-rx-hidden {
	width: 30px;
	padding: 2px;
	opacity: 1;
	overflow: visible;
	transition: width 0.2s ease 0.5s,
				padding 0.2s ease 0.5s,
				opacity 0.1s ease 0.7s;
}
.post-comment-button {
	cursor: pointer;
}
.post-comment-button:hover {
	text-decoration: underline;
}
.post-comment-marked {
	text-shadow: 0px 0px 2px #22f;
}
.post-comment-hide-button {
	color: blue;
}
.post-comment-delete-button {
	color: #d00;
}
.post-comment-reaction-button {
	color: blue;
}
.post-comment-reply-button{
	color: blue;
}
.comment-footer-spacer {
	margin: 0 0.75em;
}
#home-main-right {
	position: fixed;
	width: calc(var(--home-top-container-width) * (1 - (var(--main-left-ratio) + var(--main-center-ratio))));
	top: calc(var(--header-height) + var(--main-top-banner-height));
	left: calc(var(--home-top-container-width) * (var(--main-left-ratio) + var(--main-center-ratio)) + (100% - var(--home-top-container-width))/2);
	/*background-color: rgba(50, 255, 50, 0.25); temp*/
	padding-left: 8px;
}
.main-right-container {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #999;
}
.main-right-header {
	/*background-color: rgba(0, 0, 155, 0.25);*/
}
.main-right-header a {
	color: black;
}
.main-right-header a:hover {
	color: #f0b;
	text-decoration: underline;
}
.main-right-activity-list {
	font-size: 90%;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.main-right-activity-list li {
	padding: 0.25em 5px 0.25em 5px;
	border-bottom: solid 1px #aaa;
}
.main-right-activity-list li:last-child {
	border-bottom: 0;
}
.main-right-activity-list li a {
	text-decoration: none;
}
.main-right-activity-list li a:hover {
	text-decoration: underline;
	color: #d09;
}
.activity-more-link:hover {
	text-decoration: underline;
}
.network-activity-li a {
	color: black;
}
.user-activity-li a {
	color: black;
}
#main-right-advert {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	background-color: lightgray;
}
footer {
	border-radius: 0.333em;
	padding: 5px 0px;
	background-color: #fffcf3;
}
footer div {
	display: block;
}
#footer-links {
	margin-top: 5px;
}
.footer-link-line {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.footer-link-line a {
	text-decoration: none;
	color: black;
}
.footer-link-line a:hover {
	text-decoration: underline;
	color: #d09;
}
#footer-copyright-line {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	font-size: 125%;
	font-family: 'Cormorant Garamond', serif;
}