.comment-masonry {
	column-count: 1;
	column-gap: 1rem;
}

@media screen and (min-width:1024px) {
	.comment-masonry {
		column-count: 2;
	}
}

@media screen and (min-width:1536px) {
	.dcc-article-full-width .comment-masonry {
		column-count: 3;
	}
}

@media screen and (min-width:2560px) {
	.dcc-article-full-width .comment-masonry {
		column-count: 4;
	}
}

.comment-card-wrapper {
	display: grid;
	grid-template-rows: 1fr auto;
	margin-bottom: 1rem;
	break-inside: avoid;
}

.comment-card {
	background-color: #FFFFFF;
	padding: 1.5rem;
	border-radius: 0.75rem;
	height: max-content;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease;
	line-height: 1.625rem;
}

.comment-card:hover {
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.comment-card .comment-title {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 0px;
	text-align: left;
}

.comment-card .author,
    .open-post-on-wall .author {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 0;
}

.comment-card .date,
    .open-post-on-wall .date {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 0;
	white-space:nowrap;
}

.comment-card .comment,
    .comment-card .comment p,
    #commentbox_comment,
    #commentbox_comment p,
    #open_post_on_wall_comment_list .comment {
	font-weight: normal;
	font-size: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	line-height: 1.625em;
}

.comment-card .comment p:not(:last-child),
    #commentbox_comment p:not(:last-child),
    #open_post_on_wall_comment_list .comment p:not(:last-child) {
	margin-bottom: 1rem;
}

#commentbox_comment {
	padding-bottom: 1rem;
}

#open_post_on_wall_comment_list {
	min-height: 100px;
	margin-top: 1rem;
}

#open_post_on_wall_comment_list .comment {
	padding: 0.25rem 0 0.5rem 0;
}

#open_post_on_wall_comment_list .comment p:last-child {
	margin-bottom: 0;
}

.comment-card .tag {
	font-weight: 700;
	font-size: 12px;
	padding: 0.5rem 0.5rem 0.4rem 0.5rem;
	border-radius: 0.5rem;
	border: 1px solid #0B7A7D;
	text-transform: uppercase;
	line-height: 1.5;
	margin-top: 1px;
}

.comment-card .tags-group {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	justify-content: flex-start;
}

.comment-card hr {
	margin: 0;
	background: #D3D3D3;
	width: 100%;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

.not-liked,
    .not-commented,
    .liked,
    .commented {
	display: inherit;
	align-items: center;
	cursor: pointer;
}

.comment-closed .not-liked,
.comment-closed .liked {
	pointer-events: none !important;
	cursior: none;
}

.not-liked:hover,
    .not-commented:hover,
    .liked:hover,
    .commented:hover,
    .open_card_commentbox span span,
    .like-comment-wall span span {
	transform: none !important;
	-webkit-transform: none !important;
}

.not-liked::before {
	content: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.54809 14.0803L12.2212 23.111C12.6227 23.4857 13.1527 23.6945 13.704 23.6945C14.2554 23.6945 14.7854 23.4857 15.1868 23.111L24.86 14.0803C26.4873 12.5653 27.4081 10.4402 27.4081 8.2186V7.90812C27.4081 4.16628 24.7047 0.975808 21.0164 0.360198C18.5754 -0.0466408 16.0915 0.750977 14.3464 2.4961L13.704 3.13848L13.0617 2.4961C11.3165 0.750977 8.83268 -0.0466408 6.39165 0.360198C2.70333 0.975808 0 4.16628 0 7.90812V8.2186C0 10.4402 0.920739 12.5653 2.54809 14.0803Z' fill='%230B7D7A'/%3E%3C/svg%3E%0A");
	margin-right: 0.25rem;
	margin-top: 0.25rem;
}

.liked::before {
	content: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.54809 14.0803L12.2212 23.111C12.6227 23.4857 13.1527 23.6945 13.704 23.6945C14.2554 23.6945 14.7854 23.4857 15.1868 23.111L24.86 14.0803C26.4873 12.5653 27.4081 10.4402 27.4081 8.2186V7.90812C27.4081 4.16628 24.7047 0.975808 21.0164 0.360198C18.5754 -0.0466408 16.0915 0.750977 14.3464 2.4961L13.704 3.13848L13.0617 2.4961C11.3165 0.750977 8.83268 -0.0466408 6.39165 0.360198C2.70333 0.975808 0 4.16628 0 7.90812V8.2186C0 10.4402 0.920739 12.5653 2.54809 14.0803Z' fill='%23FF0000'/%3E%3C/svg%3E%0A");
	margin-right: 0.25rem;
	animation: pulse 500ms 1;
		margin-top: 0.25rem;
}

.not-commented::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath fill='%230b7d7a' d='M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9l.3-.5z'/%3E%3C/svg%3E");
	margin-right: 0.25rem;
		margin-top: 0.25rem;
}

