.view-more-text { color: var(--paragraph-color); font-weight: 600; }
.view-less-text { color: var(--paragraph-color); font-weight: 600; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.empty-div { height: 10px; width: 100%; }

.news-feed-area .news-feed-post .post-header { cursor: pointer; }
.col_3 .post-header img { width: 50px; }

.fixed-top { padding-top: 10px; }

.social-icon { margin: 0px 5px 10px 0px; }

/* 1 image block */
.news-feed-area .news-feed-post .post-body .post-image img {
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
}

/* 2 images block */
.post-image-2 {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flow-root;
}

.post-image-2 .image {
	min-height: 300px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}
.post-image-2 .image-1 {
	width: 50%;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-right: 1px solid #fff;
}
.post-image-2 .image-2 {
	width: 50%;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-left: 1px solid #fff;
}

/* 3 images block */
.post-image-3 {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flow-root;
}

.post-image-3 .image {
	min-height: 200px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}
.post-image-3 .left {
	float: left;
	width: 50%;
	height: 400px;
}
.post-image-3 .right {
	float: left;
	width: 50%;
	height: 400px;
}
.post-image-3 .image-1 {
	width: 100%;
	border-top-left-radius: 8px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.post-image-3 .image-2 {
	width: 100%;
	border-bottom-left-radius: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.post-image-3 .image-3 {
	width: 100%;
	height: 100%;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-left: 1px solid #fff;
}

/* 4 images block */
.post-image-4 {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flow-root;
}

.post-image-4 .image {
	min-height: 200px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}
.post-image-4 .image-1 {
	width: 50%;
	border-top-left-radius: 8px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.post-image-4 .image-2 {
	width: 50%;
	border-top-right-radius: 8px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.post-image-4 .image-3 {
	width: 50%;
	border-bottom-left-radius: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.post-image-4 .image-4 {
	width: 50%;
	border-bottom-right-radius: 8px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	display: grid;
	align-content: end;
}

.post-image-4 .more-text {
	background-color: rgba(0,0,0,.5);
	color: #fff;
	border-bottom-right-radius: 8px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}


/* youtube video */
.single-video-card { padding: 0px; margin-top: 10px; margin-bottom: 10px; }
.single-video-card .video-image { 
	width: 100%;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover; 
	overflow: hidden;
}

.single-video-card .video-image .icon a i { font-size: 60px; }

#YoutubeModal .btn-close {
    position: fixed;
    right: 0px;
    top: 0px;
    padding: 10px;
    cursor: pointer;
    margin: 10px;
    background: #fff;
}

/* uploaded video */
#VideoModal .btn-close {
    position: fixed;
    right: 0px;
    top: 0px;
    padding: 10px;
    cursor: pointer;
    margin: 10px;
    background: #fff;
}

#YoutubeVideoModal {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

#YoutubeVideoModal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* photo slider */
.watch-photo-slides {
    height: 100%;
}
.watch-photo-slides .video-item {
	height: 450px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	width: 30px;
}

/* poll block */
.poll-block { border: 1px solid #ececec; border-top-left-radius: 9px; border-top-right-radius: 9px; }
.poll-block .poll-bg { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.poll-block .poll-options { padding: 10px; overflow: hidden; }
.progress .progress-bar { background-color: #72D979; }
.progress .progress-bar .sr-only { display: none; }
.poll-options p { margin: 0px !important; }
.poll-options .progress {
    height: 30px;
    border-radius: 25px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    margin-right: 0px;
    position: relative;
}
.progress .poll-option {
    float: left;
    position: absolute;
    margin-left: 12px;
    line-height: 30px;
    color: var(--black-color);
    font-size: 14px;
    font-weight: 400;
}
.progress .poll-percentage {
    float: right;
    position: absolute;
    margin-right: 15px;
    line-height: 30px;
    color: var(--black-color);
    font-size: 14px;
    font-weight: 400;
    right: 0px;
    font-family: sans;
	letter-spacing: .5px;
}

/* quote block */
.quote_block {
    padding: 30px;
    min-height: 350px;
    display: grid;
    align-content: center;
    border-radius: 8px;
    margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.quote_block p {
    margin: 0px !important;
    font-size: 32px !important;
    text-align: center;
}

/* job block */
.job-block { border: 1px solid #ececec; border-top-left-radius: 9px; border-top-right-radius: 9px; }
.job-block .job-bg { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.job-block .job-details { padding: 10px; overflow: hidden; }
.job-details p { margin: 5px 0px !important; width: 100%; float: left; clear: both; }
.job-details .button-group { margin: 10px 0px 0px 0px !important; clear: both; }

.job-details .add-friend-btn { float: left; }
.job-details .apply-btn { float: right; }

.job-details .add-friend-btn button { 
	border-radius: 20px !important;
	padding: 8px 15px 5px 15px !important;
	background-color: var(--main-color) !important;
	color: var(--white-color) !important;
	border: none !important;
	font-size: var(--font-size) !important;
	margin-right: 5px;
	margin-bottom: 10px;
}

.job-details .apply-btn button { 
	border-radius: 20px !important;
	padding: 8px 15px 5px 15px !important;
	background-color: var(--main-color) !important;
	color: var(--white-color) !important;
	border: none !important;
	font-size: var(--font-size) !important;
	margin-right: 5px;
	margin-bottom: 10px;
}

/* poster block */
.poster-block { border: 1px solid #ececec; border-top-left-radius: 9px; border-top-right-radius: 9px; text-align: center; width: 400px; margin: 0px auto; margin-top: 10px; margin-bottom: 10px; }
.poster-block .poster-bg { border-top-left-radius: 8px; border-top-right-radius: 8px; width: 400px; height: auto; }
.col_3 .poster-block { width: auto; }
.col_3 .poster-block .poster-bg { width: auto; }


/* audio and document block */
.audio-document-block img {
	width: 64px;
	height: 64px;
	background: #efefef;
	border-radius: 8px;
	padding: 10px;
	cursor: pointer;
	margin-right: 8px;
	margin-bottom: 10px;
}

/* appreciation grievance block */
.appreciation-grievance-block { border: 1px solid #ececec; border-top-left-radius: 9px; border-top-right-radius: 9px; margin-top: 10px; margin-bottom: 10px; }
.appreciation-grievance-block .appreciation-grievance-bg { border-top-left-radius: 8px; border-top-right-radius: 8px; width: 100%; height: auto; }
.appreciation-grievance-details { padding-top: 10px !important; }
.appreciation-grievance-details .row:first-child { border-radius: 8px; border: 1px solid #bbb; margin-bottom: 15px; }
.appreciation-grievance-details .row p { margin: 0px !important; }
.appreciation-grievance-details .logo { width: 80px; height: 80px; border-radius: 8px; margin-top: 15px; }
.appreciation-grievance-block .hr { margin: 0px; }
.appreciation-grievance-block .all-messages-body { padding: 10px; border-top: 1px solid #ececec; border-radius: 0px; }
.appreciation-grievance-block .chat-avatar img { width: 56px; height: 56px; }
.appreciation-grievance-block .chat-message { padding: 3px 10px !important; margin: 0px 0px 0px 10px !important; }
.appreciation-grievance-block .row.footer { background: #ececec; padding: 10px 0px; overflow: hidden; margin: 0px; }
.appreciation-grievance-block .row.footer p { margin: 0px !important; }
.appreciation-grievance-block .row.footer span { color: var(--black-color); font-size: var(--font-size); }
.appreciation-grievance-block .row.footer a p strong { color: var(--main-color); font-size: var(--font-size); }
.chat-message.no-bg-color { background: none !important; padding: 0px !important; margin-bottom: 10px !important; }


/* menu page, cms */
.page-banner-box.bg-2 {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
}


/* sidebar slider */
.watch-sidebar-slides {
    height: 280px;
    width: 100%;
    margin-bottom: 25px;
}
.watch-sidebar-slides .sliders-item {
	height: 280px;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.sliders-item a {
    color: var(--white-color);
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    background-color: var(--black-color);
    padding: 8px;
    opacity: .8;
    text-transform: capitalize;
    font-weight: 600;
}

.sliders-item p {
    color: var(--white-color);
	position: absolute;
	bottom: 20px;
	text-align: left;
	width: 100%;
	padding: 8px;
	font-size: 22px;
}

.col_2 .news-feed-post {
	overflow: auto;
}

.post-share { text-align: right; }
.post-share .share-options { display: none; color: var(--paragraph-color); font-size: 14px; padding-top: 10px; }


.no-post .video-image img { height: 400px; width: auto; margin: 0px auto; }

.no-post .video-image { text-align: center; margin-bottom: 20px; }

/* nav menu */
.nav-item.level-0 {
    margin-left: 0px; margin-bottom: 15px !important;
}
.nav-item.level-1 {
    margin-left: 40px; margin-bottom: 15px !important;
}
.nav-item.level-2 {
    margin-left: 80px; margin-bottom: 15px !important;
}

.nav-item.level-1 .nav-link { padding: 5px 0 5px 0px !important; }
.nav-item.level-2 .nav-link { padding: 5px 0 5px 0px !important; }


/* Start Responsive CSS */
@media only screen and (max-width: 320px) {
	.post-image-2 .image { min-height: 210px; }
	.post-image-3 .left { height: 300px; }
	.post-image-3 .right { height: 300px; }
	.post-image-3 .image { min-height: 150px; }
	.post-image-4 .image { min-height: 150px; }

	#ViewPhotoModal { min-height: 300px !important; }
	.watch-photo-slides .video-item { height: 300px; }
	.poster-block { width: auto; }
	.page-banner-box.bg-2 { height: unset !important; }

	.fixed-top { position: unset; padding-top: 0px; }

	.news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react { width: auto; }
}

@media only screen and (min-width: 320px) and (max-width:480px) { 
	.post-image-2 .image { min-height: 210px; }
	.post-image-3 .left { height: 300px; }
	.post-image-3 .right { height: 300px; }
	.post-image-3 .image { min-height: 150px; }
	.post-image-4 .image { min-height: 150px; }

	#ViewPhotoModal { min-height: 300px !important; }
	.watch-photo-slides .video-item { height: 300px; }
	.poster-block { width: auto; }
	.page-banner-box.bg-2 { height: unset !important; }

	.post-body .post-meta-wrap { padding: 10px 0px !important; }
	.news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react { height: 21px; }
	.news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react a { max-width: unset; }
	.news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react i { float: left; }
	.news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react span { display: none; }
	.news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react .number { display: unset; border: unset; float: left; padding: 0px !important; margin: 0px !important; }
	.share-options a { width: 100%; }
	.share-options span { display: none; }
	.post-share .share-options { width: 100px; }

	.fixed-top { position: unset; padding-top: 0px; }

	.news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react { width: auto; }
}

@media only screen and (min-width: 480px) and (max-width:768px) { 
	.post-image-2 .image { min-height: 210px; }
	.post-image-3 .left { height: 300px; }
	.post-image-3 .right { height: 300px; }
	.post-image-3 .image { min-height: 150px; }
	.post-image-4 .image { min-height: 150px; }

	#ViewPhotoModal { min-height: 300px !important; }
	.watch-photo-slides .video-item { height: 300px; }
	.page-banner-box.bg-2 { height: unset !important; }

	.fixed-top { position: unset; padding-top: 0px; }

	.news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react { width: auto; }
}

@media only screen and (min-width: 768px) and (max-width:1024px) { 
	#index_page .col_3 .post-meta-wrap { display: none !important; }
	#post_detail_page .col_3 .post-meta-wrap { display: none !important; }
}

@media only screen and (min-width: 1024px) and (max-width:1365px) { 
	#index_page .col_3 .post-meta-wrap { display: none !important; }
	#post_detail_page .col_3 .post-meta-wrap { display: none !important; }
}

@media only screen and (min-width: 1366px) and (max-width:1600px) { 
	#index_page .col_3 .post-meta-wrap { display: none !important; }
	#post_detail_page .col_3 .post-meta-wrap { display: none !important; }
}

@media only screen and (min-width: 1601px) and (max-width:1900px) { 
	#index_page .col_3 .post-meta-wrap { display: none !important; }
	#post_detail_page .col_3 .post-meta-wrap { display: none !important; }
}

@media only screen and (min-width: 1900px) { 
	#index_page .col_3 .post-meta-wrap { display: none !important; }
	#post_detail_page .col_3 .post-meta-wrap { display: none !important; }
}
/* End Responsive CSS */