textarea { display: block; margin-bottom: 10px; }
/*post*/
.post {
	border: 2px groove var(--page1-mc-color);
	margin-bottom: 20px;
	/*width: 100%;*/
	background: linear-gradient(135deg, var(--page-my-color) 30%, var(--page1-mc-color), var(--page1-ac-color));
}
.post_image {
	border-bottom: 2px groove var(--page1-mc-color);
}

h3.posttitle {
	font-size: large;
}

.searchbox {
	width: 200px !important;
}

.navbump {
	margin-top: -1px;
}

.mynav {
  width: 14px;
  height: auto;
  margin-top: -4px;
}

.singpost {
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	width: 90%;
	background: #ffffff;
	padding-bottom: 2px;
	text-align: center;
}

.imagetext {
	color: var(--page-ox-color);
	text-decoration: none;
}

.imagetext:hover {
	color: var(--page-ox-color);
	text-decoration: none;
}

.blogpost {
	margin-left: 7px;
	height: 20px;
	width: 94%;
	background: #ffffff;
	text-align: center;
	border-radius: 25px;
	border: 1px groove var(--page1-mc-color);
}

.blogpost2 {
	margin-left: 7px;
	height: 20px;
	width: 94%;
	background: #ffffff;
	text-align: center;
	border-radius: 25px;
	border: 1px groove var(--page1-mc-color);
}

.digestpost {
	height: 20px;
	width: 94%;
	background: #ffffff;
	text-align: center;
	border-radius: 25px;
	border: 1px groove var(--page1-mc-color);
}

.digestpost2 {
	height: 20px;
	width: 94%;
	background: #ffffff;
	text-align: center;
	border-radius: 25px;
	border: 1px groove var(--page1-mc-color);
}

.catautshift {
	margin-top: -55px;
}

.post_info h3, .author, .author2 {
	color: var(--page1-cc-color);
	text-shadow: -1px -1px var(--page-my-color), 0.5px 0.5px var(--page-bb-color), 5px 5px 6px var(--page1-mc-color);
}

.post_info3 h3, .author, .author2 {
	color: var(--page1-cc-color);
	text-shadow: -1px -1px var(--page-my-color), 0.5px 0.5px var(--page-bb-color), 5px 5px 6px var(--page1-mc-color);
}
	
.content .post .post_info span {
	color: var(--page1-cc-color);
	font-style: italic;
	text-shadow: -1px -1px var(--page-my-color), 0.5px 0.5px var(--page-bb-color), 5px 5px 6px var(--page1-mc-color);
}

.content .post .post_info3 span {
	color: var(--page1-cc-color);
	font-style: italic;
	text-shadow: -1px -1px var(--page-my-color), 0.5px 0.5px var(--page-bb-color), 5px 5px 6px var(--page1-mc-color);
}

.upshift {
	margin-top: 6px;
}

/*@media screen and (max-width: 1235px) { /*800 indexstyle line 51 too*/
/*  .upshift {
		margin-top: 10px;
	}
}*/

.downshift {
	margin-top: 10px;
}
 
.booticons {
	width: 23px;
	height: 16px;
	background-color: var(--page-dm-color);
	color: var(--page-ox-color);
	border-radius: 25px;
	margin-top: -5px;
}

.booticonsr {
	width: 23px;
	height: 16px;
	background-color: var(--page-dm-color);
	color: var(--page-dm-color);
	border-radius: 25px;
	margin-top: -5px;
}

.booticonsl {
	width: 35px;
	height: 28px;
	background-color: var(--page-dm-color);
	color: var(--page-dm-color);
	border-radius: 25px;
	margin-top: 1px;
}

.mysvg {
	width: auto;
	height: 16px;
	/*border: var(--page-bg-color);*/
	margin-top: -4px;
}

.ma {background-color: var(--page0-ac-color); border-radius: 25px;}
.pr {background-color: var(--page1-ac-color); border-radius: 25px;}
.fm {background-color: var(--page2-ac-color); border-radius: 25px;}
.ho {background-color: var(--page3-ac-color); border-radius: 25px;}
.nu {background-color: var(--page4-ac-color); border-radius: 25px;}
.ar {background-color: var(--page5-ac-color); border-radius: 25px;}
.ga {background-color: var(--page6-ac-color); border-radius: 25px;}
.co {background-color: var(--page7-ac-color); border-radius: 25px;}
.vn {background-color: var(--page-bg-color); border: var(--page-bg-color);}
	
.author {
	float: right;
	margin-top: -10px;
}

/*comments*/
.comments-section { margin-top: 10px; border: 1px solid #ccc; }
.comment { margin-bottom: 10px; }
.comment .comment-name { font-weight: bold; }
.comment .comment-date {
	font-style: italic;
	font-size: 0.8em;
}
.comment .reply-btn, .edit-btn, .delete-btn { font-size: 0.8em; }
.comment-details { width: 91.5%; float: left; }
.comment-details p { margin-bottom: 0px; }
.comment .profile_pic {
	width: 35px;
	height: 35px;
	margin-right: 5px;
	float: left;
	border-radius: 25%;
}
/*replies*/
.reply { margin-left: 30px; }
.reply_form {
	margin-left: 40px;
	display: none;
	width: 90%;
}
#comment_form { margin-top: 10px; }

.comment_button {
	font-size: larger;
	border-radius: 18px;
	color: var(--page1-cc-color);
	text-shadow: -1px -1px var(--page-my-color), 0.5px 0.5px var(--page-bb-color), 5px 5px 6px var(--page1-mc-color);
	background-color: var(--page1-ac-color);
	float: right;
	margin-right: 1px;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
}

.reply_button {
	font-size: small;
	border-radius: 18px;
	color: var(--page1-cc-color);
	text-shadow: -0.5px -0.5px var(--page-my-color), 0.1px 0.1px var(--page-bb-color), 5px 5px 6px var(--page1-mc-color);
	background-color: var(--page1-ac-color);
	float: right;
	margin-bottom: 5px;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
}

.reply_button2 {
	font-size: x-small;
	border-radius: 18px;
	color: var(--page1-cc-color);
	text-shadow: -0.5px -0.5px var(--page-my-color), 0.1px 0.1px var(--page-bb-color), 5px 5px 6px var(--page1-mc-color);
	background-color: var(--page1-ac-color);
	float: right;
	margin-bottom: 5px;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
}

.cbb {
	text-align: left;
	padding-left: 15px;
}

.cbbt {
	border-right: double;
	border-color: var(--page1-ac-color);
}

.dbb {
	
}

.dbbt button {
	border-radius: 6px;
	color: var(--page-ox-color);
	margin-top: .5px;
	margin-bottom: .5px;
	margin-left: auto;
	margin-right: auto;
	height: 12%;
	width: 95%;
	background-color:var(--page1-aw-color);
}

.dbbt {
	text-align: center;
	height: 250px;
  width: 100%;
  background-color: var(--page-mx-color);
  border-radius: 12px;
  border: 2px groove var(--page1-cc-color);
  margin-top: 5px;
	padding-top: 4px;
	display: block; 
}

.butwhat {
	text-align: center;
	border-radius: 18px;
	margin-left: auto;
	margin-right: auto;
	font-size: small;
}

#gmt {
	margin-bottom: 15px;
	border-top: double;
	border-color: var(--page1-ac-color);
}

#landing {}

.packing {
	inline-size: auto;
  overflow-wrap: break-word;
}