.commented::before {
	content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.12024 20.9467C7.8108 20.4435 8.70477 20.315 9.50774 20.6041C10.9263 21.118 12.5162 21.4124 14.2078 21.4124C20.8832 21.4124 25.3423 17.1032 25.3423 12.8474C25.3423 8.59167 20.8832 4.2824 14.2078 4.2824C7.53244 4.2824 3.07327 8.59167 3.07327 12.8474C3.07327 14.5604 3.73706 16.2092 4.98434 17.6224C5.44471 18.1417 5.66954 18.8269 5.61601 19.5228C5.54107 20.4917 5.31088 21.3803 5.01111 22.1672C5.92114 21.7443 6.67593 21.2733 7.12024 20.9521V20.9467ZM1.63863 23.1201C1.73499 22.9756 1.82599 22.831 1.91164 22.6865C2.44696 21.7979 2.9555 20.6309 3.05721 19.3194C1.45127 17.4939 0.503767 15.2617 0.503767 12.8474C0.503767 6.69666 6.63846 1.71289 14.2078 1.71289C21.7771 1.71289 27.9118 6.69666 27.9118 12.8474C27.9118 18.9982 21.7771 23.9819 14.2078 23.9819C12.2218 23.9819 10.3375 23.6393 8.63518 23.0237C7.99816 23.4895 6.95965 24.1265 5.72843 24.6618C4.9201 25.0151 3.99937 25.3363 3.04651 25.5236C3.00368 25.5344 2.96086 25.5397 2.91803 25.5504C2.68249 25.5932 2.45231 25.6307 2.21142 25.6521C2.20071 25.6521 2.18465 25.6575 2.17395 25.6575C1.90094 25.6842 1.62793 25.7003 1.35492 25.7003C1.00696 25.7003 0.69648 25.4915 0.562651 25.1703C0.428823 24.8492 0.503767 24.4851 0.744658 24.2389C0.964137 24.0141 1.1622 23.7732 1.34956 23.5162C1.44057 23.3931 1.52622 23.27 1.60651 23.1469L1.62257 23.1201H1.63863Z' fill='%230B7D7A'/%3E%3Cpath d='M27.9116 12.8474C27.9116 18.9982 21.7769 23.9819 14.2076 23.9819C12.2216 23.9819 10.3373 23.6393 8.63495 23.0237C7.99793 23.4895 6.95942 24.1265 5.7282 24.6618C4.44345 25.2185 2.89639 25.6949 1.36004 25.6949C1.01209 25.6949 0.701607 25.4862 0.567778 25.165C0.43395 24.8438 0.508894 24.4798 0.749785 24.2335L0.765844 24.2175C0.781904 24.2014 0.803316 24.18 0.835435 24.1425C0.89432 24.0783 0.985323 23.9766 1.09774 23.8374C1.31722 23.5697 1.61164 23.1736 1.91142 22.6811C2.44673 21.7925 2.95528 20.6255 3.05699 19.314C1.45105 17.4939 0.503541 15.2617 0.503541 12.8474C0.503541 6.69666 6.63824 1.71289 14.2076 1.71289C21.7769 1.71289 27.9116 6.69666 27.9116 12.8474Z' fill='%23008590'/%3E%3C/svg%3E%0A");
	margin-right: 0.25rem;
		margin-top: 0.25rem;
}


.dcc-py-2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.dcc-py-3 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.dcc-py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.dcc-py-5 {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.dcc-w-full {
	width: 100%;
}

.dcc-flex-gap-3 {
	gap: 1.5rem;
}

.dcc-flex-gap-2 {
	gap: 1rem;
}

.dcc-justify-between {
	justify-content: space-between;
}

.dcc-justify-start {
	justify-content: flex-start;
}

.dcc-items-center {
	align-items: center;
}

.dcc-flex {
	display: flex;
}

.dcc-font-700 {
	font-weight: 700;
}

.dcc-font-bold {
	font-weight: bold;
}

.dcc-flex-col {
	flex-direction: column;
}

@media screen and (min-width:992px) {
	.dcc-flex-col {
		flex-direction: row;
	}

	.dcc-flex-gap-0 {
		gap: 1rem;
	}

	.create-post-on-wall {
		max-height: 600px;
	}
}

.dcc-text-xl {
	font-size: 20px;
}

.dcc-mb-0 {
	margin-bottom: 0px;
}

.dcc-flex-wrap {
	flex-wrap: wrap;
}

.clearfix:before,
    .clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

.create-post-on-wall-wrapper,
    .open-post-on-wall-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}

.create-post-on-wall,
    .open-post-on-wall {
	background-color: #FFFFFF !important;
	padding: 1.25rem !important;
	margin: 0 !important;
	max-height: 80vh;
	max-width: 500px;
	width: calc(80% - 2rem);
	z-index: 100;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow-y: auto;
	overflow-x: hidden;
	border-radius: 10px;
}

@media screen and (min-height:576px)
{
    .create-post-on-wall,
    .open-post-on-wall {
        	max-height: 700px;
}
}

.open-post-on-wall {
	top: 20%;
	transform: translate(-50%, -20%);
}

.open-post-on-wall hr {
	margin: 2rem 0;
}

.open_post_on_wall_comment_list hr {
	margin: 1rem 0;
}

.create-post-on-wall form,
    .open-post-on-wall form {
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
}

#open_post_on_wall {
	display: none;
	margin-top: 1rem !important;
}

.create-post-on-wall #sq_commit_button,
    .open-post-on-wall #sq_commit_button_open {
	margin-bottom: 0;
	margin-top: 1rem;
	font-size: 16px;
	padding: 0.5rem 1rem;
	font-weight: normal;
	background-color: #0B7D7A;
	border-radius: 10px;
	border: 1px solid transparent;
	color: #ffffff;
	transition: all .3s linear;
	min-width: 82px;
}

.create-post-on-wall #sq_commit_button:hover,
    .open-post-on-wall #sq_commit_button_open:hover {
	background-color: #FFFFFF;
	color: #0B7D7A;
	border: 1px solid #0B7D7A;
}

#load_more_comments {
	margin-bottom: 0;
	min-width: 80px;
	max-width: 80px;
	border-radius: 0;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-top:1.5rem;
}

#sq_commit_button:disabled,
    #sq_commit_button_open:disabled,
    #load_more_comments.disabled {
	opacity: 0.5;
	user-select: none;
	pointer-events: none;
}

.create-post-on-wall input[type="text"],
    .create-post-on-wall input[type="email"],
    .create-post-on-wall .sq-wysiwyg-standalone-body .with-viper,
    .create-post-on-wall #post_comment_content,
    .create-post-on-wall .select2-selection,
    .create-post-on-wall textarea,
    .create-post-on-wall .select2-search__field,
    .open-post-on-wall input[type="text"],
    .open-post-on-wall input[type="email"],
    .open-post-on-wall .sq-wysiwyg-standalone-body .with-viper,
    .open-post-on-wall .select2-selection,
    .open-post-on-wall textarea,
    .open-post-on-wall #post_comment_content,
    .open-post-on-wall .select2-search__field,
    .trumbowyg-editor-box {
	border-radius: 10px;
	background-color: #f6f6f6 !important;
	width: 100%;
	border: 1px solid #e1e1e1;
	padding: 0.35em 1em !important;
	margin: 0;
	resize: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	backface-visibility: hidden;
	transform: translateZ(0);
}

.create-post-on-wall .select2-search__field:focus {
	border: none !important;
}

.create-post-on-wall input[type="text"]:focus,
    .create-post-on-wall input[type="email"]:focus,
    .create-post-on-wall .sq-wysiwyg-standalone-body .with-viper:focus,
    .create-post-on-wall #post_comment_content:focus,
    .create-post-on-wall .select2-selection:focus,
    .create-post-on-wall textarea:focus,
    .create-post-on-wall .select2-search__field:focus,
    .open-post-on-wall input[type="text"]:focus,
    .open-post-on-wall input[type="email"]:focus,
    .open-post-on-wall .sq-wysiwyg-standalone-body .with-viper:focus,
    .open-post-on-wall #post_comment_content:focus,
    .open-post-on-wall .select2-selection:focus,
    .open-post-on-wall textarea:focus,
    .open-post-on-wall .select2-search__field:focus,
    .trumbowyg-editor-box:focus,
    .select2-container--focus.select2-container--open {
	border: 1px solid #0B7A7D;
	outline-color: #0B7A7D;
	border-radius: 10px;
}

#post_comment_content {
	width: 100%;
	font-size: 1.0em;
	line-height: 1.5;
	margin: 0;
	box-sizing: border-box;
	min-height: 150px;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: #888 #eee;
}

#post_comment_content::-webkit-scrollbar {
	width: 10px;
	border-radius: 10px;
}

#post_comment_content::-webkit-scrollbar-track {
	background: #f1f1f1;
}

#post_comment_content::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 10px;
	border: 2px solid #f1f1f1;
}

#post_comment_content::-webkit-scrollbar-thumb:hover {
	background-color: #555;
}

.create-post-on-wall label,
    .open-post-on-wall label {
	margin-top: 1.0em;
	font-weight: 700;
	line-height: 2em;
}

.create-post-on-wall small,
    .open-post-on-wall small,
    .create-post-on-wall .sq-char-limit-text,
     .open-post-on-wall .sq-char-limit-text{
	font-weight: normal;
	line-height: inherit;
	font-size:14px;
    font-style: italic;
}

.create-post-on-wall .two-col ul,
    .open-post-on-wall .two-col ul {
	display: flex;
	gap: 1rem;
	list-style: none;
	margin: 0em 0em 1em 0em !important;
}

.create-post-on-wall .two-col .sq-form-question,
    .open-post-on-wall .two-col .sq-form-question {
	margin-bottom: 0.5rem;
}

.create-post-on-wall .two-col li:before,
    .open-post-on-wall .two-col li:before {
	height: 0px !important;
	margin-left: 0px !important;
	width: 0px !important;
}

.create-post-on-wall .two-col label,
    .open-post-on-wall .two-col label {
	font-weight: 700 !important;
}

.create-post-on-wall .close-button,
    .open-post-on-wall .close-button {
	position: relative;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.create-post-on-wall .close-button:before,
    .open-post-on-wall .close-button:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' id='times-circle'%3E%3Cpath fill='%230B7D7A' d='M15.71,8.29a1,1,0,0,0-1.42,0L12,10.59,9.71,8.29A1,1,0,0,0,8.29,9.71L10.59,12l-2.3,2.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L13.41,12l2.3-2.29A1,1,0,0,0,15.71,8.29Zm3.36-3.36A10,10,0,1,0,4.93,19.07,10,10,0,1,0,19.07,4.93ZM17.66,17.66A8,8,0,1,1,20,12,7.95,7.95,0,0,1,17.66,17.66Z'%3E%3C/path%3E%3C/svg%3E");
}

.create-post-on-wall .sq-char-limit-error,
    .open-post-on-wall .sq-char-limit-error {
	color: red;
}

.create-post-on-wall .select2-selection__rendered,
    .open-post-on-wall .select2-selection__rendered {
	margin: 0;
}

.filterby-tags,
    .sortby {
	border: 1px solid #0B7D7A;
	margin-bottom: 0;
	border-radius: 10px;
	background: transparent;
	width: auto;
	max-width: 400px;
	display: inline-flex;
	padding-inline-end: 2.5rem;
	font-weight: 500;
	line-height: 1.5;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' id='angle-down'%3E%3Cpath fill='%230B7D7A' d='M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z'%3E%3C/path%3E%3C/svg%3E");
	background-position: right 5px center;
	background-repeat: no-repeat;
	background-size: 1.5rem;
	position: relative;
	cursor: pointer;
}

.sortby {
	max-width: 200px;
}

#current-tag-filter,
    .current-sort-filter {
	color: #0B7D7A;
	padding: 8px 8px 8px 8px;
	cursor: pointer;
}

.filterby-tags-dropdown,
    .sortby-dropdown {
	display: none;
	position: absolute;
	background-color: #E4E7EB;
	min-width: 340px;
	max-width: 400px;
	height: auto;
	border: 1px solid #E4E7EB;
	border-radius: 10px;
	z-index: 100;
	top: -1px;
	left: -2px;
	font-size: 15px;
}

.sortby-dropdown.outer {
	max-width: 180px;
	min-width: 180px;
	left: -5px;
}

.sortby-dropdown.inner {
	max-width: 180px;
	min-width: 180px;
	left: 0;
}

.filterby-tags-dropdown span,
    .sortby-dropdown span {
	color: black;
	padding: 8px 8px 8px 40px;
	text-decoration: none;
	display: flex;
	cursor: pointer;
	backface-visibility: hidden;
}

.filterby-tags-dropdown span:hover,
    .sortby-dropdown span:hover {
	background-color: #5BA0FD;
	color: #fff;
}

.filterby-tags-dropdown .selected-tag,
    .sortby-dropdown .selected-sort {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' id='check'%3E%3Cpath fill='%232f4757' d='M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 3% 50%;
}

.filterby-tags-dropdown .selected-tag:hover,
    .sortby-dropdown .selected-sort:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' id='check'%3E%3Cpath fill='%23ffffff' d='M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z'%3E%3C/path%3E%3C/svg%3E");
}

.has-error span.error:before {
	content: " ";
	display: block;
	height: 2px;
}

.has-error span.error,
    #create_post_on_wall_error,
    .has-error span.error,
    #open_post_on_wall_error {
	Color: #fa5f2f;
	margin: 0;
	font-size: 14px;
}

#create_post_on_wall_error,
    #open_post_on_wall_error {
	margin: 0.5rem 0;
}

.submit-btn-loading {
	border: 2px solid #f3f3f3;
	border-top: 2px solid transparent;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	animation: btnLoading 2s linear infinite;
	-webkit-animation: btnLoading 2s linear infinite;
	-moz-animation: btnLoading 2s linear infinite;
	-o-animation: btnLoading 2s linear infinite;
}

#create_post_on_wall_thankyou,
    #open_post_on_wall_thankyou {
	display: none;
}

.comment-list {
	width: 20px;
	height: 20px;
	min-width: 20px;
}

.comment-list:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' id='user'%3E%3Cpath fill='%230B7D7A' d='M15.71,12.71a6,6,0,1,0-7.42,0,10,10,0,0,0-6.22,8.18,1,1,0,0,0,2,.22,8,8,0,0,1,15.9,0,1,1,0,0,0,1,.89h.11a1,1,0,0,0,.88-1.1A10,10,0,0,0,15.71,12.71ZM12,12a4,4,0,1,1,4-4A4,4,0,0,1,12,12Z'%3E%3C/path%3E%3C/svg%3E");
	width: 20px;
	height: 20px;
	min-width: 20px;
}

.reply-comment {
	cursor: pointer;
	border-bottom: 1px solid #C6C6C6;
	display: inline-flex;
	padding-bottom: 0.15rem;
}

#open_post_on_wall_comment_list .dcc-user-comment:not(:only-child) {
	border-bottom: 1px solid #C6C6C6;
}

#open_post_on_wall_comment_list .dcc-user-comment:last-child {
	border: none;
}

.dcc-user-comment h5,
    .dcc-user-comment .comment p {
	font-size: 15px;
}

.dcc-child-comment {
	padding: 1rem 1.5rem 1rem 0;
}

.dcc-child-comments-wrapper .dcc-child-comment:last-child {
	padding-bottom: 0;
}

.dcc-child-comments-wrapper .dcc-child-comment:not(:first-child) {
	padding-top: 0;
}

.dcc-child-comments-wrapper .dcc-child-comment:last-child .comment p {
	margin-bottom: 0;
}

.dcc-relative {
	position: relative;
}

.comment-confirmation,
    .child-comment-confirmation {
	width: 0;
	height: 21px;
	cursor: pointer;
}

.comment-confirmation:after,
    .child-comment-confirmation:after {
	content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9999 0C7.17762 0 0 7.17745 0 15.9999C0 24.8224 7.17762 32 15.9999 32C24.8222 32 31.9998 24.8224 31.9998 15.9999C31.9998 7.17745 24.8224 0 15.9999 0ZM25.1874 13.2974L15.1354 23.3493C14.708 23.7767 14.1399 24.012 13.5355 24.012C12.9311 24.012 12.3629 23.7767 11.9355 23.3493L6.81248 18.2263C6.38507 17.7989 6.14967 17.2307 6.14967 16.6263C6.14967 16.0218 6.38507 15.4536 6.81248 15.0262C7.23972 14.5988 7.80788 14.3634 8.41242 14.3634C9.01681 14.3634 9.58512 14.5988 10.0124 15.0264L13.5353 18.5492L21.9871 10.0973C22.4145 9.66994 22.9827 9.4347 23.5871 9.4347C24.1915 9.4347 24.7596 9.66994 25.187 10.0973C26.0695 10.9799 26.0695 12.4152 25.1874 13.2974Z' fill='%23DCDCDC'/%3E%3C/svg%3E%0A");
	font-size: inherit;
	color: #0B7D7A;
	transition: all .3s linear;
}

.comment-confirmation:checked:after,
    .child-comment-confirmation:checked:after {
	content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9999 0C7.17762 0 0 7.17745 0 15.9999C0 24.8224 7.17762 32 15.9999 32C24.8222 32 31.9998 24.8224 31.9998 15.9999C31.9998 7.17745 24.8224 0 15.9999 0ZM25.1874 13.2974L15.1354 23.3493C14.708 23.7767 14.1399 24.012 13.5355 24.012C12.9311 24.012 12.3629 23.7767 11.9355 23.3493L6.81248 18.2263C6.38507 17.7989 6.14967 17.2307 6.14967 16.6263C6.14967 16.0218 6.38507 15.4536 6.81248 15.0262C7.23972 14.5988 7.80788 14.3634 8.41242 14.3634C9.01681 14.3634 9.58512 14.5988 10.0124 15.0264L13.5353 18.5492L21.9871 10.0973C22.4145 9.66994 22.9827 9.4347 23.5871 9.4347C24.1915 9.4347 24.7596 9.66994 25.187 10.0973C26.0695 10.9799 26.0695 12.4152 25.1874 13.2974Z' fill='%23425A70'/%3E%3C/svg%3E%0A");
}

.dcc-flex-gap-1 {
	gap: 0.5rem;
}

.dcc-cw-skeleton-card-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcc-cw-skeleton-card,
    .dcc-cw-sub-skeleton-card {
	width: 100%;
	height: 400px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	background-color: #FFFFFF;
	padding: 1.5rem;
	border-radius: 0.75rem;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease;
}

.dcc-cw-sub-skeleton-card {
	height: 160px;
	padding: 1rem;
}

    /* Skeleton base class */
.dcc-cw-skeleton {
	background-color: #e0e0e0;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}

    /* Skeleton animation */
.dcc-cw-skeleton::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -150px;
	height: 100%;
	width: 150px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
	animation: skeletonLoading 1.5s infinite;
}

    /* Card title skeleton */
.dcc-cw-skeleton-card-title {
	width: 100%;
	height: 1.5rem;
}

.dcc-cw-skeleton-card-flex-wrapper {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.dcc-cw-skeleton-card-author {
	width: 70%;
	height: 20px;
}

.dcc-cw-skeleton-card-date {
	width: 30%;
	height: 20px;
}

.dcc-cw-skeleton-card-text {
	width: 100%;
	height: 16px;
}

.dcc-cw-skeleton-card-para {
	width: 100%;
	height: 250px;
	margin-top: 16px;
}

.dcc-cw-skeleton-card-para-250 {
	width: 100%;
	height: 250px;
	margin-top: 12px;
}

.dcc-cw-skeleton-card-para-100 {
	width: 100%;
	height: 100px;
	margin-top: 12px;
}

.dcc-cw-skeleton-card-para-50 {
	width: 100%;
	height: 50px;
	margin-top: 12px;
}

.dcc-cw-sub-skeleton-card-para-1 {
	width: 100%;
	height: 15px;
	margin-top: 12px;
}

.dcc-cw-sub-skeleton-card-para-2 {
	width: 80%;
	height: 15px;
	margin-top: 12px;
}

.dcc-cw-sub-skeleton-card-para-3 {
	width: 90%;
	height: 15px;
	margin-top: 12px;
}

.dcc-cw-sub-skeleton-card-para-4 {
	width: 10%;
	height: 30px;
	margin-top: 12px;
}

.dcc-cw-skeleton-card-topic {
	width: 40%;
	height: 1.875rem;
	margin-top: 0.25rem;
}

.dcc-cw-skeleton-card-like {
	width: 20%;
	height: 15px;
}

.dcc-cw-skeleton-card-comment {
	width: 30%;
	height: 15px;
}

.dcc-cw-skeleton-card hr {
	margin: 0;
	background: #e0e0e0;
	width: 100%;
	height: 1px;
	border: none;
	margin-top: 8px;
}

.like-comment-wall.disabled {
	pointer-events: none;
	user-select: none;
	opacity: 0.5;
}

.commentbox-data {
	padding: 0.5rem 0;
	flex-direction: column;
	gap: 0;
}

.commentbox-data .like-comment-wall {
	color: #0B7A7D;
	font-size: 14px;
	padding-bottom: 1rem;
	border-bottom: 1px solid #C6C6C6;
}

.commentbox-data .open_card_commentbox {
	color: #0B7A7D;
	font-size: 14px;
	padding-top: 1rem;
}

.comment.truncate {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	max-height: 150px;
}

.read-more-text,
    .bak-button {
	text-decoration: none;
	font-weight: bold;
	color: #1b4b88;
	font-style: normal;
	cursor: pointer;
	line-height: 1.5;
	display: inline-flex;
	padding-top: 0.5rem;
}

.read-more-text:hover,
    .back-button:hover {
	color: #0068ec;
}

#sub_loading_skeleton {
	margin-top: 1rem;
}

#load_more_comments {
	display: none;
}

#loading_skeleton .card-5,
    #loading_skeleton .card-6,
    #loading_skeleton .card-7 {
	display: none;
}

.last-comment {
	padding-bottom: 0 !important;
}

.dcc-user-comments-wrapper .dcc-user-comment:last-child {
	padding-bottom: 0;
}

#comments_wall_filter_section.dcc-hide
{
    display: none;
}

#create_post_on_wall_thankyou h5
{
    font-weight:700;
    margin-bottom:0;
    margin-top:3px;
}
@media screen and (min-width:1280px) {

	.dcc-article-full-width #loading_skeleton .card-5,
        .dcc-article-full-width #loading_skeleton .card-6 {
		display: grid;
	}
}

@media screen and (min-width:2560px) {
	.dcc-article-full-width #loading_skeleton .card-7 {
		display: grid;
	}
}

@keyframes skeletonLoading {
	0% {
		left: -150px;
	}

	100% {
		left: 100%;
	}
}

@keyframes btnLoading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.15);
	}

	100% {
		transform: scale(1);
	}
}