/*
Theme Name: Beehive Child
Description: Child theme for beehive theme
Author: thunder-team
Author URI: http://themeforest.net/user/thunder-team
Template: beehive
Version: 5.0.0
Text Domain:  beehive
*/

@media only screen and (max-width: 600px) {
	.directorist-embaded-video {
		width: 100% !important;
	}

	.directorist-single-info__label {
		width: fit-content !important;
		min-width: fit-content !important;
		max-width: fit-content !important;
	}
}

@media only screen and (max-width: 377px) {
	.directorist-single-info__value {
		margin-top: 4px;
	}

	.directorist-social-links {
		margin-left: 7px;
	}
}

.directorist-single-info-phone .directorist-single-info__value {
	min-width: fit-content;
}

.directorist-social-links {
	margin-top: 0px;
}

.modified-image-banner a img {
	height: 250px;
	width: 250px;
	margin-left: 50px;
	border-radius: 10px;
	margin-bottom: 20px;
}

/*--------------------------------------------------------------
# Skeleton Loader
--------------------------------------------------------------*/

/* .g[class*="g-"], .rtmedia-item-thumbnail {
	position: relative;
	&:before {
		content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-animation: wpstorySkeleton 1s infinite reverse;
		animation: wpstorySkeleton 1s infinite reverse;
		background: -webkit-gradient(linear, left top, right top, from(#dce0e5), color-stop(#f0f2f4), to(#dce0e5));
		background: -webkit-linear-gradient(left, #dce0e5, #f0f2f4, #dce0e5);
		background: -webkit-linear-gradient(0deg, #dce0e5, #f0f2f4, #dce0e5);
		background: linear-gradient(90deg, #dce0e5, #f0f2f4, #dce0e5);
		background-size: 200%;
		z-index: -1;
	}
	&.gslider-initialized, &.dataloaded {
		&:before {
			display: none;
		}
	}
} */

@-webkit-keyframes wpstorySkeleton {
	0% {
		background-position: -100% 0;
	}

	to {
		background-position: 100% 0;
	}
}

@keyframes wpstorySkeleton {
	0% {
		background-position: -100% 0;
	}

	to {
		background-position: 100% 0
	}
}

/*--------------------------------------------------------------
# Global Style
--------------------------------------------------------------*/


/* New Custom Css */

* {
	scroll-behavior: smooth;
}

.width100 {
	width: 100% !important;
}

input.invalid {
	border: 1px solid red !important;
}

.error-msg {
	color: red !important;
	font-size: 0.9em;
	margin-top: 4px;
}

a,
a:hover {
	text-decoration: none;
}

button {
	border-radius: 5px;
}

input[type="submit"],
button[type="submit"] {
	background-image: none !important;
	box-shadow: none !important;
	border-radius: 5px;
}

html {
	overflow: unset !important;
}

html.members-page,
html.groups-page {
	scroll-behavior: unset;
}

.em.pixelbones a {
	color: var(--theme-color-primary) !important;
}

.em.pixelbones .input input[type=submit].button-primary,
.em.pixelbones .input input[type=submit].button-primary:hover {
	background-color: var(--theme-color-primary) !important;
	border-color: var(--theme-color-primary) !important;
}

.beehive-title-bar .adrotate_a {
	margin-bottom: 30px;
}

body .event-go-back-button,
.custom-btn {
	display: flex;
	justify-content: flex-end;

	.mbtn1 {
		background-color: #F7941E !important;
		color: #fff !important;
		padding: 10px 25px;
		margin-bottom: 20px;
		display: inline-block;
		text-decoration: none;
		border-radius: 5px;
	}

	.toggle-favorite-btn,
	.story-save-toggle-btn {
		border: 1px solid #2b3991;
		padding: 0 15px;
		border-radius: 5px;
		cursor: pointer;
		margin: 0 0 20px 1rem;
		display: flex;
		align-items: center;

		i {
			color: #2b3991;
		}

		&.favorited,
		&.active {
			background: #2b3991;

			i {
				color: #fff;
			}
		}
	}
}

#groups-list .g,
.members-ad .g {
	height: auto;
}

.members-ad {
	width: 50%;
	padding: 0 15px;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.ad-placeholder {
	margin-top: 30px;
}

/* .g-dyn.hide {
	display: none !important;
}
.g-dyn.active {
	display: block !important;
} */
.widget-area img {
	width: 100%;
}

.nav-component .nav-component-list,
.bp-navs.dir-navs>ul,
#buddypress.buddypress-wrap:not(.bp-single-vert-nav) .business-main-nav.bp-navs.bp-business-profile-type-navs>ul {
	display: flex;
	gap: 5px;

	>li {
		&.flexMenu-viewMore {
			margin-left: auto;
		}

		>a {
			background-color: #2b3991;
			color: #fff;
			padding: 5px 10px;
			margin-bottom: 10px;

			&:hover {
				color: #fff;
				background-color: var(--theme-color-primary) !important;
			}

			br {
				display: none;
			}
		}

		&.current-menu-item,
		&.selected,
		&.current {
			border-bottom: 3px solid var(--theme-color-primary);

			>a {
				color: #fff !important;
				background-color: var(--theme-color-primary) !important;
				visibility: visible;

				.count {
					color: var(--theme-color-primary);
				}
			}
		}

		&.flexMenu-viewMore>a {
			color: #fff;

			&:hover {
				color: #fff;
			}
		}
	}
}
.photo-rating-tabs .pr-tabs {
	    background: transparent !important;
}
.photo-rating-tabs .pr-tabs li {
	    border-radius: 4px !important;
	    border: 1px solid #ddd !important;
	    background-color: #fff !important;
	    margin-right: 10px !important;
	    padding: 10px 20px !important;
	    color: #333 !important;
}
.photo-rating-tabs .pr-tabs li.active {
	    background-color: #f7941e !important;
	    color: #fff !important;
	    border-color: #f7941e !important;
}

.photo-rating-tabs .pr-tabs li.active:after {
	    display: none !important;
}

.pr-category-tab {
	    border-radius: 4px !important;
	    margin-right: 10px !important;
}



.page-header {
	margin-bottom: 30px;

	h2 {
		background-color: #2b3990;
		color: #fff !important;
		padding: 15px 20px;
		border-radius: 5px;
		font-weight: 400;
	}

	p {
		color: #010000;
		margin-bottom: 0;
	}
}

body.beehive-social-layout .site-content {
	padding-right: 0;
}

.bpbmuc {
	position: absolute;
	top: 0;
	right: 0;
	background: var(--theme-color-primary);
}

#user-images-list .ad-placeholder {
	margin: 10px 10px 20px;
	width: 100%;
}

.empty-resume-message,
.buddypress-wrap .bp-feedback.info {
	padding: 1rem 1.5rem;
	margin: .5rem 0 1rem;
	background-color: #fff;
	border: 1px solid var(--theme-color-border);
	border-top: 2px solid var(--theme-color-info);
	color: var(--theme-color-text);
	border-radius: 12px;
	box-shadow: 0 8px 6px -6px rgba(58, 46, 68, .05);

	.bp-icon {
		display: none;
	}
}

/* .entry-header {
    display: none;
}
.single-advert, .single {
	.entry-header {
		display: block;
	}
} */

a.button,
.pmpro .pmpro_btn,
.pmpro .pmpro_btn:link,
.pmpro_content_message a,
.pmpro_content_message a:link,
.generic-button a,
input[type=button],
input[type=reset],
button {
	min-height: unset;
}

body.members {
	transition: none;
}

.bp-pagination a,
.bp-pagination span {
	border-radius: 5px;

	&.current {
		background-image: none;
		box-shadow: none;
	}
}

.rtmedia-container .rtmedia-list>span {
	width: 100%;
}

.beehive-element-menu .navbar-inline {
	.navbar-element {
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow: hidden;
		overflow-x: auto;
		border-bottom: 1px solid #ccc;

		li {
			border-bottom: 2px solid transparent;

			&.current_page_item {
				border-color: #f7941e;
			}

			a {
				padding: 0 calc(0.5em + 2px) .5rem;
				white-space: nowrap;
			}
		}
	}
}

#bbpress-forums div.bbp-breadcrumb a.bbp-breadcrumb-home {
	display: none;

	&+.bbp-breadcrumb-sep {
		display: none;
	}
}

a.cma-backlink {
	font-size: 12px;
	font-weight: 500;
	background-color: #f7941e;
	box-shadow: none;
	color: #fff;
	border: 1px solid #f7941e;
	border-radius: 5px;
	padding: 5px 15px;
	display: inline-block;
	text-decoration: none;

	&:hover {
		color: #ffffff;
	}
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
select,
textarea {
	border-radius: 5px;
}


.custom-lost-password {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;

	.clp-box {
		background-color: #fff;
		padding: 40px;
		border-radius: 5px;
		margin: 0 20px;
		width: clamp(280px, calc(100% - 40px), 500px);

		.clp-logo {
			text-align: center;
			margin-bottom: 30px;

			img {
				width: clamp(140px, 50%, 220px);
			}
		}

		label,
		legend {
			font-weight: 400;
		}

		input#user_login {
			border-radius: 60px;
			margin-top: 10px;
			padding: 16px 20px;
			height: auto;
			line-height: 1;
		}

		.button {
			background-color: #F7941E;
			color: #000;
			width: 100%;
			border-radius: 60px;
			padding: 20px;
			font-size: 16px;
			line-height: 1;

			&:hover {
				background-color: #F7941E;
				color: #000;
				border-color: #F7941E;
			}
		}

		a.button {
			background-color: transparent;
			border: 1px solid #000;
			margin-top: 15px;
		}

		.success-message {
			background-color: #d4edda;
			color: #155724;
			border: 1px solid #c3e6cb;
			padding: 10px 15px;
			border-radius: 5px;
			margin-bottom: 15px;
			text-align: center;
		}
	}
}

.forgot-password-success {
	background-color: #017501;
	color: #fff;
	padding: 10px 20px;
	margin-bottom: 20px;
	border-radius: 5px;
}

.form-group {
	margin-bottom: 20px;
}

.beehive-login-element.default .element-login-form .form-group span.icon {
	background: #fff;
	height: 52px;
	width: 52px;
	line-height: 52px;
	left: 3px;
	font-size: 20px;
}

.beehive-login-element.default .element-login-form input[type="text"],
.beehive-login-element.default .element-login-form .form-group input[type="text"],
.beehive-login-element.default .element-login-form .form-group input[type="password"] {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 65px;
	height: auto;
	background-color: #D9DBEB;
	font-size: 20px;
	color: #000;
}

.beehive-login-element.default .element-login-form input[type="text"] {
	padding: 15px;
	height: auto;
	background-color: #D9DBEB;
	font-size: 20px;
	color: #000;
	border-radius: 50px;
}

.beehive-login-element.default .element-login-form input::placeholder {
	color: #000;
}

.beehive-login-element.default .element-login-form label,
.beehive-login-element.default .element-login-form a {
	font-size: 20px;
	color: #000;
	margin-bottom: 10px;
}

.beehive-login-element.default .element-login-form div.submit button[type="submit"] {
	background-color: #F7941E;
	background-image: none;
	padding: 17px;
	border-radius: 60px;
	font-size: 20px;
	color: #000;
}

.beehive-login-element.default .element-login-form .register-link a {
	display: block;
	border: 1px solid #000;
	border-radius: 60px;
	padding: 16px;
	margin-top: 15px;
}

.beehive-login-element.default .element-login-form .register-link a:hover {
	border: 1px solid #F7941E;
	background-color: #F7941E;
}

input#element-rememberme {
	border-color: #000;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}

.beehive-social-panel {
	background: transparent;
	box-shadow: 2px 0 10px 0 rgb(0 0 0 / 15%);
}

.beehive-social-panel .panel-block.light {
	padding: 0;
	border-right: none;
}

.beehive-social-panel .panel-block.dark {
	padding: 0;
	background-color: transparent;
	background-image: none;
}

.beehive-social-panel .my-card .profile-avatar img.avatar {
	box-shadow: none;
	border: 2px solid #f7941e;
}

.beehive-social-panel .panel-block .panel-logo img {
	padding: 20px;
	max-width: 100%;
	width: auto;
	max-height: 80px;
}

.beehive-social-panel .panel-block .item {
	max-width: none;
	margin: 0;
	box-shadow: none;
	border-radius: 0;
}

.beehive-social-panel .panel-block .my-card.item {
	background-color: #2B3990;
	display: flex;
	padding: 0;
}

.beehive-social-panel .my-card:before {
	display: none;
}

.beehive-social-panel .panel-block .my-card.item .info {
	width: calc(100% - 70px);
	padding: 30px;
	display: flex;
	align-items: center;
	text-align: left;
}

.beehive-social-panel .panel-block .my-card.item .info a {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}

.beehive-social-panel .panel-block .my-card.item .info small {
	font-size: 14px;
	color: #fff;
}

.beehive-social-panel .panel-block .my-card.item .info .profile-avatar {
	margin: 0 15px 0 0;
}

.beehive-social-panel .my-card ul.connections {
	padding: 0;
	margin: 0;
	border-top: none;
	border-left: 1px solid #fff;
	width: 80px;
}

.beehive-social-panel .my-card ul.connections li {
	display: block;
	padding: 10px;
	color: #fff;
	font-size: 14px;
}

.beehive-social-panel .my-card ul.connections li .count {
	font-size: 14px;
	font-weight: 400;
}

.beehive-social-panel .my-card ul.connections li:first-child {
	border-bottom: 1px solid #fff !important;
}

.beehive-social-panel .my-card ul.connections li p {
	color: #fff;
	font-size: 14px;
}

.beehive-social-panel .inner-panel .panel-menu ul.navbar-panel {
	padding: 0 0 40px 0;
	text-align: left;
}

.beehive-social-panel .inner-panel .panel-menu ul.navbar-panel li {
	width: 100%;
	max-width: 100%;
	-webkit-flex: 0 0 100%;
	-moz-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	border-bottom: 1px solid #ccc;
}

.beehive-social-panel .inner-panel .panel-menu ul.navbar-panel li a {
	display: flex;
	align-items: center;
	color: #000000;
	padding: 5px 25px;
	font-size: 14px;
	font-weight: 500;

	* {
		font-size: 14px;
	}
}

.beehive-social-panel .inner-panel .panel-menu ul.navbar-panel li.current-menu-item a,
.beehive-social-panel .inner-panel .panel-menu ul.navbar-panel li a:hover {
	color: #000000 !important;
	background-color: #F7941E;
	padding: 5px 25px;
	font-weight: 500;
}

.beehive-social-panel .panel-menu ul.navbar-panel li a i {
	font-size: 18px;
	margin: 0 10px 0 0 !important;
}

nav.beehive-navbar.social {
	border-bottom: 1px solid #000;
}

.panel-block .menu-item-has-children {
	overflow: hidden;
}

.panel-block .menu-item-has-children>a+.sub-menu {
	display: none;
	padding-left: 0;
}

.panel-block .menu-item-has-children>a.openmenu+.sub-menu {
	display: block;
}

.panel-block .menu-item-has-children>a.openmenu+.sub-menu li:first-child {
	border-top: 1px solid #ccc;
}

.panel-block .menu-item-has-children>a.openmenu+.sub-menu li:last-child {
	border-bottom: 0;
}

.panel-block .menu-item-has-children>a {
	position: relative;
}

.panel-block .menu-item-has-children>a:after {
	content: '';
	position: absolute;
	top: calc(50% - 8px);
	right: 15px;
	width: 12px;
	height: 12px;
	border-style: solid;
	border-color: #000;
	border-width: 0px 2px 2px 0px;
	transform: rotate(45deg);
	pointer-events: none;
	z-index: 2;
	transition: 0.3s;
}

.panel-block .menu-item-has-children>a.openmenu:after {
	top: calc(50% - 3px);
	transform: rotate(225deg);
	transition: 0.3s;
}

.panel-block .menu-item-has-children .sub-menu a {
	padding-left: 60px !important;
}

#buddy-chat-app #buddy-chat-buddies.collapsed .buddy-chat-buddies__collapser,
#buddy-chat-app #buddy-chat-buddies.collapsed,
#buddy-chat-app #buddy-chat-buddies,
#buddy-chat-app #buddy-chat-buddies .buddy-chat-buddies__collapser {
	background-color: #2B3990;
}

#buddy-chat-app #buddy-chat-buddies * {
	color: #fff;
}

.dropd-group.dropd-dr.active .dropd-item,
#buddy-chat-app .buddy-chat-buddies__content .bpc-igroup .bpc-form-control {
	color: #000 !important;
}

#activity-stream {
	display: block !important;
	opacity: 1 !important;
}

.layout.social .col-aside aside.widget-area .widget {
	padding: 0;
	border: 1px solid #2B3990;
	color: #fff;
	border-radius: 5px;
	background: #fff;

	li {
		padding: 7px;
		margin-bottom: 2px;
		color: #000;

		&:before {
			display: none;
		}

		a {
			color: #29292d;
		}
	}

	.widget-title,
	.widget-title a {
		color: #fff;
		font-weight: 500;
		background: #2B3990;
		padding: 10px 10px;
		margin-bottom: 0;

		&:after {
			display: none;
		}
	}

	.item-options {
		padding: 5px;

		a {
			padding: 2px;
		}
	}

	.topic-author img {
		width: 20px;
		margin-right: 3px;
	}

	.wp-widget-group__inner-blocks {
		margin-top: 0;
	}

	.g {
		aspect-ratio: 321 / 380;
	}

	.empty_birthday {
		color: #000;
		padding: 10px;
	}
}

aside.widget-area>.widget .widget-title:after {
	background: #ffffff !important;
	width: 70px;
}

.badge-primary {
	color: #000;
	background-color: #f7941e;
}

aside.widget-area>.widget>ul>li:last-child {
	padding-bottom: 7px;
}

.buddypress.widget img.avatar {
	border: 1px solid #2B3990;
}

.buddypress.widget .item-options a.selected,
.buddypress.widget .item-options a.current,
.buddypress.widget .item-options a:hover {
	font-weight: 400;
	background-color: #f7941e;
	color: #000;
	text-decoration: none;
}

.buddypress.widget .item-options .bp-separator {
	display: none;
}

.layout.social .col-aside {
	border-left: none;
	padding: 30px 30px 70px 0 !important;
	max-width: 323px;
}

.layout.social .col-main {
	min-height: 100vh;
	min-width: calc(100% - 323px);
	flex: 0 0 100%;
}

.wp-stories-add-stories .wp-stories-add-image img {
	box-shadow: none;
	border: 3px solid #2b3990;
}

.wp-stories-add-stories .wp-stories-add-image svg path:last-child {
	fill: #f7941e;
}

body .activity-update-form {
	box-shadow: none;
	background: #2b3990;
	border-radius: 5px;

	form#whats-new-form.activity-form-expanded::after {
		content: "⚠️ Only Images and Pictures are allowed. Videos are not permitted.";
		color: #f05656;
		padding-top: 10px;
		display: block;
		height: auto;
		font-weight: 600;
	}
}

.activity-update-form form#whats-new-form:not(.activity-form-expanded) #whats-new-textarea textarea {
	border-radius: 5px !important;
	background: #fff;
	min-height: auto;

	&::placeholder {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

body .buddypress-wrap .activity-update-form form#whats-new-form #whats-new-content+.rtmedia-container.rtmedia-uploader-div {
	display: none !important;
}

body .buddypress-wrap .activity-update-form form#whats-new-form.activity-form-expanded #whats-new-content+.rtmedia-container.rtmedia-uploader-div,
body .buddypress-wrap .activity-update-form form#whats-new-form.activity-form-expanded #whats-new-attachments+.rtmedia-container.rtmedia-uploader-div {
	display: block !important;
	width: 100%;
	border-bottom: none;
	padding: 0;
	margin-left: 0 !important;
}

.activity-update-form form#whats-new-form #whats-new-attachments {
	margin-top: 15px;
	width: 100%;
	margin-left: 60px !important;

	.activity-link-preview-container {
		padding: 0;
		border: 0;

		.activity-link-preview-excerpt {
			padding: 0;
		}

		p {
			margin-bottom: 0;

			iframe {
				margin-top: 0;
			}
		}

		#activity-close-link-suggestion {
			color: rgb(255 255 255);
			left: auto;
			right: 10px;
			top: 21px;

			i {
				font-size: 24px;
			}
		}
	}
}

.bp-navs.dir-navs>ul {
	border-bottom: 1px solid #ccc;
}

.bp-navs.dir-navs>ul i a {
	color: #000;
}

.activity-list .activity-item,
.custom-user-post {
	list-style: none;
	height: 100%;
	padding: 20px;
	margin: 5px 5px 16px;
	background: #f7f7fb;
	border-radius: 5px;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);
	border: none !important;
}

.activity-list .activity-item>div.item-avatar {
	margin: 20px;
}

.activity-list .activity-item .activity-content .shared-activity-content {
	padding: 15px 20px;
	background: #f7f7fb;
	border-radius: 5px;
	box-shadow: 3px 3px 5px rgb(0 0 0 / 5%);
}

.activity-list .activity-item .activity-content .shared-activity-content::before {
	left: 0;
	width: 3px;
	opacity: 0.3;
}

.rtmedia-activity-container ul.rtm-activity-media-list:not(.masonry) .rtmedia-list-item.media-type-photo .rtmedia-item-thumbnail,
.rtmedia-activity-container ul.rtm-activity-media-list:not(.masonry) .rtmedia-list-item.media-type-video .rtmedia-item-thumbnail {
	padding-bottom: 0;
	background-color: transparent;
	box-shadow: none;
	border-radius: 5px;
}

.rtmedia-activity-container ul.rtm-activity-media-list:not(.masonry) .rtmedia-list-item.media-type-photo .rtmedia-item-thumbnail>img,
.rtmedia-activity-container ul.rtm-activity-media-list:not(.masonry) .rtmedia-list-item.media-type-video .rtmedia-item-thumbnail .mejs-container,
.rtmedia-activity-container ul.rtm-activity-media-list:not(.masonry) .rtmedia-list-item.media-type-video .rtmedia-item-thumbnail>video {
	position: static;
}

.rtmedia-activity-container .rtm-activity-media-list .media-type-photo .rtmedia-item-thumbnail:hover img {
	transform: scale(1);
}

.rtmedia-activity-text {
	margin-bottom: 10px;
}

.activity-update-form form#whats-new-form.activity-form-expanded button#rtmedia-add-media-button-post-update>span.button-text {
	display: none;
}

#rtmedia-uploader-form .plupload_file_thumb,
#rtmedia_uploader_filelist .plupload_file_thumb,
form .rtmedia-container .plupload_file_thumb {
	width: 50%;
}

#rtmedia-uploader-form .rtm-plupload-list canvas {
	width: 100%;
	height: 100%;
}

.plupload_file_name {
	width: 100%;
	padding-right: 10px;
}

.plupload_file_name input,
.plupload_file_name textarea {
	border-radius: 5px;
}

#rtmedia-uploader-form .rtm-plupload-list li,
#rtmedia_uploader_filelist li,
form .rtmedia-container .rtm-plupload-list li {
	border-radius: 5px;
}

.wb-stories--form-row.wb-stories--story-duration-wrapper {
	display: none;
}

#rtmedia-uploader-form .rtm-plupload-list li[title] {
	border: 3px solid red;
	margin-bottom: 30px;
	overflow: unset;
}

#rtmedia-uploader-form .rtm-plupload-list li[title]:after {
	content: "Videos are not permitted to be upload on Timeline";
	width: 100%;
	position: absolute;
	left: 0;
	top: 40px;
	color: #ffffff;
	font-weight: 400;
	background-color: red;
	padding: 0 10px;
}

.plupload_file_action {
	top: 8px;
	transform: none;
	cursor: pointer;
}

.plupload_file_action:before,
.plupload_file_action:after {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	height: 1px;
	background: #000;
	border-radius: 2px;
	pointer-events: none;
}

.plupload_file_action:before {
	transform: rotate(45deg);
}

.plupload_file_action:after {
	transform: rotate(-45deg);
}

.plupload_file_action .ui-icon {
	opacity: 0;
}

.plupload_file_name .dashicons {
	top: 4px;
	transform: none;
}

aside.widget-area {
	height: auto;
}

.bp-dynamic-block-container ul.item-list li {
	.item {
		margin-left: 55px;
	}

	.item-avatar {
		width: 40px;
	}
}

.activity-list {
	>.g {
		margin-bottom: 16px;
	}

	.activity-item {
		.activity-inner p {
			* {
				margin-bottom: 5px;
				display: inline-block;
			}

			*:has(img) {
				width: 100%;
			}
		}

		.activity-content {
			.activity-meta.action {
				border-bottom: 0;
				padding-bottom: 0;
			}

			.activity-attached-gif-container {
				margin-top: 10px;
				display: flex;
				align-items: center;
				justify-content: center;
				overflow: hidden;
				background: rgba(0, 0, 0, 0.09);
				border-radius: 5px;

				.gif-image-container img {
					width: auto;
					height: 400px;
				}
			}

			*:has(> iframe) {
				position: relative;
				aspect-ratio: 16 / 9;
				overflow: hidden;

				iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					border: none;
					max-height: 100%;
					max-width: 100% !important;
					border-radius: 5px;
					margin-top: 0 !important;
				}

				&:after {
					display: none;
				}
			}

			.rtmedia-activity-container {
				ul.rtm-activity-media-list {
					.rtmedia-list-item {
						&:first-child {
							img {
								width: auto !important;
								max-width: 100%;
								max-height: 100%;

								&.smallimg {
									height: auto !important;
								}
							}
						}

						.rtmedia-item-thumbnail {
							height: 100%;
							box-shadow: none;
							display: flex;
							align-items: center;
							justify-content: center;
							background: rgba(0, 0, 0, 0.09);
							height: 400px;
						}
					}
				}
			}

			.friendship-button.pending_friend a,
			.friendship-button.pending_friend a:hover {
				background-color: #e00000;
				border: #e00000;
				color: #fff;
			}
		}
	}
}

.yt-iframe ul {
	padding-left: 0;
}

.activity-update-form {
	form#whats-new-form {
		display: flex;
		flex-wrap: wrap;

		&.activity-form-expanded {
			margin-bottom: 0;

			#whats-new-content {
				margin-left: 20px !important;
				width: calc(100% - 60px);
				padding: 0;
				background-color: #fff;
				border-radius: 5px;

				textarea {
					height: 80px !important;

					&::placeholder {
						white-space: normal;
					}
				}
			}

			#whats-new-avatar {
				position: static;
			}

			.rtm-tab-content {
				display: flex;
				;
				flex-direction: column-reverse;

				.rtmedia-plupload-container {
					margin-top: 20px;

					.bp-tooltip {
						display: none;
					}
				}
			}

			.rtmedia-uploader-div {
				&:not(.rtmedia-plupload-container) {
					display: none !important;
				}

				button#rtmedia-add-media-button-post-update {
					&:hover {
						&:after {
							content: 'Allowed File Formats : jpg, jpeg, png, gif';
							color: #000;
							background-color: #fff;
							padding: 0 10px;
							position: absolute;
							pointer-events: none;
							border-radius: 3px;
							z-index: 9;
						}
					}
				}
			}

			#whats-new-options {
				color: #fff;
				width: 100%;
				padding-top: 0;
				align-items: flex-start;
				margin-top: -30px;
				gap: 5px;

				&:has(.rtmedia-plupload-container) {
					margin-left: 0 !important;
					margin-top: 20px;
				}

				i {
					display: flex !important;
					background-color: #fff !important;
					color: var(--theme-color-primary);
					width: 30px;
					height: 30px;
					align-items: center;
					justify-content: center;
					border-radius: 30px;
				}

				#rtmedia-action-update span.bp-tooltip {
					display: none;
				}

				#whats-new-submit {
					display: flex;
					align-items: center;
					justify-content: flex-start;
					flex-direction: row-reverse;
					z-index: 1;

					#aw-whats-new-submit {
						background-image: none;
						box-shadow: none;
						border-radius: 5px;
					}

					#aw-whats-new-reset {
						color: #fff;
						text-decoration: none;
						font-size: 12px;

						&:hover {
							color: #f7941e;
						}
					}
				}

				.post-elements-buttons-item {
					margin: 0;
					height: 30px;

					&:first-child {
						margin-left: 35px;
					}
				}

				#whats-new-post-in-box {
					#whats-new-post-in-box-items {
						position: absolute;
						left: 0;
						width: 100%;
						margin-top: 15px;
						background-color: #fff;
						padding: 15px;
						box-shadow: 0 0 5px 0 #00000033;
						border-radius: 5px;

						#activity-autocomplete {
							color: #000;
							background: #f7941e40;
							height: 40px;

							&::placeholder {
								color: #000;
							}
						}

						.bp-activity-object {

							&:focus,
							&:hover {
								background: transparent;
							}

							span {
								&:hover {
									color: #f7941e;
								}
							}
						}
					}
				}

				.bpquotes-bg-selection-div {
					margin-left: 0;
				}

				.bp-status-feeling-tab button.tablinks.active {
					border-bottom: 2px solid var(--theme-color-primary) !important;
					color: var(--theme-color-primary) !important;
				}

				.bp-status-feeling-activities-list li.bp-status-feeling-activities-list-item {
					cursor: pointer;
					padding: 10px;

					.bp-status-feeling-item-img {
						margin-right: 10px;
					}

					.bp-status-item-right {
						display: none;
					}
				}

				.bpstatus-option-panel {
					margin-top: 10px;

					.bp-status-list-selected-items {
						.bp-status-feeling-selected-item {
							background: transparent;
							padding: 0;
							margin: 0;

							.bp-status-item-title:empty,
							.bp-status-feeling-submit-button-wrapper .bp-status-feeling-go-back {
								display: none;
							}

							.bp-status-feeling-submit-button-wrapper .bp-status-feeling-submit-button {
								background: var(--theme-color-primary);
								border-radius: 5px !important;

								&:hover {
									background: var(--theme-color-primary);
								}
							}

							.bp-status-list-edit-item {
								margin-left: auto;
							}

							.bp-status-list-delete-item {
								color: #f05656;
							}
						}

						.bp-status-list-items-title[style="display: none;"]+.bp-status-item-img img {
							filter: invert(1);
						}

						.bp-status-feeling-title {
							padding: 5px 10px;
							background: var(--theme-color-primary);
							border-radius: 5px !important;
						}

						input::placeholder {
							color: var(--theme-color-text);
						}
					}
				}
			}
		}

		#whats-new-content {
			margin-left: 20px;
			width: calc(100% - 60px);
		}

		select,
		.pac-target-input,
		input::placeholder {
			color: #fff;

			&[type="submit"] {
				height: 40px;
			}

			option {
				color: var(--theme-color-text);
			}
		}

		input {
			color: var(--theme-color-text);
			text-decoration: none;
			font-size: 12px;
		}

		.bp-activity-schedule-post-modal input::placeholder {
			color: var(--theme-color-text);
		}
	}
}

.blog-layout-classic .beehive-post {
	background-color: rgb(43 57 144 / 4%);
	padding: 30px 20px;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
	margin-bottom: 20px;

	.entry-wrapper {
		background-color: transparent;
		border: 0;

		.entry-content .entry-content-inner {
			padding: 0;
		}
	}

	&:hover .entry-wrapper {
		box-shadow: none;
		transition: all .5s;
	}
}

.send_gift.activity-item p+.rtm-activity-media-list {
	padding-top: 15px !important;
}

.bp-checkins.bp-checkin-panel {
	width: 100%;
	margin-left: 0;
}

.gif-image-container img {
	width: 100%;
}

form.ac-form .ac-reply-content input {
	margin-left: 0;
}

.buddypress-giphy-active form.ac-form .ac-reply-content .bp-giphy-html-container {
	margin-left: 40px;
}

.buddypress-wrap .activity-comments .acomment-content {
	background: transparent !important;
}

/* .activity-comments {
	display: none;
	&.showcomment {
		display: block;
	}
} */
.activity-list .activity-content {

	p,
	.rtmedia-activity-text span {
		&.showLessContent {
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 4;
			-webkit-box-orient: vertical;
		}
	}

	.read-more {
		cursor: pointer;
		display: block;
		margin-top: 5px;
	}
}

.blog-layout-grid .beehive-post .entry-wrapper .entry-thumbnail+.entry-content .entry-meta {
	background-color: transparent;
	padding: 0;
	margin-top: 0;
}

.register .beehive-title-bar.social {
	display: none;
}

.registration.register {
	.adrotate_a {
		display: none;
	}

	#js-hiraku-offcanvas-0 {
		display: none;
	}

	nav.beehive-navbar.social {
		border-bottom: 0;

		.beehive-ajax-search {
			display: none;
		}

		ul.navbar-user>.nav-item>.nav-link {
			background-color: #F7941E;
			border: 1px solid #F7941E;
			padding: 8px 30px !important;
			color: #fff;
			margin-left: 15px;
			border-radius: 5px;
			text-align: center;
			width: 120px;

			&.register {
				background-color: transparent;
				border-color: #fff;

				&:hover {
					background-color: #F7941E;
					border-color: #F7941E;
				}
			}
		}
	}

	header.site-header nav.fixed-top {
		background-color: transparent;
	}

	.site-content {
		margin-left: 0;
		padding-right: 0;

		.layout {
			display: flex;
			align-items: center;
			justify-content: center;
			min-height: 100vh;
			background-image: url(http://srv1602362.hstgr.cloud/wp-content/uploads/2024/08/phillycircle-loginbg.jpg);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			padding: 30px 0;
		}

		.container {
			width: clamp(290px, calc(100% - 30px), 500px);

			.col-main {
				padding: 0;
			}
		}

		.main-content {
			display: flex;
			justify-content: center;
			background-color: #fff;
			border-radius: 20px;
			padding: 50px;

			.register-logo {
				width: 240px;
				text-align: center;
				margin: 0 auto 40px;
			}

			.register-page {
				.register-page-title {
					color: #F7941E;
					text-transform: uppercase;
					font-size: 0;
					position: relative;

					&:before {
						content: '';
						width: 100%;
						height: 1px;
						background-color: #2b3990;
						position: absolute;
						left: 0;
						top: 50%;
					}

					&:after {
						content: ' Create an Account ' !important;
						font-size: 24px;
						background-color: #fff;
						z-index: 1;
						position: relative;
						padding: 0 20px;
					}

					span {
						z-index: 1;
						position: relative;
						padding: 0 20px;
						background-color: #fff;
					}
				}

				#signup-form label,
				#signup-form legend {
					display: none;

					&.terms-label {
						display: block;
						margin-bottom: 10px;
					}
				}

				.register-section {
					padding: 0;
					border-radius: 0;
					box-shadow: none;
					margin-bottom: 12px;
				}

				#signup-form input {
					background: rgb(43 57 144 / 18%);
					margin-bottom: 15px;
					color: #000;
					border-radius: 50px;

					&#agree_terms {
						margin-top: 0;
						margin-bottom: 0;
					}
				}

				#otp_field label,
				#otp_field h2 {
					display: block;
					width: 100%;
					margin-bottom: 0;
				}

				#otp-boxes {
					display: flex;
					gap: 10px;
					margin-top: 8px;
					justify-content: center;
					width: calc(100% - 110px);
				}

				#otp-boxes input.otp-digit {
					padding: 0;
					width: calc(100% / 6);
					height: 50px;
					text-align: center;
					font-size: 22px;
					border-radius: 8px;
					border: 1px solid #ccc;
					margin-bottom: 0;
				}

				#signup-form #submit {
					background: #F7941E;
					margin-bottom: 0;
					width: 100%;
					padding: 16px;
					line-height: 1;
				}

				.signup-form .submit {
					margin: 0;
					padding-top: 0 !important;
				}

				.bp-heading {
					font-size: 18px;
					text-align: left;
				}

				.button.login-button {
					border-color: #000;
					color: #000;
					width: 100%;
					margin-top: 15px;
					padding: 16px;
					line-height: 1;

					&:hover {
						border-color: #F7941E;
					}
				}

				div#otp_field {
					position: relative;
					display: flex;
					gap: 10px;
					flex-wrap: wrap;
					align-items: center;
					text-align: center;
					justify-content: center;
				}
			}
		}
	}

}

/* .buddypress-wrap .bp-feedback.info {
    border: 0;
    margin-bottom: 1.25rem;
    box-shadow: none;
	text-align: center;
    color: #000;
	padding: 0;
	.bp-icon {
		color: var(--theme-color-info) !important;
	}
} */
input:-webkit-autofill {
	box-shadow: inset 0 0 20px 20px rgb(43 57 144 / 10%) !important;
}

aside.widget-area nav.sidebar-nav-menu {
	display: none;
}



.buddypress-wrap .grid.bp-list>li .list-wrap,
.rtmedia-list .rtmedia-list-item .rtmedia-activity-container,
.elfsight-app-74f7af68-14b6-4eb0-8497-bfc330b1f899 [class*="Grid__GridContainer-"]>div>[class*="Container-"] {
	background-color: rgb(43 57 144 / 4%);
	padding: 30px 20px;
	border-radius: 5px;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
	border: 0 !important;
}

.buddypress-wrap .grid.bp-list>li:hover .list-wrap {
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
}

ul.connections li p {
	color: #000;
}

.buddypress-wrap .grid.bp-list>li .action .generic-button a,
.buddypress-wrap .grid.bp-list>li .action .generic-button button {
	border-radius: 5px;
	max-width: 100%;
}

.buddypress-wrap .subnav-filters,
.beehive-filters {
	background: #2B3990 !important;
	padding: 20px;
	border-bottom: 0;
	border-radius: 5px;

	&:empty {
		display: none;
	}

	input,
	select {
		background: #fff !important;
	}
}

#send_message_form input:not([type="button"]) {
	background-color: #fff;

	&#send-to-input {
		width: 100%;
	}
}

.rtm-media-options.beehive-filters .filter-wrapper,
.rtm-media-options.beehive-filters .filter-wrapper #media_search_form {
	width: 100%;
}

.buddypress-wrap .dir-search form.bp-dir-search-form input,
.media_search #media_search_input {
	background: #fff !important;
	border-radius: 5px 0 0 5px;
	margin-right: 0;
	width: calc(100% - 40px);
	border: 0;
	color: #626c72;

	&::placeholder {
		color: #626c72;
	}
}

.rtmedia-gallery-item-actions {
	top: 0;
	border-radius: 5px 5px 0 0;
}

.buddypress-wrap .dir-search form.bp-dir-search-form .nouveau-search-submit,
.media_search #media_search {
	background-image: none;
	box-shadow: none;
	color: #fff;
	border-radius: 0 5px 5px 0;
	margin-left: 0;
}

.select-wrap {
	position: relative;
}

.select-wrap:after {
	content: '';
	position: absolute;
	top: calc(50% - 6px);
	right: 15px;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-color: #fff;
	border-width: 0px 3px 3px 0px;
	transform: rotate(45deg);
	pointer-events: none;
	z-index: 2;
}

.select-wrap:before {
	content: '';
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: #f7941e;
	z-index: 1;
	border-radius: 0 5px 5px 0;
	pointer-events: none;
}

.buddypress-wrap .subnav-filters .last select,
.buddypress-wrap .subnav-filters .component-filters select {
	width: 220px;
	background: #fff;
	border-radius: 5px;
	border: 0;
}

.bp-navs ul li.selected a,
.bp-navs ul li.current a,
.nav-component .nav-component-list>li.is-active,
.nav-component .nav-component-list>li.selected,
.nav-component .nav-component-list>li.current,
.nav-component .nav-component-list>li.current_page_item {
	font-weight: 500;
}

.rtmedia-list-item .rtmedia-activity-container p {
	display: none;
}

.buddypress-wrap .groups-list.grid li .item-cover {
	height: 120px;
	margin: -30px -20px -37px -20px;
	border-radius: 0;
}


[class*="Container-"] [class*="Columns-"] [class*="Layer-"] {
	background: rgb(0 0 0 / 20%);
	display: flex;
	align-items: center;
	justify-content: center;
}

[class*="Container-"] [class*="Columns-"] [class*="Layer-"]>div,
[class*="Container-"] [class*="Columns-"] [class*="Layer-"] svg {
	width: 25px;
	height: 25px;
}

.elfsight-app-74f7af68-14b6-4eb0-8497-bfc330b1f899 [class*="Grid__GridContainer-"]>div>[class*="Container-"] {
	padding: 20px;
}

.elfsight-app-74f7af68-14b6-4eb0-8497-bfc330b1f899 [class*="MediaContainer__Container-"] {
	height: 100%;
}

.cfzYhB {
	position: relative;
	padding-left: 40px;
}

.hxFaXM+.cfzYhB {
	padding-left: 0;
}

.cfzYhB:before {
	content: '';
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #D9D9D9;
	border: 2px solid #F7941E;
	border-radius: 100%;
}

.hxFaXM+.cfzYhB:after,
.hxFaXM+.cfzYhB:before {
	display: none;
}

.elfsight-app-74f7af68-14b6-4eb0-8497-bfc330b1f899 .huflDf {
	background-color: #2b3990;
	color: #fff !important;
	text-align: left;
	padding: 15px 20px;
	border-radius: 5px;
	font-weight: 500;
}

.elfsight-app-74f7af68-14b6-4eb0-8497-bfc330b1f899 .hBTfts {
	text-align: left;
	color: #000;
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
}

.elfsight-app-74f7af68-14b6-4eb0-8497-bfc330b1f899 .es-load-more-button {
	background-color: transparent !important;
	border: 1px solid #F7941E !important;
	width: 100% !important;
	color: #F7941E !important;
	border-radius: 5px !important;
	box-shadow: none !important;
	font-weight: 500 !important;
}

.elfsight-app-74f7af68-14b6-4eb0-8497-bfc330b1f899 .es-load-more-button:hover {
	background-color: #F7941E !important;
	color: #000 !important;
}

.elfsight-app-74f7af68-14b6-4eb0-8497-bfc330b1f899 .es-load-more-button:hover span {
	background-color: transparent !important;
}

.post-34766 .has-large-font-size.has-large-font-size,
.post-44711 .has-large-font-size.has-large-font-size {
	background-color: rgb(247 148 30 / 10%);
	padding: 15px 20px;
	border-radius: 5px;
	margin-bottom: -20px;
}

.post-34766 p:first-child+.has-large-font-size.has-large-font-size,
.post-44711 p:first-child+.has-large-font-size.has-large-font-size {
	background-color: #2b3990;
	color: #fff !important;
	margin-bottom: 1rem;
}

.post-34766 .has-large-font-size.has-large-font-size strong,
.post-44711 .has-large-font-size.has-large-font-size strong,
.post-50168 .has-large-font-size.has-large-font-size strong {
	font-weight: 500;
}

.post-34766 .has-large-font-size.has-large-font-size em,
.post-44711 .has-large-font-size.has-large-font-size em,
.post-50168 .has-large-font-size.has-large-font-size em {
	font-style: normal;
}

.elementor-page-45120,
.elementor-page-3072,
.elementor-page-50140,
.elementor-page-3808,
.elementor-page-20358,
.elementor-page-54411,
.elementor-page-31762,
.elementor-page-29950,
.elementor-page-46364,
.elementor-page-57391,
.main-heading,
.elementor-page-3447,
.elementor-page-59176,
.elementor-page-57799 {
	div[data-elementor-type="wp-page"] section:nth-child(2):has(.elementor-spacer) {
		display: none;
	}

	h2 {
		background-color: #2b3990;
		color: #fff !important;
		text-align: left;
		padding: 15px 20px;
		border-radius: 5px;
		font-weight: 500;
	}

	.elementor-widget-wrap>div,
	.elementor-widget-wrap>div>div {
		height: 100%;
	}

	.wp-caption {
		max-width: 100%;
		position: relative;
		overflow: hidden;
		padding: 30px 30px 15px;
		background: #f7f7fb;
		border-radius: 5px;
		box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);
		height: 100%;
	}

	.wp-caption:hover {
		background: rgb(247 148 30 / 45%);
	}

	.wp-caption .wp-caption-text {
		margin-top: .75em;
		margin-bottom: 0;
		font-weight: 500 !important;
		font-size: 14px;
	}

	.wp-caption img {
		border: 3px solid #F7941E;
		border-radius: 8px !important;
	}
}

.comment-respond,
.comment-respond .block-title {
	color: #000;
	text-align: left;
}

.comment-respond .block-title h3 {
	font-weight: 600;
}

.comment-respond .comment-form textarea {
	border-radius: 5px;
}

.comment-respond .comment-form .submit {
	border-radius: 5px;
	background-image: none;
	box-shadow: none;
}

.comment-respond .comment-form .submit:hover {
	background-color: #f7941e;
	box-shadow: none;
}

.status-publish.hentry .entry-content,
.clean-page-content {
	.wp-block-buttons.wp-block-buttons-is-layout-flex {
		& .wp-block-button .wp-block-button__link.wp-element-button {
			background-image: none;
			background-color: #f7941e;
			box-shadow: none;
			color: #fff;
			border: 1px solid #f7941e;
			border-radius: 5px;

			&:hover {
				background-color: #f7941e;
				color: #fff;
				box-shadow: none;
			}
		}
	}

	.has-large-font-size.has-large-font-size,
	p.has-text-align-left.has-text-color,
	.has-huge-font-size {
		background-color: #2b3990;
		color: #fff !important;
		padding: 15px 20px;
		border-radius: 5px;
		font-size: 24px !important;
		margin: 0;

		& strong {
			font-weight: 500;
		}

		& em {
			font-style: normal;
		}

		&+.wp-block-spacer {
			margin: 10px 0 0 !important;
		}

		&+iframe {
			margin-top: 10px;
		}

		&+p {
			margin-top: 20px;
		}
	}

	p {
		/* 		font-weight: 600; */
	}

	.button-container a {
		width: calc(33.33% - 20px) !important;
		padding: 10px;
		background: #f7f7fb;
		border-radius: 5px;
		box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);
		border: none !important;

		&:hover {
			background: rgb(247 148 30 / 45%);
		}
	}

	#playlist-title {
		text-align: left !important;
		color: #000;
	}

	.bp-pagination .bp-pagination-links {
		border-top: 1px solid #e7edf2;
		padding-top: 20px;
		margin-top: 20px;

		.page-numbers {
			background-color: rgb(43 57 144 / 4%);
			border-radius: 5px;
			margin: 0 3px;
			font-weight: 400;

			&.current,
			&:hover {
				background-color: #f7941e;
				background-image: none;
				color: #fff;
				box-shadow: none;
				border-radius: 5px;
			}
		}
	}
}

.status-publish.hentry .page-links {
	border-top: 1px solid #e7edf2;
	padding-top: 20px;

	.post-page-numbers {
		margin: 0 1px 10px;

		.page-number {
			background-color: rgb(43 57 144 / 4%);
			border: 0;
			border-radius: 5px;
		}

		&.current .page-number,
		.page-number:hover {
			background-color: #f7941e;
			color: #fff;
		}
	}
}

.cma-questions-container .cma-thread-list .cma-thread-snippet {
	padding: 20px;
	margin: 5px 5px 16px;
	background: #f7f7fb;
	border-radius: 5px;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);
	border: none !important;
}

.custom-user-post .share-with-us-action-button {
	justify-content: flex-start;
	margin: 0 0 0 60px;
	border-top: 1px solid #e7edf2;
	padding-top: 10px;
}

.custom-user-post-form-by-developer-maruf {
	background: #2b3990;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 30px;
}

.custom-user-post-form-by-developer-maruf textarea {
	height: 40px;
	border-radius: 5px;
}

.custom-user-post-form-by-developer-maruf input {
	background-image: none !important;
	box-shadow: none !important;
	border-radius: 5px;
	margin: 0 0 0 10px;
}

.page-id-64 .eael-post-grid-container .eael-entry-title a {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.page-id-64 .eael-post-grid-container .eael-entry-content p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.single-post {
	.status-publish .entry-content p {
		font-weight: 400;
	}

	.beehive-post .entry-meta {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.post-navigation .wrapper>div {
		border-color: #f7941e;

		&:first-child {
			border-right: none;
			border-radius: 5px 0 0 5px;
		}

		&:last-child {
			border-radius: 0 5px 5px 0;
		}

		a {
			.nav-icon {
				border-radius: 5px;
			}

			&:hover .nav-icon {
				background-color: #f7941e;
				color: #fff;
			}
		}
	}

	.related-posts .blog-layout-grid .entry-wrapper {
		background-color: rgb(43 57 144 / 4%);
		border-radius: 5px;
		box-shadow: 0 0 4px rgb(0 0 0 / 40%);

		&:hover {
			box-shadow: 0 0 4px rgb(0 0 0 / 40%);
		}

		.entry-content {
			text-align: left;

			.entry-title {
				overflow: hidden;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;

				a:hover {
					text-decoration: none;
				}
			}

			.entry-excerpt {
				overflow: hidden;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}

			.read-more {
				margin: 20px 0 0 0;
				text-align: center;

				a {
					font-size: 16px;
				}

				a:hover {
					text-decoration: none;
				}
			}
		}
	}
}

.blog .blog-layout-grid {
	height: 100% !important;

	.beehive-post {
		position: static !important;

		.entry-wrapper {
			background-color: rgb(43 57 144 / 4%);
			border-radius: 5px;
			box-shadow: 0 0 4px rgb(0 0 0 / 40%);
			border: 0;

			.entry-title {
				overflow: hidden;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}
		}

		&:hover {
			.entry-wrapper {
				box-shadow: 0 0 4px rgb(0 0 0 / 40%);
			}
		}
	}

	.blog-ad {
		width: 50%;
		padding: 0 15px;
		display: flex;
		align-items: center;

		.g {
			max-height: unset;
			height: auto;
		}
	}
}

.activity-content .content .user-has-earned {
	display: none;
}


.elementor-page-54643,
.page-id-475 {
	.col-main {
		padding: 30px 40px;
		min-height: 100%;
	}

	.wcContainer.wcLightgrayTheme .wcRecentTrigger {
		background: none;
		display: flex;
		align-items: center;
		justify-content: center;

		&:after {
			font-family: "unicons";
			content: "\e87e";
			color: #fff;
			font-size: 22px;
		}

		&:hover {
			background-color: transparent;
		}
	}

	/* 	.wcBrowserFullChannels .wcDirectChannels:last-child {
		display: none;
	}
	.wcClassic.wcDesktop .wcBody .wcMessagesArea .wcTabsContainer .wcTabs {
    	display: none;
	} */
	.wcContainer .wcBrowser .wcChannels {
		height: 100%;
	}

	.wcContainer.wcLightgrayTheme .wcClassic {
		background: #2b39900a;
	}

	.wcContainer.wcLightgrayTheme .wcChannel .wcChannelData .wcMessages {
		color: #000;
		background: transparent;
	}

	.wcContainer.wcLightgrayTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcContent {
		background-color: #fff;
		-webkit-box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
		box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
		width: 100%;
		border-radius: 3px;
		margin-left: 10px;
	}

	.wcContainer.wcLightgrayTheme .wcChannel .wcChannelData .wcMessages .wcMessage.wcCurrentUser .wcContent {
		background-color: rgb(43 57 144 / 10%);

		* {
			color: #3A3A3A;
			font-weight: 600;
		}
	}

	.wcContainer.wcLightgrayTheme .wcClassic.wcDesktop .wcBody.wcBrowserAreaLeft .wcBrowserArea {
		padding: 0;
	}

	.wcDesktop .wcBrowser {
		background-color: transparent !important;
	}

	.wcContainer.wcLightgrayTheme .wcClassic .wcTitle {
		background: #2B3990 !important;
		color: #fff;
		padding: 15px 30px;
	}

	.wcContainer .wcChannel .wcChannelData .wcMessages .wcMessage {
		margin: 15px 0;
	}

	.wcContainer.wcLightgrayTheme .wcBrowser .wcChannels .wcChannelTrigger {
		color: #151618;
		padding: 7px 10px 7px 30px;
		border-radius: 0;

		&.wcFocusedChannel,
		&:hover {
			background: rgb(247 148 30 / 30%);
			font-weight: 500;
		}

		& .wcIcon {
			filter: brightness(0) invert(0);
		}

		.wcName {
			font-size: 15px;
		}
	}

	.wcContainer.wcLightgrayTheme .wcBrowser .wcChannels .wcLabel {
		font-size: 0;
		padding: 0;
		position: absolute;
		top: 13px;
		right: 40px;
	}

	.wcFunctional.undefined {
		background: #F7941E;
		margin: 0 10px;
		border-radius: 3px;
	}

	.wcContainer .wcIcon.wcIconPlus,
	.wcContainer .wcIcon.wcIconZoom {
		background: #000000;
	}

	.wcContainer .wcChannel .wcChannelInput .wcInputs {
		flex-wrap: nowrap;

		.wcInputButtons {
			box-shadow: 0 0 4px 0 #0000001c;
		}
	}

	.wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput .wcInputs div.wcInput {
		border-radius: 5px 0 0 5px;
		box-shadow: 0 0 4px 0 #0000001c;
		width: auto;
		min-width: auto;
	}

	.wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput .wcInputs .wcSubmit,
	.wcContainer.wcLightgrayTheme .wcChannel.wcChannelSizeXXs .wcChannelInput .wcInputs .wcInputButtons button.wcSubmit {
		border-radius: 0 5px 5px 0 !important;
		color: #000000 !important;
		background: #f7941e !important;
		font-size: 16px !important;
		width: auto;
	}

	.wcContainer .wcChannel.wcChannelSizeXXs .wcChannelInput .wcInputs .wcInputButtons .wcInputButton {
		background-size: auto !important;

		&.wcEmoticon {
			width: 46px;
		}

		&.wcImageAttachment {
			width: 50px;
		}
	}
}

.bp-activity-schedule-model-wrap {
	color: #000;

	input::placeholder {
		color: #000;
	}
}

.bp-is-my-profile,
.bp-user,
.groups {
	.bp-navs.single-screen-navs.horizontal::after {
		width: 100%;
		display: none;
	}

	.social-wide .container {
		max-width: 100%;

		.beehive-title-bar .adrotate_a {
			aspect-ratio: unset !important;
			margin-bottom: 0;
		}

		.beehive-post {
			max-width: calc(100% - 80px);
			margin: 40px;
			background-color: rgb(43 57 144 / 4%);
			padding: 40px 40px 0;
			border-radius: 5px;
			box-shadow: 0 0 4px rgb(0 0 0 / 40%);

			.single-headers {
				margin-top: 0;
			}

			.groups-header .moderators-lists {
				background: rgba(0, 0, 0, 0.5);
			}
		}

		.profile-col-main li.bbp-body ul.topic.beehive-post {
			width: 100%;
			padding: 20px !important;
			margin-bottom: 10px !important;
		}
	}

	.activity.single-user {
		background: transparent;
	}

	#cover-image-container #header-cover-image {
		aspect-ratio: auto !important;
		max-height: 250px;
		min-height: 250px;
		width: 100%;
		left: 0;

		img {
			width: 100% !important;
			height: 250px;
			object-fit: cover;
		}
	}

	.single-headers div#item-header-content {
		margin: 0 0 1.5rem !important;
	}

	#item-header-cover-image {
		padding: 0 20px;

		.group-item-actions {
			min-width: auto;

			.moderators-lists {
				background: rgba(43, 57, 145, 0.7);
				display: flex;
				gap: 20px;
			}
		}
	}

	.single-headers #item-header-cover-image #item-header-avatar a img.avatar {
		border-radius: 7px;
		border: 7px solid #f7941e !important;
		margin-bottom: 15px !important;
	}

	.single-headers #item-header-avatar .profile-name {
		color: #000;
	}

	.single-headers .item-meta {
		position: absolute;
		right: -5px;
		bottom: 210px;
	}

	.single-headers .group-status {
		background: #2b3990;
		border-radius: 5px;
		margin-right: 5px !important;
		font-size: 14px;
		padding: 0 10px;
	}

	.single-headers .activity {
		background: #f7941e;
		padding: 0px 10px;
		border-radius: 5px;
		text-transform: uppercase;
	}

	.single-headers div#item-header-content {
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;

		.user-nicename {
			color: #fff;
			background-color: #f7941e;
			padding: 3px 10px;
			border-radius: 5px;
			margin-right: 0 !important;
		}

		.friendship-button {
			border-radius: 30px;

			&.requested {
				background: #e00000;
			}
		}

		.action.member-header-actions .generic-button>a.bmpro-flag-member-btn:before {
			content: "\f024" !important;
			font-family: "Font Awesome 5 Free" !important;
		}

		.action.member-header-actions .generic-button.bmpro-block-list>a:before {
			content: "\f05e" !important;
			font-family: "Font Awesome 5 Free" !important;
			font-weight: 900 !important;
		}

		.bpsts-status-div {
			background-color: var(--theme-color-primary);
			color: #fff;
			padding: 2px 10px;
			border-radius: 5px;
		}
	}

	.bp-navs.single-screen-navs.horizontal ul li {
		a {
			color: #000;
		}

		&.selected a,
		&.has-current>a {
			background: none;
			height: auto;
			width: auto;
			box-shadow: none;

			span.nav-link-text {
				display: block;
				color: #f3953d;
			}
		}
	}

	.bp-navs.single-screen-navs.horizontal ul li a span.nav-link-text {
		color: #000;
		font-weight: 600;
	}

	.item-body {
		.profile-col-aside.left {
			padding-left: 0;
			border-right: 1px solid #e7edf2;
		}

		/* 		#public-personal-li {
			display: none;
		} */
		#settings-form {
			thead th:last-child {
				padding-left: 1rem;
			}

			.field_1 .field-visibility {
				padding-left: 1rem;
			}
		}
	}

	.user-pass1-wrap button {
		padding: 0.075rem 0.9rem;
	}

	#item-body {
		padding-left: 40px;

		>.g {
			margin-bottom: 1.5rem;
		}

		#group-secondary-nav .bp-personal-sub-tab __web-inspector-hide-shortcut__ {
			display: none !important;
		}

		.standard-form {

			input[type="email"],
			input[type="password"] {
				background-color: #fff;
			}
		}

		textarea#bpsts-status {
			background-color: #fff;
		}

		.bpsts-suggestion {
			border: 1px solid var(--theme-color-primary) !important;

			&:hover {
				background: var(--theme-color-primary) !important;
			}
		}
	}

	.layout .profile-col-aside.left .profile-widget-area {
		border-right: 0;
		padding: 0;
	}

	aside.widget-area.displayed-profile-info ul.connections {
		padding: 0;
		border-bottom: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20px;
	}

	aside.widget-area.displayed-profile-info ul.connections li {
		padding: 10px;
		background-color: #f7941e;
		border-radius: 5px 0 0 5px;
		height: 100%;
		width: 49%;
	}

	aside.widget-area>.widget>ul>li:last-child {
		padding-bottom: 10px;
		border-radius: 0 5px 5px 0;
	}

	.profile-widget-area ul.connections li .count,
	aside.widget-area.displayed-profile-info ul.connections li p {
		color: #fff;
	}

	.layout .profile-col-aside.left .profile-widget-area .widget .widget-title {
		display: none;
	}

	.layout .profile-col-aside.left .profile-widget-area .member-photo-list {
		background-color: #f7941e;
		border-radius: 5px;
		padding: 7px;
		justify-content: flex-start;
	}

	.giftbox-container .giftbox:hover,
	.giftbox-container .giftbox-heighlight {
		background: #f7941e;
		box-shadow: none;
	}

	#SendGiftForm input,
	#SendGiftForm textarea,
	#SendGiftForm select {
		border: 0;
		box-shadow: 0 0 3px rgb(0 0 0 / 30%);
		margin-top: 15px;
		background: transparent;
		border-radius: 5px;
	}

	.gba-outer-container #SendGiftForm button#bga-send-now {
		padding: 0px 50px;
		background-color: #f7941e;
		color: #fff;
		border-radius: 5px;
	}

	.buddypress-wrap .activity-comments .acomment-content {
		border-radius: 5px;
	}

	.buddypress-wrap .profile-col-main .subnav-filters .subnav-search {
		display: none;
	}

	.buddypress-wrap .rtmedia-container .rtm-media-options {

		div,
		.rtmedia-upload-media-link {
			color: #fff;
			border-color: #fff;
			border-radius: 5px;
			margin-left: 20px;

			&:hover {
				border-color: #f7941e;
				background-color: #f7941e;
			}
		}
	}

	.item-body .network-invitation-form {

		input[type="email"],
		textarea {
			border: 0;
			box-shadow: 0 0 3px rgb(0 0 0 / 30%);
			margin-top: 15px;
			background: transparent;
			border-radius: 5px;
		}

		.submit input[type="submit"] {
			background-image: none;
			box-shadow: none;
			border-radius: 5px;

			&:hover {
				background-color: #f7941e;
			}
		}
	}

	.standard-form .invitations-options-nav {
		select {
			border-radius: 5px;
			width: 160px;
			border-color: #f7941e;
		}

		input[type="submit"] {
			color: #fff;
			border-color: #f7941e;
			border-radius: 5px;
			box-shadow: none;
			background-image: none;

			&:hover {
				background-color: #f7941e;
				color: #fff;
			}
		}
	}

	.em-events-list {
		li {
			ul {
				display: none;
			}

			a {
				color: #f7941e;
			}
		}
	}
}

.groups {
	.single-headers .generic-button button {
		background: rgba(0, 0, 0, 0.5);
	}

	#item-body {
		padding-left: 0;
	}

	.buddypress-wrap #group-manage-members-ui .subnav-filters {
		display: flex;
		flex-direction: row-reverse;

		.last select {
			width: auto;
			padding: 0 20px;
		}

		#group-members-search-form {
			width: 100%;
			padding-right: 20px;

			form.bp-dir-search-form {
				width: 100%;

				input {
					color: #000000;
				}
			}
		}

		.left-menu {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;

			.bp-pagination .group-members-paginate-button {
				color: var(--theme-color-primary);
				border-color: var(--theme-color-primary);

				&:has(.dashicons-arrow-right) {
					float: right;
				}
			}
		}
	}

}

.cma-form-container.no-markup-box {

	input[type="text"],
	textarea,
	select {
		width: 100%;
		border: 0;
		box-shadow: 0 0 3px rgb(0 0 0 / 30%);
		margin-top: 15px;
		background: transparent;
		border-radius: 5px;
	}

	input[type="submit"] {
		background-color: transparent;
		color: #f7941e;
		border-color: #f7941e;
		border-radius: 5px;
		box-shadow: none;

		&:hover {
			background-color: #f7941e;
			color: #fff;
		}
	}
}

.cma-form-options label.cma-form-option-label input {
	width: 20px !important;
}

.cma-thread-list .cma-btn,
.elementor-page-105 input[type="submit"] {
	box-shadow: none;
	background: transparent !important;
	background-color: transparent !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #f7941e !important;
	color: #f7941e !important;
	box-shadow: none;

	&:hover {
		background-color: #f7941e !important;
		color: #fff !important;
		text-decoration: none !important;
	}
}

.cma-thread-list .cmaexp-thread-controls li {
	margin-right: 10px !important;
}

.cma-thread-summary-right {
	padding-top: 30px;
	padding-bottom: 0;

	.cma-thread-posted,
	.cma-thread-updated,
	.cma-thread-category {
		font-size: 13px;
		color: #000;
		font-weight: 500;
	}

	a {
		color: #f7941e;
		text-decoration: underline;
	}
}

.cma-filter {
	background-color: #2b3990;
	color: #fff !important;
	padding: 15px 20px;
	border-radius: 5px;

	.cma-nav-bar-grid {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;

		.cma-nav-item {
			position: relative;
			display: flex;
			width: calc(33.33% - 10px);

			select {
				border-radius: 5px;
				-moz-appearance: none;
				-webkit-appearance: none;
				padding: 5px 50px 5px 10px;
				height: auto;
				line-height: 2em;

				&::-ms-expand {
					display: none;
				}
			}

			&:after,
			&:before {
				content: '';
				position: absolute;
				pointer-events: none;
				user-select: none;
			}

			&:after {
				top: calc(50% - 6px);
				right: 15px;
				width: 10px;
				height: 10px;
				border-style: solid;
				border-color: #000;
				border-width: 0px 3px 3px 0px;
				transform: rotate(45deg);
				z-index: 2;
			}

			&:before {
				width: 40px;
				height: 100%;
				top: 0;
				right: 0;
				background: #f7941e;
				z-index: 1;
				border-radius: 0 5px 5px 0;
			}

			&:last-child:after,
			&:last-child:before {
				display: none;
			}

			&.cma-thread-search {
				input[type=text] {
					border-radius: 5px 0 0 5px;
					width: calc(100% - 40px);
					padding: 5px 10px;
					height: auto;
				}

				button[type=submit] {
					width: 40px;
					border-radius: 0 5px 5px 0;
					height: 100%;
					line-height: 3em;
					background-image: none;
					box-shadow: none;
					color: #000;
					font-size: 0;

					&:hover {
						background-color: #f7941e;
						box-shadow: none;
						color: #000;
					}

					&:after {
						content: '\f002';
						font-family: "Font Awesome 5 Free";
						font-weight: 900;
						font-size: 16px;
						line-height: 42px;
					}
				}
			}
		}
	}
}

.buddypress-wrap .profile.edit .editfield>fieldset>legend,
.buddypress-wrap .profile.edit .editfield>fieldset>label {
	text-align: left;
}

.buddypress-wrap .profile.edit input[type="text"] {
	border-radius: 5px;
	border: 0;
	box-shadow: 0 0 3px rgb(0 0 0 / 30%);
	background: transparent;
	width: 100%;
}

.activity-list .activity-item .activity-meta.action .button.like {
	color: #838daa;

	&:hover,
	&:active,
	&:focus {
		color: #838daa;
	}
}

.status-publish iframe {
	margin-top: 20px;
}

.elementor-page-46203,
.elementor-page-45613,
.elementor-page-46248,
.elementor-page-46133,
.elementor-page-46223,
.elementor-page-46232,
.elementor-page-46192 {
	h2 {
		background-color: #2b3990;
		color: #fff !important;
		text-align: left;
		padding: 15px 20px;
		border-radius: 5px;
		font-weight: 500;
		margin-bottom: 0;
	}

	.elementor-widget-wrap>div,
	.elementor-widget-wrap>div>div {
		height: 100%;
	}

	.elementor-button {
		border-radius: 5px !important;
	}

	.radio-player.skin1.shortcode {
		width: 100%;
	}
}

body.groups {
	.bp-single-vert-nav .bp-navs.vertical ul {
		text-align: left !important;
	}

	.buddypress-wrap .subnav-filters .feed {
		display: none;
	}

	input[type="search"] {
		border-radius: 5px;
		color: #fff;

		&::placeholder {
			color: #fff;
		}
	}

	input[type="submit"],
	button[type="submit"] {
		background-image: none;
		box-shadow: none;
		color: #fff;
		border-radius: 5px;
	}

	#bbpress-forums fieldset.bbp-form input,
	#bbpress-forums fieldset.bbp-form select,
	#bbpress-forums fieldset.bbp-form textarea,
	.content-area input[type="text"],
	.content-area input[type="number"],
	.content-area textarea,
	#group-settings-form select {
		border-radius: 5px;
		border: 0;
		box-shadow: 0 0 3px rgb(0 0 0 / 30%);
		background: transparent;
	}

	.wp-editor-wrap {
		box-shadow: 0 0 3px rgb(0 0 0 / 30%);
	}

	#request-list.membership-requests-list li .item-meta span {
		margin: 0;
		border: 0;
		padding: 0;
	}
}


input[type="button"],
select,
.buddypress-wrap .item-body .button-tabs li.current a,
.buddypress-wrap .item-body .button-tabs li.selected a {
	border-radius: 5px;
}

.buddypress-wrap .bp-invites-filters #bp-invites-next-page,
.buddypress-wrap .bp-invites-filters #bp-invites-prev-page {
	color: #fff;

	&:hover,
	&:focus {
		color: #fff;
	}
}

form.ac-form .ac-reply-content .ac-textarea textarea {
	border: 1px solid #e7edf2;
	box-shadow: 0 0 3px rgb(0 0 0 / 30%);
	min-height: 80px;
}

.page-id-3388 .fUkyoJ {
	padding: 3px 15px;
	box-shadow: none;
}

.elementor-page-38328 .elementor-element {
	h3 {
		background: #2B3990;
		padding: 15px 20px;
		border-radius: 5px;
		color: #fff;

		i {
			font-style: none;
		}
	}

	ul {
		padding-left: 0;

		li {
			list-style: none;

			a {
				background: rgb(247 148 30 / 10%);
				padding: 10px 20px;
				border-bottom: 0;
				border-radius: 5px;
				display: list-item;
				list-style: disc;
				list-style-position: inside;
				font-weight: 500;
				margin-bottom: 2px;

				&:hover {
					color: #29292d;
					background: rgb(247 148 30 / 100%);
				}
			}
		}
	}
}

.elementor-page-47208 {
	h2 {
		background-color: #2b3990;
		color: #fff !important;
		text-align: left;
		padding: 15px 20px;
		border-radius: 5px;
		font-weight: 500;
	}

	.grid-container {
		display: flex;
		text-align: center;
		flex-wrap: wrap;
		margin: 0 -30px;
		width: calc(100% - -60px);
	}

	.grid-item {
		width: calc(33% - 30px);
		padding: 30px 30px 15px;
		background: #f7f7fb;
		border-radius: 5px;
		box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);
		margin: 0 15px 30px;
	}

	.grid-item:hover {
		background: rgb(247 148 30 / 45%);
	}

	.grid-item img {
		border: 3px solid #F7941E;
		border-radius: 8px !important;
	}

	.grid-item .title {
		font-weight: 500 !important;
		font-size: 14px;
	}

	.grid-item .play-button {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 60px;
		height: 60px;
		border: 2px solid #f7941e;
		border-radius: 50%;
		margin: 15px auto;
		cursor: pointer;

		.play {
			height: 0;
			width: 0;
			margin-left: 2px;
			background: none;
			border: none;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			border-left: 15px solid #f7941e;
		}

		.pause {
			display: none;
			position: relative;
			background: none;
			border: none;
			height: 20px;
			width: 15px;

			&:before,
			&:after {
				content: "";
				position: absolute;
				top: 0;
				height: 100%;
				width: 33%;
				background: #f7941e;
			}

			&:before {
				left: 0;
			}

			&:after {
				right: 0;
			}
		}

		&.playing {
			.play {
				display: none;
			}

			.pause {
				display: block;
			}
		}
	}
}

.directorist-content-active .directorist-listings-header {
	background: #2b3990;
	border: 0;
}

.directorist-content-active .directorist-listings-header__left .directorist-header-found-title {
	color: #ffffff;
}

.directorist-viewas-dropdown {
	display: none;
}

body.beehive .select2-container--default .select2-selection--single,
.wp-editor-container,
body.beehive .select2-container--default .select2-selection--multiple,
.directorist-btn.directorist-btn-primary {
	border-radius: 5px;
}

body.beehive .select2-container .select2-selection--single .select2-selection__rendered {
	padding-top: 0;
}

.directorist-advanced-filter__basic--element {
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 50%;
}

.directorist-add-listing-form__action {
	.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label {
		padding-left: 25px;

		&:after {
			content: "";
			width: 15px;
			height: 15px;
			border: 1px solid #f7941e;
			position: absolute;
			left: 0;
			top: 2px;
			display: block;
		}

		&:before {
			left: 3px;
		}
	}
}

.topmainbtn {
	position: static !important;
	margin-bottom: 40px !important;

	.wp-block-button .wp-block-button__link.wp-element-button {
		background-color: #f7941f !important;
	}
}

.directorist-add-listing-wrapper {
	max-width: 100% !important;
	margin: 0 auto;
}

.directorist-all-listing-col {
	width: 50%;

	.directorist-listing-single {
		border: 0;
		background: #f7f7fb;
		border-radius: 5px;
		box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);

		.directorist-listing-single__thumb .directorist-thumnail-card {
			height: 100% !important;

			.directorist-thumnail-card-front-wrap {
				position: static;
				height: 200px;
				display: flex;
				align-items: center;
				justify-content: center;
				overflow: hidden;
				border-radius: 5px 5px 0 0;

				img {
					object-fit: cover;

					&.smallimg {
						width: auto;
						height: auto;
						max-width: 100%;
						max-height: 100%;
					}
				}
			}
		}

		.directorist-listing-single__content {
			.directorist-listing-single__info .directorist-listing-single__info--list .directorist-listing-card-location-list {
				a {
					pointer-events: none;
					user-select: none;
				}
			}

			.directorist-listing-single__meta .directorist-listing-category a span.la {
				display: none;
			}
		}
	}
}

.elementor-page-64 {
	.anwp-pg-wrap {
		.anwp-pg-posts-wrapper {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.anwp-pg-post-teaser {
			font-size: 16px;
			width: calc(50% - 20px);
			margin-top: 30px;
			background-color: rgb(43 57 144 / 4%);
			padding: 30px 20px;
			border-radius: 5px;
			box-shadow: 0 0 4px rgb(0 0 0 / 40%);
			margin: 20px 10px 0 10px;
			text-align: center;
			color: #1d1d1d;

			&+.anwp-pg-post-teaser {
				margin-top: 20px;
			}
		}

		.anwp-pg-post-teaser--layout-classic .anwp-pg-read-more__btn,
		.btn-outline-secondary {
			font-size: .9em;
			border: 1px solid #F7941E;
			color: #F7941E;
			padding: 7px 50px;
			display: inline-block;
			border-radius: 5px;
			margin-top: 20px;

			&:hover {
				color: #fff;
				background-color: #F7941E;
			}
		}

		.btn-outline-secondary {
			margin-top: 50px !important;
		}

		.anwp-pg-post-teaser--layout-classic .anwp-pg-post-teaser__title {
			font-size: 1em;
			font-weight: 500;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
		}

		.anwp-pg-post-teaser--layout-classic .anwp-pg-post-teaser__excerpt {
			min-height: 40px;
		}

		.anwp-pg-post-teaser__thumbnail {
			display: none;
		}
	}
}

/* Start Wise Chat Pro Updates CSS */

.chatroomlistbody {
	.channel-list {
		list-style: none;
		padding: 0;
		margin: 0;

		li {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 10px 15px;
			background-color: rgb(43 57 144 / 4%);
			border-bottom: 1px solid #2b3990;

			&.channel-list-head {
				background-color: #2b3990;
				color: #fff;
			}

			.channel-list-name {
				width: calc(100% - 245px);
				text-transform: capitalize;
			}

			.channel-list-type {
				width: 60px;
				text-transform: capitalize;
			}

			.channel-list-members {
				width: 80px;
				margin-left: auto;
			}

			.channel-list-join {
				width: 95px;
			}

			button {
				border-radius: 5px;
				width: 100%;
				text-align: center;
				padding: 0;

				&.alreadyJoined {
					pointer-events: none;
					user-select: none;
					background-color: #007a00;
					border-color: #007a00;
					color: #fff;
				}

				&.RequestedBtn {
					pointer-events: none;
					user-select: none;
					background-color: #FF2D55;
					border-color: #FF2D55;
					color: #fff;
				}
			}
		}
	}

	.chatroomlistsearch {
		background: #2b3990;
		padding: 20px;
		border-radius: 5px;
		margin-bottom: 30px;

		#search-results {
			background-color: #fff;
			border-radius: 5px;
			padding: 20px;
			margin-top: 5px;
			max-height: 390px;
			overflow: hidden;
			overflow-y: auto;
		}
	}

	#wise-chat-filters {
		display: flex;
		align-items: center;
		margin-bottom: 30px;

		p {
			color: #2B3990;
			margin: 0;
			margin-right: 15px;
		}

		button {
			background: transparent;
			cursor: pointer;
			border: 1px solid #2B3990;
			padding: 7px 20px;
			font-size: 14px;
			border-radius: 0;
			color: #2B3990;
			border-radius: 5px;

			&:hover,
			&.active {
				color: #fff;
				background-color: #2B3990;
			}

			&+button {
				margin-left: 10px;
			}
		}
	}

}

.wcClassic.wcDesktop .wcBody .wcMessagesArea .wcTabsContainer .wcTabs .wcTab {
	display: none;

	&.wcCurrent {
		display: block;
		width: 100%;
		padding: 0.5rem 1rem;
		background-color: #fff !important;
	}

	.wcFunctional {
		display: none;
	}

}

.wcClassic.wcMobile.wcSizeXXs .wcTabs.wcTabsCompact .wcTab.wcTabRecent .wcRedCounter {
	right: calc(50% - 40px);
	position: absolute;
}

.wcContainer.wcLightgrayTheme .wcMobile .wcTabs .wcTab.wcTabRecent .wcName {
	font-size: 0;

	&:after {
		content: 'Notification';
		font-size: 16px;
	}
}

/* End Wise Chat Pro Updates CSS */

/* Start Events Page CSS */
.eventPageHeader {
	margin: 30px 0;

	p {
		color: #2B3990;
		font-size: 20px;
		font-weight: 500;
	}

	a {
		background-color: #F7941E !important;
		color: #222222 !important;
		padding: 10px 25px;
		display: inline-block;
		font-size: 14px;

		&:hover {
			text-decoration: none;
		}
	}
}

.em-view-container {
	.em.em-list .em-item {
		grid-template-columns: minmax(0, 1fr) 1fr;
		padding: 20px;
		background: #f7f7fb;
		border-radius: 5px;
		box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);
		border: none !important;

		.em-item-info {
			border: 0;

			.em-item-title a {
				color: #2B3990 !important;
				font-size: 26px;
				font-weight: 500;
			}

			.em-item-meta>div {
				min-width: auto;
				height: 20px;
				overflow: hidden;
			}

			.em-item-desc {
				font-size: 14px;
				color: #000;
			}

			.button {
				width: 100%;
				background-color: #F7941E !important;
				border: 0 !important;
				color: #222222 !important;
				font-weight: 500 !important;
			}
		}

		.em-item-image .em-item-image-placeholder {
			opacity: 1;
			color: #000;
		}

		.em-event-location a {
			pointer-events: none;
			text-decoration: none !important;
		}

	}

	&#em-view-6 {
		padding: 40px;
		background: #f7f7fb;
		border-radius: 5px;
		box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);
		border: none !important;

		.em.em-item.em-item-single .em-item-header {
			display: flex;

			.em-item-image {
				min-height: unset;
				flex: 1 0 50%;
				display: flex;
				align-items: center;
				justify-content: center;

				img {
					padding: 0 0 10px !important;
					border: 0;
					border-bottom: 0;

					&.smallimg {
						width: auto;
						height: auto;
						max-width: 100%;
						max-height: 100%;
					}
				}
			}

			.em-item-meta {
				.em-event-location {
					a {
						pointer-events: none;
						text-decoration: none !important;
					}
				}
			}
		}

		.em-item-meta h3 {
			color: #2B3990;
		}

		.em-item-meta button {
			background-color: #f7941e !important;
			border: 0 !important;
			color: #222 !important;
			border-radius: 0 !important;
		}
	}
}

.em-events-admin-list #posts-filter .button.add-new-h2 {
	display: none;
}

.em.em-events-admin-list .input .search-box {
	float: left;
	width: 100%;
}

.page-id-56721,
.page-id-56799 {
	.ays-poll-form {
		.box-apm {
			background-color: rgb(43 57 144 / 4%);
			padding-top: 10px !important;
			border-radius: 5px !important;
			box-shadow: 0 0 4px rgb(0 0 0 / 40%);
			border: 0;
			width: 100%;

			.apm-title-box h5 {
				color: #2B3990 !important;
				text-align: left !important;
			}

			.ays-poll-vote-message {
				background-color: #05980A;
				display: inline-block;
				padding: 0 20px;
				margin: 0 10px;

				* {
					color: #fff;
				}
			}

			span.ays_poll_passed_count {
				background-color: #F7941E !important;
				color: #222 !important;

				i {
					color: #222 !important;
				}
			}

			.results-apm {
				.answer-title span {
					color: #2D3B91;
				}

				.answer-percent-res {
					background-color: #2D3B91 !important;
					color: #fff !important;
				}
			}

			.apm-choosing .ays_label_poll {
				text-align: left;
				border-color: #2B3990;
				background-color: rgb(247 148 30 / 5%);

				span {
					color: #2B3990;
				}
			}

			input[type='radio'] {
				display: none !important;

				&:checked+label {
					background-color: #F7941E !important;
					color: #222 !important;
				}
			}
		}

		.ays_poll_cb_and_a {
			position: absolute;
			top: 0;
			right: 0;
			width: auto;
			background-color: #D86D69;
			padding: 5px 15px;
			border-radius: 0 0 0 5px;
			margin: 0;

			* {
				color: #fff;
			}

			&+.apm-title-box {
				padding-top: 20px;
			}
		}

		.ays_poll_cb_and_a:empty {
			display: none;

			&+.apm-title-box {
				padding-top: 0;
			}
		}
	}

	.wp-block-separator {
		margin: 20px 0;
		border: 0;
	}
}

.ays_poll_modal {
	.ays-poll-modal-content {
		background-color: rgb(43 57 144 / 4%);
		border-radius: 5px !important;
		box-shadow: 0 0 4px rgb(0 0 0 / 40%);
		border: 0;
		width: 100%;

		.ays-poll-modal-header {
			padding: 15px;
			background-color: #2B3990;
			border-radius: 5px 5px 0 0;

			h4 {
				color: #fff !important;
				margin-bottom: 0;
			}
		}

		div.ays-poll-modal-body {
			padding: 30px 40px;
			border-top: 0;
			height: 100%;

			#ays_poll_request_form {
				tr {
					border-bottom: 0;

					&:not(:last-child) {
						border-bottom: 0;
					}

					td:not(.ays-poll-request-modal-add-answer) {
						padding: 5px 10px;
						font-size: 14px;
					}

					.ays-poll-request-modal-add-answer {
						padding: 10px 0 0 10px !important;
					}
				}

				.ays_modal_element {
					.ays-modal-flexbox {
						margin-top: 0 !important;
					}

					label {
						margin-bottom: 5px;
						font-weight: 500;
					}

					input,
					select {
						padding: 0 8px;
						border-radius: 3px;
						border: 1px solid #2B3990;
						font-size: 14px !important;
						background-color: rgb(43 57 144 / 5%);
						color: #2B3990 !important;

						&:focus {
							outline: 0;
						}
					}

					&>div div:last-child {
						display: none;
					}
				}

				.ays-quick-questions-container {
					padding: 0 !important;

					#ays-poll-request-modal-body-question-hr {
						height: 0 !important;
					}
				}

				.ays-quick-poll-container-footer {
					padding: 2px 10px 20px;

					.ays_submit_button {
						background-color: #f7941e !important;
						background-image: none;
						box-shadow: none;
						color: #fff;
						width: 100% !important;
					}
				}
			}
		}
	}
}

.ays-poll-user-results-container {
	background-color: rgb(43 57 144 / 4%);
	border-radius: 3px;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);

	#ays-poll-user-score-page {

		td,
		thead th {
			text-align: left;
			padding: 15px 15px;
			color: #2B3990;
		}
	}
}

/* End Events Page CSS */

.adverts-options {

	input,
	input::placeholder {
		color: #000;
	}

	.adverts-search {
		flex: 0 0 calc(100% - 170px);
	}

	.adverts-options-left {
		flex: 0 0 120px;

		.option-wrapper {
			border-radius: 5px;

			.light {
				color: #ffffff;
			}

			i.uil-sort {
				color: #fff;
			}

			.adverts-switch-view {
				display: none;
			}
		}
	}

	.adverts-options-fallback {
		display: none;
	}

	a.button.adverts-form-submit {
		border-radius: 5px;
		background-image: none;
		box-shadow: none;
	}
}

.adverts-list-sort-options.adverts-multiselect-options {
	right: 0;

	&:before {
		left: auto;
		right: 20px;
	}
}

.tax-advert_category .adverts-options {
	.adverts-search {
		flex: 0 0 calc(100% - 40px);
	}

	.adverts-options-left {
		flex: 0 0 120px;
		display: none !important;
	}
}

.adverts-list {
	.advert-item {
		background-color: rgb(43 57 144 / 4%);
		padding: 30px 20px;
		border-radius: 5px;
		box-shadow: 0 0 4px rgb(0 0 0 / 40%);

		.advert-overview {
			.advert-img {
				border-radius: 5px;
				padding-top: 0;
				box-shadow: none;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;

				img {
					position: relative;
					object-fit: contain;

					&.smallimg {
						width: auto;
						height: auto;
					}
				}
			}

			.ad-info .advert-categories {
				overflow: hidden;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
			}
		}

		a.button.small {
			border-radius: 5px;
			width: 100%;
		}
	}
}

.wpadverts-slides {
	.wpadverts-slides-list {
		.wpadverts-slide-decoration {
			background-color: #0000001c;
			display: flex;
			align-items: center;
			justify-content: center;

			.wpadverts-slide-img {
				width: auto;
				height: 100%;

				&.smallimg {
					height: auto;
				}
			}
		}

		.wpadverts-als-item .wpadverts-als-img {
			height: 100%;
			object-fit: cover;
		}

		.wpadverts-slide-nav-interface {
			color: #000;
		}

		/* 		.wpadverts-slide-nav {
			.wpadverts-slide-nav-interface {
				background-color: #2b3990;
				.wpadverts-slide-nav-action {
					opacity: 1;
				}
			}
			.wpadverts-slide-nav-paginate {
				background: rgb(43 57 144);
				top: 0;
				height: 100%;
				border-radius: 0;
				display: flex;
				align-items: center;
				justify-content: center;
				opacity: 0.7;
				&.wpadverts-slide-nav-paginate-left {
					left: 0;
				}
				&.wpadverts-slide-nav-paginate-right {
					right: 0;
				}
			}
		} */
	}
}

.adverts-single-grid-details {
	border-radius: 5px;
	box-shadow: none;

	.adverts-grid-row>div {
		flex-wrap: wrap;
	}
}

.adverts-single-actions {
	.adverts-show-contact {
		margin-left: 0;
		border-radius: 5px;

		&::before {
			display: none;
		}
	}
}

.adverts-control-group {
	&.adverts-field-account.adverts-field-name-_adverts_account {
		display: none;
	}

	.adverts-button {
		border-radius: 5px;
	}

	input[type="submit"],
	button[type="submit"] {
		background-image: none;
		box-shadow: none;
		border-radius: 5px;

		&:hover,
		&:active,
		&:focus {
			background-color: #f7941e;
			box-shadow: none;
		}
	}
}

.rtm-gallery-list .adrotate_ad {
	width: 100%;
	padding: 0 15px;
	margin-bottom: 30px;
	text-align: center;

	.g {
		width: 100%;
		max-width: 100%;
	}
}

.rtmedia-scroll {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.mfp-container {
	max-width: 100%;
	padding: 0;
}

.mfp-content .rtm-single-meta {
	padding: 20px;
}

body.beehive-media .rtmedia-container .rtmedia-list .rtmedia-item-meta {
	display: flex;
	align-items: center;
	margin: 10px;
	pointer-events: none;

	.author-avatar,
	.author-info {
		pointer-events: auto;
		cursor: pointer;
	}

	.author-avatar {
		position: static;

		img {
			border-radius: 100%;
		}
	}

	.author-info {
		margin-left: 7px;
	}
}

.rtmedia-item-thumbnail {
	border-radius: 0;
}

.rtmedia-container .rtmedia-list {
	overflow: unset !important;
}

.rtmedia-plupload-container+.rtmedia-plupload-container {
	display: none !important;
}

.rtmedia-container {

	.rtm-gallery-list:not(.masonry),
	.rtmedia-album-list:not(.masonry) {
		.rtmedia-list-item .rtmedia-list-item-a {
			background-color: rgba(43, 57, 144, 0.04);
			box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px;
			border-radius: 5px;
			overflow: hidden;
			position: static;
			.rtmedia-item-thumbnail {
				border-radius: 0;
				padding-top: 0;

				img.smallimg {
					width: auto;
					height: auto;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}

				img {
					position: static;
					aspect-ratio: 1;
				}
			}

			&:hover .rtmedia-item-thumbnail img {
				transform: none;

				&.smallimg {
					transform: translate(-50%, -50%);
				}
			}
		}
	}
}

.beehive-social-panel .inner-panel {
	background: #fff;
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
	width: auto;
}

.cma-thread-orderby-select {
	margin-top: 15px;
}

.cma-loader {
	z-index: 11;
}

.page-id-25419 #comments {
	display: none;
}

.em.em-view-container {
	.em.pixelbones {
		.event-form-name {
			.input {
				display: flex;
				flex-wrap: wrap;

				input {
					order: 2;
					margin-top: 10px;
				}

				p {
					order: 3;
				}
			}
		}

		.event-form-when {
			input {

				&:after,
				&:before {
					-webkit-animation: none;
					-moz-animation: unset;
					animation: none;
				}
			}

			.input .event-form-when .em-recurrence-pattern {
				line-height: 38px;
			}
		}
	}
}

.event-category-dropdown {
	margin: 20px 0 30px;
	display: flex;
	align-items: center;

	#event-category-select {
		margin-left: 10px;
	}
}

.single-classified-title .title {
	text-transform: capitalize;
}

.ays-quiz-wrap div.ays-quiz-container[id^="ays-quiz-container-"] {
	box-shadow: none !important;

	.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question {
		pointer-events: none;
		user-select: none;
	}
}

.directorist-listing-location a {
	pointer-events: none;
	user-select: none;
}

.epyt-gallery-title {
	font-size: 100% !important;
}

.directorist-signle-listing-top .directorist-return-back+.directorist-return-back {
	display: none !important;
}

.directorist-single-listing-action .directorist-social-share .directorist-social-share-links {
	left: 0;
}

#directorist.atbd_wrapper.atbdp-categories.atbdp-text-list {
	.atbd_category_wrapper {
		margin-bottom: 0;

		a {
			font-size: 14px;
			font-weight: 400;
			padding: 10px;
			background: #f7f7fb;
			border-radius: 5px;
			box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);
			display: block;

			&:hover {
				background: rgb(247 148 30 / 45%);
			}
		}
	}
}

.buddypress-wrap .profile.edit .editfield>fieldset>legend,
.buddypress-wrap .profile.edit .editfield>fieldset>label,
.buddypress-wrap p.field-visibility-settings-toggle,
.buddypress-wrap p.field-visibility-settings-notoggle {
	color: #000;
}

body .layout input[type="submit"],
body .layout button[type="submit"] {
	background-image: none;
	box-shadow: none;
	color: #fff;
	border-radius: 5px;
}

.gba-outer-container {
	margin-top: 20px;

	.giftbox-container {
		display: flex;
		flex-wrap: wrap;

		.giftbox {
			width: 25%;
			margin: 0;
			padding: 10px;
			filter: alpha(opacity=100);
			opacity: 1;

			img {
				width: 100%;
			}

			p {
				display: none;
			}
		}
	}
}

.profile-col-main .bp-subnavs[aria-label="Media menu"],
.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date,
.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr td:nth-child(2),
.directorist-user-dashboard-tab ul {
	display: none;
}

.directorist-user-dashboard-tab .directorist-user-dashboard-search {
	margin: 16px 0;

	input {
		border-radius: 5px;
	}
}

.plasmaSlider__bg {
	background-color: transparent !important;
	display: flex;
	align-items: center;
	justify-content: center;

	img.plasmaSlider__bgImg,
	img.plasmaSlider__bgImgBlur {
		position: static;

		&.smallimg {
			width: auto !important;
			height: auto !important;
			max-width: 100%;
			max-height: 100%;
		}
	}
}

.beehive-login-form .beehive-login-result .login-message.error {
	text-align: left;
	color: red;
	display: inline;
	position: relative;

	&:after {
		content: '';
		position: absolute;
		right: 0;
		bottom: 0;
		background: #fff;
		width: 9px;
		height: 14px;
	}

	a {
		display: none;
	}
}

.mfp-gallery .rtmedia-single-container #mobile-swipe-overlay {
	display: none !important;
}

.rtm-media-single-comments {
	padding: 0;
}

html.photo-popup {
	margin-right: 0 !important;
	overflow: unset !important;
	scroll-behavior: unset;

	.js-hiraku-offcanvas-body {
		scroll-behavior: unset;
		transition: none;
	}
}

.activity-giphy-container .bp-acivity-gif-image-overlay {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 5px;
	border-radius: 5px;
	width: 30px;
	height: 30px;
}

.em.em-list.em-events-list .em-item .em-item-image {
	display: flex;
	align-items: center;
	justify-content: center;

	img.smallimg {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
}

.amazon-preview a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(0, 0, 0, 0.09);
	border-radius: 5px;

	img {
		margin-bottom: 15px;
	}
}


.buddypress-wrap .business-main-nav ul.component-navigation.business-nav li {
	padding: 0;

	&.selected a {
		border-bottom: 0;
	}

	a {
		padding: 5px 10px;
	}
}

.buddypress-wrap #bp-businesses-content {
	.subnav-filters {
		gap: 10px;

		&:after,
		&:before {
			display: none;
		}

		.business-search {
			flex-wrap: wrap;
			width: 100%;

			>* {
				width: calc(50% - 5px);

				#business-order-select {
					width: 100%;
				}

				select {
					border: 0;
					background-image: none !important;
					width: 100%;
				}

				input#dir-business-search {
					padding: 0 12px;
				}
			}
		}

		>div {
			width: calc(33.33% - 7.5px);
			margin: 0 !important;
			order: unset;

			&.subnav-search {
				width: 100%;
				max-width: 100%;
				flex: auto;
				-webkit-box-flex: unset;
				-ms-flex: unset;
				margin: 0;
			}

			select {
				width: 100%;
			}

			#business-order-select {
				min-width: auto;
				width: 100%;
			}
		}
	}

	.bp-business-follow-button-container-wrapper {
		padding: 0 15px 15px;
	}

	#business-create-body {
		border: 0;
		border-radius: 0;
		max-width: 100%;
		padding: 0;
	}
}

ul#business-list {
	align-items: center;

	.bp-business-profile-excerpt,
	.bp-business-profile-excerpt p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		line-height: 1.5rem;
		height: clamp(4.5rem, 3 * 1.5rem, 4.5rem);
	}
}

#buddypress.buddypress-wrap.bp-business-single {
	#cover-image-container:after {
		display: none;
	}

	#item-header #item-header-cover-image #item-header-avatar {
		position: static;
	}
}

body.single-business .site-content {
	padding-right: 80px !important;
}

aside.bp-business-widget-area .widget-area-inner {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;

	.widget {
		width: calc(50% - 5px);
		border: 1px solid #2B3990;
		border-radius: 5px;
		padding: 15px;

		h2 {
			background: #2b3991;
			color: #fff;
			padding: 5px 10px;
			margin: -15px -15px 15px -15px;
		}
	}
}

#buddypress.buddypress-wrap .business-main-nav.bp-navs>ul {
	align-items: center;
	overflow: visible;

	li {

		&.current a,
		&.selected a {
			border-bottom: 0 !important;
		}

		a:hover {
			border-bottom: 0 !important;
		}

		.sub-menu a:before {
			margin-right: 10px;
		}
	}
}

.single-business #bp-profile-home-content #whats-new-avatar img {
	max-width: 40px;
	width: 40px;
	height: 40px;
	border-radius: 5px;
}

body .layout {

	a.button.button-outline,
	input.button-outline,
	button.button-outline {
		color: var(--theme-color-primary);

		&:hover {
			color: #fff;
		}
	}
}

ul#business-list li {
	flex-basis: auto;
	margin-bottom: 20px;
	padding-bottom: 0;
}

#bp-businesses-content .business-search .bp-dir-search-form button#dir-business-search-submit {
	opacity: 1;
	visibility: visible;
	width: 40px;
	height: 100%;
}

.bp-navs.single-screen-navs ul li a:before {
	display: none;
}

#buddypress.buddypress-wrap:not(.bp-single-vert-nav) .main-navs.business-main-nav>ul>li>a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#buddypress.buddypress-wrap .business-main-nav.bp-navs ul ul li a i {
	margin-right: 10px;
}

#buddypress.buddypress-wrap:not(.bp-single-vert-nav) .business-main-nav.bp-navs.bp-business-profile-type-navs {
	border: 0;

	>ul {
		padding: 0;
		border: 0;
		border-bottom: 1px solid #ccc;
	}
}

.buddypress-wrap .bp-feedback p {
	width: 100%;
}

.buddypress-wrap .bp-feedback.info .bp-icon,
.buddypress-wrap .bp-feedback.help .bp-icon {
	color: #fff;
}

#buddypress.buddypress-wrap.bp-business-single .desc-wrap .bp-business-description p {
	word-break: break-word;
}

ul.job_listings li.job_listing {
	.job-list-item {
		background-color: rgb(43 57 144 / 4%);
		padding: 30px 20px;
		border-radius: 5px;
		box-shadow: 0 0 4px rgb(0 0 0 / 40%);
	}

	&:hover .job-list-item {
		box-shadow: 0 0 4px rgb(0 0 0 / 40%);
	}
}

.activity-list .activity-item .activity-meta.action .share-activity-options li .share-on-twitter {
	font-size: 0;

	&:before {
		content: "X";
		font-size: 14px;
	}

	&:after {
		content: 'Share on X';
		font-size: 14px;
		padding-left: 15px;
	}
}

.events.profile .profile-col-main h4 {
	display: none;
}

#buddypress.buddypress-wrap.bp-business-single #item-header #header-cover-image {
	border-radius: 5px;
	aspect-ratio: 3 / 1;
	padding-top: 33.33%;
	height: auto;
}

#buddypress.buddypress-wrap.bp-business-single div#item-header #item-header-cover-image #item-header-content {
	align-items: flex-start;
}

.bp-business-single .business-nav .selected[data-bp-scope="all"] {
	border-bottom: 0 !important;
}

.bp-business-single .business-nav .selected[data-bp-scope="all"]>a {
	position: relative;
	visibility: hidden !important;
	margin-right: 5px;
}

.bp-business-single .business-nav .selected[data-bp-scope="all"]>a * {
	display: none !important;
}

.bp-business-single .business-nav .selected[data-bp-scope="all"]>a::after {
	content: "All Businesses";
	visibility: visible;
	background-color: #2b3991;
	position: absolute;
	top: 2px;
	padding: 5px 10px;
}

.bp-business-single .business-nav .selected[data-bp-scope="all"]>a:hover::after {
	background-color: var(--theme-color-primary);
}

#bp-profile-inbox-content .messages-options-nav {
	display: flex;
	align-items: center;
	gap: 15px;
}

.buddypress-wrap .bp-feedback span.bp-icon {
	display: flex;
	color: #fff !important;
}

#bp-business-single-media-create-screen .rtm-upload-tab-content:after {
	content: "⚠️ Only Images and Pictures are allowed. Videos are not permitted.";
	display: block;
	color: red;
	font-size: 14px;
	;
	margin-top: 10px;
}

.bp-business-settings-nav {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	min-height: unset;
	padding: 0;
}

form.bp-profile-settings {
	min-height: unset;
	padding: 0;
}

#bp-profile-settings-tabs-nav {
	padding: 0;

	>li {
		>a {
			display: none;
		}

		ul {
			position: static !important;
			display: flex !important;
			transform: none !important;
			width: 100%;
			box-shadow: none;
			overflow-x: auto;

			li {
				width: auto;
				border-bottom: 0;

				a:focus,
				a:hover,
				&.active>a {
					background: transparent;
					color: var(--global-primary-color);
				}
			}
		}
	}
}

.custom-same-line {
	display: flex;
	align-items: center;
	justify-content: space-between;

	.bp-business-screen-title {
		margin: 0 !important;
	}
}

.bp-business-hours-widget-section .bp-business-today-timing {
	align-items: center;
	position: relative;
	padding-right: 35px;

	.bp_business_expand_more {
		display: flex !important;
		position: absolute;
		top: 0;
		right: 0;
	}
}

.bp-business-settings-content .bp-messages-content table.messages-notices tr {
	.thread-checkbox.bulk-select-all {
		width: 55px;
	}

	.thread-from {
		width: 30%;
	}

	.thread-info {
		width: 70%;
	}
}

.bp-business-cover-img {
	padding-top: 33.33%;
	aspect-ratio: 3 / 1;
}

.bp-business-list-wrap .bp-business-avatar {
	margin-top: -25px;
}

.buddypress-wrap #business-header-cover-image {
	height: auto;
	aspect-ratio: 3 / 1;

	img {
		width: 100%;
	}
}

.custom-business-create-step {
	border: 1px solid #2b3991;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 20px;
	width: 100%;

	.block-title {
		text-align: center;
	}
}

.buddypress-wrap #business-create-body .form-error {
	text-align: left;
	margin-top: 5px;
}

.buddypress-wrap .bp-bussiness-upload-area {
	background: rgb(43 57 144 / 10%);

	.bp-bussiness-upload-content br {
		display: none;
	}
}

.bp-business-action-button ul li {
	.bp-business-action-wrap {
		text-align: left;
	}

	.bp-business-action-value input {
		width: 30px !important;
		height: 30px !important;
		border-radius: 5px;

		&:checked:before {
			content: '✓' !important;
			background-color: transparent;
			height: auto;
			width: auto;
			border-radius: 0;
		}
	}
}

.bp-business-social-network .repeater-item:first-child {
	margin-right: 75px;
}

.business-work-info-content label {
	font-weight: 400;
	cursor: pointer;
}

.bp-business-work-hours-content ul li.business-work-info-list input[type=radio] {
	top: 0;
}

.bp-business-settings-content .bp-business-section-container {
	border: 0;
	padding: 0;

	#bp-business-review-form-wrapper {
		background: #f7f7f7;
		padding: 15px;

		.multi-review {
			border: 0;
			background: #fff;
			justify-content: space-between;
		}

		.review_desc {
			background: #fff;
		}
	}
}

/* --------------------------------
-----------------------------------
    Philly Playlists Code Start 
-----------------------------------
-------------------------------- */

.playlist-filters,
.not-expect-filters,
.memorial-filters {
	background: #2B3990;
	padding: 20px;
	border-bottom: 0;
	border-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 30px;

	button {
		padding: 0 1rem;
		background-color: var(--theme-color-primary);
		color: #fff;

		&#sPremoveSearchBtn,
		&.deleteBtn {
			background-color: #d70000;
			border-color: #d70000;
		}
	}

	.pplay-search,
	.not-expect-search {
		width: 100%;
		display: flex;
		gap: 10px;
	}

	select {
		width: calc(50% - 80px);

		&#sortOrder,
		&#singleSortOrder {
			width: 120px;
		}

		&#notExpectSort {
			width: auto;
		}
	}

	.Selected-playlist-filter {
		display: none;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;

		>p {
			width: 100%;
			color: #fff;
			margin-bottom: 0;
		}

		>span {
			background: #fff;
			display: block;
			padding: 5px 15px;
			border-radius: 40px;
			hyphens: auto;

			span.clearFilter {
				cursor: pointer;
				color: red;
				margin-left: 5px;
				padding: 6px;
			}
		}

		&.active {
			display: flex;
		}
	}
}

.not-expect-filters {
	flex-wrap: nowrap;
}

.loading-message,
.scroll-loading {
	text-align: center;
}

.playlist-listing-container {
	min-height: 110vh;
}

.playlist-grid,
.not-expect-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;

	>span {
		width: 100%;
		text-align: center;
	}

	.playlist-card,
	.story-card {
		position: relative;
		background-color: rgb(43 57 144 / 4%);
		padding: 20px;
		border-radius: 5px;
		box-shadow: 0 0 4px rgb(0 0 0 / 40%);
		width: 100%;

		+p {
			display: none;
		}

		h3 {
			margin: 0 40px 10px 0;
			cursor: pointer;
		}

		.toggle-favorite-btn,
		.story-save-toggle-btn,
		.remove-from-history {
			border: 1px solid #2b3991;
			padding: 10px;
			border-radius: 5px;
			position: absolute;
			top: 10px;
			right: 10px;
			cursor: pointer;
			line-height: 1;

			i {
				color: #2b3991;
				font-size: 130%;
			}

			&.favorited {
				background: #2b3991;

				i {
					color: #fff;
				}
			}
		}

		.remove-from-history {
			top: 10px;
			right: 60px;
			border-color: red;
			background-color: red;

			i {
				color: #fff;
			}
		}
	}

	.playlist-ad {
		width: 100%;

		+p {
			display: none;
		}
	}
}

#phillyPlaylistForm {
	>div {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px;
		justify-content: space-between;
		margin-bottom: 20px;

		&.playlist-category>div {
			width: calc(50% - 10px);
			display: flex;
			gap: 10px;
			flex-wrap: wrap;

			select {
				width: 100%;
			}
		}

		.video-link-field {
			position: relative;
			width: 100%;
			display: flex;
			align-items: center;
			gap: 15px;
			border: 1px solid #2b3991;
			padding: 10px 20px;
			border-radius: 5px;

			&.not-valid-field {
				padding-bottom: 40px;
			}

			input.invalid-url {
				border-color: red;
			}

			span.error-msg {
				position: absolute;
				left: 60px;
				bottom: 8px;
				pointer-events: none;
			}

			.drag-handle {
				cursor: move;
			}
		}

		&.add-video {
			label {
				margin-right: auto;
			}

			>span {
				padding: calc(.375rem + 1px) 10px;
				border: 1px solid #f3953d;
				color: #f3953d;
				border-radius: 5px;

				&.clear-invalid-urls-btn {
					border: 1px solid red;
					color: red;
				}
			}

			input {
				padding: 0 10px;
			}
		}

		span {
			cursor: pointer;
		}

		.remove-video {
			color: red;
		}

		&#video-links-wrapper {
			counter-reset: my-playlist-counter;

			.video-link-field:before {
				counter-increment: my-playlist-counter;
				content: counter(my-playlist-counter) ". ";
				width: 30px;
			}
		}
	}

	.custom-div {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 10px 0;

		&:after,
		&:before {
			content: '';
			display: inline-block;
			width: 20%;
			height: 2px;
			background: #000;
		}

		&:after {
			margin-left: 20px;
		}

		&:before {
			margin-right: 20px;
		}
	}

	>span.clear-invalid-urls-btn {
		padding: calc(.375rem + 1px) 10px;
		border: 1px solid red;
		color: red;
		border-radius: 5px;
		display: inline-block;
		margin-right: 10px;
		cursor: pointer;
	}
}

.playlist-details {
	h3 {
		margin-bottom: 5px;
	}

	.playlist-meta {
		margin-bottom: 20px;

		>span {
			margin-right: 10px;
		}
	}
}

.playlist-container {
	border: 1px solid #000;
	border-radius: 5px;
	overflow: hidden;

	.player-wrapper>div {
		display: none;
		position: relative;
		padding-bottom: 56.25%;

		iframe {
			position: absolute;
			width: 100%;
			height: 100%;
		}

		&.active {
			display: block;
		}

		&.audio-mode {
			&>div {
				display: flex;
				justify-content: space-between;
				position: absolute;
				width: 100%;
			}

			.video-progress {
				align-items: center;
				bottom: 0;
				padding: 0 10px;

				input {
					width: 100%;
					margin-right: 20px;
				}
			}

			div#plvThumb {
				align-items: flex-end;
				padding: 10px;
				height: calc(100% - 2.5rem);

				.vol {
					width: 7%;
					height: 100%;
					background-color: #2b3991;
					align-self: flex-end;
					animation: ease 1.5s infinite alternate forwards;
				}

				.vol[data-index="1"] {
					animation-name: volup1;
				}

				.vol[data-index="2"] {
					animation-name: volup2;
				}

				.vol[data-index="3"] {
					animation-name: volup3;
				}

				.vol[data-index="4"] {
					animation-name: volup4;
				}

				.vol[data-index="5"] {
					animation-name: volup5;
				}

				.vol[data-index="6"] {
					animation-name: volup6;
				}

				.vol[data-index="7"] {
					animation-name: volup7;
				}

				&.paused .vol {
					animation-play-state: paused !important;
				}
			}
		}
	}

	#playvideoTitle {
		padding: 20px 10px 0;
		cursor: pointer;
	}

	.video-list-container {
		counter-reset: my-playlist-counter;

		>.video-row {
			position: relative;
			display: flex;
			text-align: left;
			border-top: 1px solid #000;
			padding-left: 40px;

			&:before {
				counter-increment: my-playlist-counter;
				content: counter(my-playlist-counter) ". ";
				padding-top: 3px;
				position: absolute;
				left: 7.5px;
			}

			.video-button {
				width: 100%;
				padding: 3px 10px;
				transition: none;

				&.active {
					color: #fff;
				}
			}

			.action-btns {
				display: flex;
				align-items: center;
				width: 95px;
				border-left: 1px solid #000;
				padding-left: 10px;
			}

			.add-to-playlist-btn {
				cursor: pointer;
				padding: 5px;

				&:hover {
					color: var(--theme-color-primary);
				}
			}

			input[type=radio]:checked,
			input[type=checkbox]:checked {
				transition: none;
			}

			&.selected,
			&.active {
				background-color: #2b3991;
				color: #fff;
				border-color: #fff;

				input[type=checkbox]:checked,
				.action-btns {
					border-color: #fff;
					color: #fff;
				}

				.video-button,
				.add-to-playlist-btn:hover {
					color: #fff;
				}
			}

			&.active {
				background-color: #f3953d;
			}
		}

		.playlist-ad {
			border-top: 1px solid #000;
			padding: 10px 0;
		}
	}

	.playlist-controllers {
		padding: 0 30px 20px;
		display: flex;
		align-items: center;
		justify-content: center;

		span {
			cursor: pointer;
			user-select: none;
		}

		.playvideo-option {
			padding: 0 20px;

			span i {
				display: inline-block;
				font-size: 40px;
				cursor: pointer;
				text-align: center;
				width: 40px;
			}

			#playplayVideo i {
				display: none;

				&.active {
					display: inline-block;
				}
			}
		}

		.playlist-extra-option,
		.playlisttoggle {
			span {
				font-size: 110%;
				margin: 0 3px;

				&.active {
					color: var(--theme-color-primary);
				}
			}
		}
	}
}

.single-playlist-filter {
	position: relative;

	.single-playlist-listing-container {
		background-color: #fff;
		border: 1px solid #2b3992;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: 99;
		max-height: 600px;
		overflow: hidden;
		overflow-y: auto;
		padding: 10px;

		>p {
			width: 100%;
			text-align: center;
		}
	}
}

.story-ad {
	width: 100%;
}

.story-read-toggle-btn {
	cursor: pointer;
}

.philly-playlist-history {
	.history-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 30px;

		h2 {
			margin-bottom: 0;
		}

		#clearHistoryBtn {
			border-color: red;
			background-color: red;
			color: #fff;
		}
	}

	.playlist-grid .playlist-card h3 {
		margin: 0 90px 10px 0;
	}

	.history-group-title {
		margin-top: 20px;
	}
}

.widget_philly_resume_playlist_widget .philly-playlist-widget {
	padding: 10px;

	a,
	a:hover {
		text-decoration: none;
	}

	.playlist-tabs {
		margin-bottom: 15px;

		.tab-btn {
			color: #212529;
			padding: 0 5px;
			display: inline-block;
			cursor: pointer;

			&.active {
				background-color: var(--theme-color-primary);
			}
		}
	}

	.tab-content {
		display: none;

		&.active {
			display: block;
		}

		.playlist-card {
			margin-bottom: 7.5px;
		}
	}

	.playlist-meta {
		display: flex;
		flex-wrap: wrap;
		color: #000;

		span.author {
			font-size: 12px;
			font-weight: 400;

			img {
				width: 20px;
				height: 20px;
				border-radius: 100%;
			}
		}
	}
}

/* --------------------------------
-----------------------------------
    Philly Playlists Code End 
-----------------------------------
-------------------------------- */

/* --------------------------------
-----------------------------------
     Karaoke Songs Code Start 
-----------------------------------
-------------------------------- */

.karaoke-wrapper {
	position: relative;
}

.karaoke-song-list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;

	.karaoke-song {
		position: relative;
		width: 100%;
		background-color: rgb(43 57 144 / 4%);
		padding: 10px 20px;
		border-radius: 5px;
		box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
		border: 1px solid rgb(43 57 144 / 4%);
		cursor: pointer;

		&:hover,
		&.playing {
			border-color: rgb(243 149 61 / 100%);

			iframe {
				width: 100%;
				margin-top: 10px;
			}

			.karaoke-close {
				position: absolute;
				top: 10px;
				right: 20px;
				line-height: 1;

				i {
					font-size: 140%;
				}

				&:hover {
					color: #d70000;
				}
			}
		}

		&.playing>span {
			display: block;
			padding-right: 20px;
		}
	}

	&.hide {
		display: none !important;
	}
}

#karaoke-player-container {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);

	#karaoke-video {
		position: relative;
		padding-bottom: 56.25%;

		iframe {
			position: absolute;
			width: 100%;
			height: 100%;
		}
	}

	.karaoke-player-action {
		position: absolute;
		top: 5px;
		right: 10px;
		z-index: 1;
		display: flex;
		align-items: center;
		gap: 15px;

		span {
			background-color: #fff;
			padding: 10px;
			cursor: pointer;
			line-height: 1;
			font-size: 120%;
			transition: .3s;
			opacity: 0.7;

			&:hover {
				opacity: 1;
			}
		}
	}

	#karaoke-countdown {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
		background-color: #fff;
		width: 70px;
		height: 70px;
		font-size: 40px;
		padding: 20px;
		border-radius: 100%;
		line-height: 35px;
		text-align: center;
		box-shadow: 0 0 70px 50px #fff;

		&.active {
			display: block;
		}
	}

	.karaoke-lyrics {
		position: relative;
		height: calc(1.6em * 8 + 20px);
		overflow: hidden;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin: 40px 0;
		padding: 0 10px;
	}

	.karaoke-lyrics-inner {
		display: flex;
		flex-direction: column;
		transition: transform 0.5s ease;
		position: absolute;
		padding: 0 10px;
	}

	.karaoke-line {
		padding: 5px 0;
		opacity: 0;
		transition: opacity 0.3s ease;
		font-size: 1em;
		line-height: 1.6em;
	}

	.karaoke-line.prev,
	.karaoke-line.next,
	.karaoke-line.show {
		opacity: 0.6;
	}

	.karaoke-line.active {
		opacity: 1;
		font-weight: bold;
		color: #2b3991;
		font-size: 1.3em;
	}

	&.minimize-player {
		position: fixed;
		top: auto;
		bottom: 20px;
		right: 20px;
		width: 20vw;
		min-width: 220px;
		z-index: 999999;

		#karaoke-countdown,
		.karaoke-lyrics,
		.karaoke-sad {
			display: none !important;
		}

		span#karaoke-minimize-player {
			transform: rotate(180deg);
			transition: .3s;
		}
	}
}

.karaoke-ad,
.karaoke-sad {
	width: 100%;
	text-align: center;
}

/* --------------------------------
-----------------------------------
      Karaoke Songs Code End 
-----------------------------------
-------------------------------- */


.job-manager-form .step-container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	background-color: rgb(43 57 144 / 4%);
	border-radius: 5px;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
	overflow: hidden;
	padding: 0 20px 40px;

	.block-title {
		margin: 0 -20px;
		background-color: #2b3991;
		padding: 10px 20px;
		width: calc(100% - -40px);

		h4 {
			color: #fff;
			padding-bottom: 0;

			&:after {
				display: none;
			}
		}
	}

	fieldset {
		margin: 0;
		width: 100%;

		label,
		div.field {
			width: 100%;
			float: none;
			text-transform: capitalize;
		}

		&.custom-half-field {
			width: calc(100% / 3 - 30px / 3);
		}

		&.fieldset-remote_position {
			display: flex;
			align-items: center;

			label,
			div.field {
				width: auto;
				margin-right: 20px;
			}
		}

		select,
		input {
			background-color: #fff;
		}
	}

	.fieldset-job_location_mode,
	.fieldset-pay_mode,
	.fieldset-supplemental_pay,
	.fieldset-benefits,
	.fieldset-job_schedule {

		.field,
		.job-manager-term-checklist {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			padding-left: 0;
			max-height: none;

			label {
				background-color: #ffffff;
				padding: 10px;
				border-radius: 5px;
				cursor: pointer;
				font-weight: 400;
				user-select: none;
				width: auto;
				line-height: 1;

				input {
					display: none !important;
				}

				&:before {
					content: '\2b';
					margin-right: 5px;
					font-family: "Font Awesome 6 Free";
					font-weight: 900;
				}

				&:has(input:checked) {
					background-color: #fff2e6;
					color: var(--theme-color-primary);

					&:before {
						content: '\f00c';
					}
				}
			}

			br {
				display: none;
			}
		}
	}

	.fieldset-job_qualifications {
		.field>div {
			display: flex;
			gap: 20px;

			span#add_skill_btn {
				display: flex;
				padding: 0 10px;
				align-self: stretch;
				align-items: center;
				cursor: pointer;
			}
		}
	}

	.fieldset-company_space {
		position: relative;
		padding-bottom: 50px;

		&:before {
			content: '';
			width: 100%;
			height: 1px;
			background-color: var(--theme-color-text);
			position: absolute;
			bottom: 17px;
		}

		&:after {
			content: 'OR' !important;
			background: #f7f7fb;
			text-align: center;
			position: absolute;
			left: 50%;
			bottom: 0;
			transform: translateX(-50%);
			padding: 5px 10px;
		}
	}

	#browse_fields_container>div {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;

		label,
		.no-list-item {
			width: 100%;
		}

		.remove-question {
			color: red;
			cursor: pointer;
		}

		button {
			background-color: var(--theme-color-primary);
			color: #fff;
			padding: .375rem 10px;
		}
	}

	.step-buttons {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		width: 100%;

		.step-error {
			width: 100%;
		}
	}

	iframe#job_description_ifr {
		height: 300px !important;
		margin-top: 0;
	}
}

.drag-handle {
	cursor: pointer;
}

.job-manager-form div.submit {
	margin-left: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;

	.job-manager-form div.submit input[type=submit] {
		margin-bottom: 0;
	}
}

.single_job_listing {
	border: 1px solid var(--theme-color-border);
	border-radius: 5px;
	box-shadow: 0 8px 6px -6px rgba(58, 46, 68, .05);

	.job-apply-success {
		background-color: #097009;
		color: #fff;
		padding: 10px 20px;
		border-radius: 5px;

		p {
			margin-bottom: 0;
		}
	}

	.single_job_full_details {
		display: flex;
		flex-direction: column;

		>div {
			border-bottom: 1px solid var(--theme-color-border);
			padding: 20px;
			margin-bottom: 0 !important;

			&.job-listing-meta {
				padding: 0;
			}
		}
	}

	.job_application {
		padding: 20px;

		.application_button {
			padding: 0.6rem 2rem;
		}
	}

	.job-single-header .info {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0;

		time {
			color: var(--theme-color-text);
			font-size: 100%;
		}
	}
}

.job-listing-meta {
	.job-listing-meta-box {
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 20px;
		border-bottom: 1px solid var(--theme-color-border);

		&.benefits-box {
			border-bottom: 0;
		}

		h4,
		p {
			width: 100%;
			margin-bottom: 0;
		}

		i {
			margin-right: 5px;
		}

		ul,
		ol {
			padding-left: 20px;
			margin-bottom: 0;
		}
	}
}

.job-listing-meta-box-item {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;

	span {
		display: inline-block;
		background: var(--theme-color-border);
		border-radius: 5px;
		padding: 5px 10px;
	}
}

.job-manager-term-checklist-job_type {
	display: flex;
	gap: 15px;
	padding: 0;
	flex-wrap: wrap;

	.selectit {
		background-color: #ffffff;
		padding: 0 10px;
		border-radius: 5px;
		cursor: pointer;
		font-weight: 400;
		user-select: none;

		input {
			display: none !important;
		}

		&:before {
			content: '\2b';
			margin-right: 5px;
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
		}

		&:has(input:checked) {
			background-color: #fff2e6;
			color: var(--theme-color-primary);

			&:before {
				content: '\f00c';
			}
		}
	}
}

#skills_list,
.question-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;

	>div {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		width: 100%;
		border-radius: 5px;
		padding: 5px 10px;
		background-color: #fff;

		.field-action-btn {
			display: flex;
			align-items: center;
			gap: 15px;

			label,
			.remove-skill {
				cursor: pointer;
				display: flex;
				align-items: center;
			}

			.remove-skill {
				color: red;
				padding: 5px;
			}
		}
	}

	&.education-question-list>div {
		flex-wrap: wrap;

		>div {
			width: 100%;

			&.added-question-header {
				width: 100%;
				display: flex;
				justify-content: space-between;
				gap: 10px;
			}
		}
	}
}

.job_listings .beehive-filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 10px;

	.search_jobs {
		max-width: 100%;
		gap: 5px;
		margin: 0;

		div.search_keywords {
			flex: 0 0 50%;
			max-width: 50%;
		}

		div.search_location {
			flex: 0 0 calc(50% - 50px);
			max-width: calc(50% - 50px);
		}

		.search_jobs_submit {
			padding: 0 5px;
			width: 40px;
			background-color: var(--theme-color-primary);
			color: #fff;
		}

		input {
			color: var(--theme-color-text);
			padding: 0 10px;

			&::placeholder {
				color: var(--theme-color-text);
			}
		}
	}

	.filter-field {
		width: calc(27% - 6px);

		&:nth-child(3) {
			width: calc(45% - 5px);
		}

		&.salary-filter-wrap {
			display: flex;
			gap: 10px;
			width: 100%;

			.select-wrap {
				min-width: 130px;
			}

			.input-wrap {
				display: flex;
				gap: 10px;
				width: 100%;

				.amount_input {
					position: relative;
					width: 100%;

					&:before {
						content: '$';
						position: absolute;
						top: 0;
						left: 10px;
						line-height: 2.5rem;
						pointer-events: none;
						user-select: none;
					}

					input {
						line-height: 2.5rem;
						padding: 0 10px 0 25px;
					}
				}
			}
		}

		select {
			width: 100%;
			padding: 0 45px 0 10px;
		}

		input {
			padding: 0 10px;
		}

		input::-webkit-outer-spin-button,
		input::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}
	}

	.job_types li label {
		color: #fff;
		font-weight: 400;

		input[type=checkbox] {
			border-color: #ffffff;

			&:checked {
				border-color: #ffffff;

				&::before {
					color: #fff;
				}
			}
		}
	}

	button.button-filter {
		position: static;
		min-width: auto;
		color: #fff;
		width: 90px;
	}
}

div#job_filters_collapse {
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;

	&.show {
		display: flex;
	}

	label {
		color: #fff;
		margin-bottom: 3px;
	}

	select {
		color: #fff;
	}
}

#job-manager-job-dashboard table tbody tr td>a {
	&:hover {
		color: var(--theme-color-primary);
		text-decoration: none;
	}

	&.job-dashboard-action-delete,
	&.job-dashboard-action-delete:hover {
		color: #d70000;
	}
}



.bprm-repeater-link a,
.bprm-repeater-link a.bprm-add-repeater-field,
.bprm_resume_form .bprm_add_repeater_grp,
#buddypress .upload_bprm_profile_image input#bprm_select_resume_profile_img,
.bprm_resume_form input#bprm_save[name="bprm_save_resume"] {
	background: transparent !important;
	border-color: var(--theme-color-primary) !important;
	border-radius: 5px !important;
	text-decoration: none;
	border: 1px solid;
	color: var(--theme-color-primary) !important;
	padding: 0 10px;

	&:hover {
		background: var(--theme-color-primary) !important;
		color: #fff !important;
	}
}

.bprm_resume_form input#bprm_save[name="bprm_save_resume"] {
	background: var(--theme-color-primary) !important;
	color: #fff !important;
}

.buddypress .bprm-header-button-wrapper .bprm-bprm-btn-primary {
	background: var(--theme-color-primary);
	color: #fff !important;
	color: var(--theme-color-primary);

	&:hover {
		background: var(--theme-color-primary);
		color: #fff;
	}
}

.bprm_resume_profile_image .bprm-field-label-wrap {
	display: none;
}

.bprm_curcomp {
	text-transform: capitalize;
}

#uploaded-resume-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;

	.resume-item {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;

		label {
			display: flex;
			align-items: center;
			gap: 10px;

			.resume-name {
				max-width: 50vw;
			}
		}

		.resume-item>div {
			display: flex;
			gap: 10px;
		}

		.delete-resume {
			color: #f05656;
			cursor: pointer;
		}
	}
}

.upload-resume {
	margin: 20px 0;
}

.story-modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999999999;
	display: flex;
	align-items: center;
	justify-content: center;

	.story-modal-content {
		background: #fff;
		width: 80%;
		min-width: 300px;
		max-height: calc(100vh - 100px);
		padding: 40px 40px 30px 30px;
		border-radius: 5px;
		position: relative;
		overflow: hidden;
		overflow-y: auto;

		>span {
			position: absolute;
			right: 0;
			top: 0;
			padding: 0.5rem 1rem;
			background: #000;
			color: #fff;
			cursor: pointer;
			z-index: 1;
		}
	}
}

.story-actions {
	border-top: 1px solid var(--theme-color-border);
	margin-top: 20px;
	padding: 10px 0 0;

	.story-comment-button {
		cursor: pointer;
	}
}

.story-like-button,
.comment-like-btn {
	margin-right: 20px;
	cursor: pointer;

	.fa-solid {
		display: none;
		color: var(--theme-color-primary);
	}

	.fa-regular {
		display: inline;
	}

	&.liked {
		.fa-solid {
			display: inline;
		}

		.fa-regular {
			display: none;
		}
	}
}

.comment-like-btn {
	margin-right: 0;
}

#story-comment-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 99999999999999;
	display: flex;
	align-items: center;
	justify-content: center;

	.story-comment-modal-inner {
		position: relative;
		width: 80%;
		min-width: 300px;
		height: 80%;
		background-color: #fff;
		border-radius: 5px;

		.story-comment-modal-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #d5d5d5;
			padding: 10px 20px;

			h3 {
				margin-bottom: 0;
			}

			.modal-close {
				font-size: 30px;
				cursor: pointer;
				padding: 7px 10px;
				background-color: #f7f7f7;
				color: #000;
			}
		}
	}

	.story-comment-modal-content {
		padding: 20px 0;
		height: calc(100% - 140px);
		overflow: hidden;
		overflow-y: auto;

		.modal-story-content,
		.modal-comments-list {
			padding: 0 20px;
		}

		.single-comment {
			display: flex;
			align-items: flex-start;
			gap: 10px;
			margin-bottom: 10px;

			.sc-box {
				.sc-box-comment {
					background-color: #f7f7f7;
					padding: 10px 20px;
					border-radius: 5px;
					margin-bottom: 5px;
				}

				.comment-meta {
					display: flex;
					gap: 10px;
					align-items: center;
				}

				.comment-like-btn,
				.edit-comment-btn,
				.delete-comment-btn {
					cursor: pointer;
				}

				h6 {
					margin-bottom: 0;
				}

				p {
					margin-bottom: 0;
				}
			}

			img {
				width: 30px;
			}
		}
	}

	.story-actions {
		border-bottom: 1px solid var(--theme-color-border);
		padding: 10px 20px;
		margin: 20px 0;
	}

	.modal-comment-form {
		display: flex;
		align-items: center;
		padding: 20px;
		border-top: 1px solid #d5d5d5;

		img {
			width: 30px;
			margin-right: 10px;
		}

		span {
			color: #000;
			margin-left: 10px;
			font-size: 24px;
			cursor: pointer;
		}
	}

	.new-comment-text {
		resize: none;

		&.not-valid {
			border-color: red;
		}
	}
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-hide {
	display: inline-block;
}

.bp-messages-content #thread-preview {
	display: none;
}


.blpro-rating-wrapper {
	display: none;
}

.rtmedia-uploader-div div#drag-drop-area {
	background: rgb(43 57 144 / 10%);

	&:after {
		content: "⚠️ Only Images and Pictures are allowed. Videos are not permitted.";
		color: #f05656;
		padding-top: 10px;
		display: block;
		height: auto;
		font-weight: 600;
	}

	.rtm-upload-tab-content:after {
		display: none;
	}
}

.rtm-media-options form.media_search {
	order: -1;
	width: 100%;
}

.media.all nav#subnav[aria-label="rtMedia menu"],
.media.all #rtm-gallery-title-container {
	display: none;
}

.base .profile-group-title {
	display: none;
}

#members-dir-list {
	display: block !important;
	opacity: 1 !important;
}

.register-page .signup-form .wp-pwd button .dashicons {
	line-height: unset;
}

.register-page .signup-form .editfield {
	margin-bottom: 0;
}

.bprm-resume-layout-two .bprm-profile-wrapper .bprm-personal-detail img {
	filter: invert(1);
}

.bprm-resume-template-one .bprm-sidebar-content .bprm-other-widget {
	color: #000000;
}

.bprm-header-button-wrapper {
	position: static;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}

.buddypress .bprm-header-button-wrapper .bprm-bprm-btn-primary {
	border-radius: 5px !important;
	width: calc(50% - 5px);
	margin: 0 !important;
}

.bprm-user-image-wrapper {
	padding: 35px 20px 10px;
}

.bprm-empty-error,
.invalid-no {
	display: none;
	color: red;
	margin-top: -10px;
}

.bp-navs.single-screen-navs.horizontal ul li .count {
	left: auto;
	right: 0;
}

.resume-share div#buddy-chat-app {
	display: none;
}

.bp-business-jobs-content-box ul.job_listings li.job_listing {
	margin-bottom: 20px;

	a {
		padding: 0 10px;
	}
}

.resume-page-heading {
	background-color: #2b3990;
	color: #fff;
	padding: 15px 20px;
	border-radius: 5px;
	margin-bottom: 30px;
}

.resume-users-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	text-align: center;

	.list-wrap {
		width: calc(50% - 10px);
		background-color: rgb(43 57 144 / 4%);
		padding: 30px 20px;
		border-radius: 5px;
		box-shadow: 0 0 4px rgb(0 0 0 / 40%);

		.item-avatar {
			max-width: 140px;
			margin: 0 auto 20px;
		}

		h4,
		p {
			margin-bottom: 0;
		}
	}
}

/* --------------------------------
-----------------------------------
    Philly Memorial Css Start 
-----------------------------------
-------------------------------- */

.philly-memorial-single {
	max-width: 860px;
	margin: 0 auto;

	.memorial-header {
		background-color: #2b3991;
		border: 4px solid #f3953e;
		padding: 20px;
		border-radius: 12px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		position: relative;

		&:after,
		&:before {
			content: '';
			width: calc(100% - 16px);
			height: calc(100% - 16px);
			border: 2px solid #f3953e;
			position: absolute;
			border-radius: 6px;
		}

		&:after {
			width: calc(100% - 32px);
			height: calc(100% - 32px);
			border: 4px solid #f3953e;
			border-radius: 3px;
		}

		.border-sides img {
			position: absolute;
			top: 25px;
			left: 25px;
			width: 120px;

			&.side2 {
				left: auto;
				right: 25px;
				transform: rotateZ(90deg);
			}

			&.side3 {
				top: auto;
				bottom: 25px;
				transform: rotateZ(270deg);
			}

			&.side4 {
				left: auto;
				top: auto;
				right: 25px;
				bottom: 25px;
				transform: rotateZ(180deg);
			}
		}

		.center-part {
			position: relative;
			margin-top: 20px;

			.bg-img {
				width: 80%;
				max-width: 400px;
			}

			.main-img {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 48%;
				border-radius: 20px;
				border: 4px solid #f3953e;
			}
		}

		.content-part {
			position: relative;
			width: calc(100% - 90px);
			padding: 20px 0 40px;
			color: #fff;

			img {
				position: absolute;
				top: 0;
				left: 0;
				width: 50px;
			}

			.side2 {
				left: auto;
				right: 0;
				transform: rotateZ(180deg);
			}
		}

		h3 {
			text-transform: capitalize;
			margin: 10px 0 0;
			font-size: 1.5rem;
			color: #fff;
		}

		.quote {
			font-style: italic;
			border-top: 1px solid #f3953e;
			border-bottom: 1px solid #f3953e;
			margin-top: 15px;
			padding: 10px 0;
		}
	}

	.offerings-wall {
		position: relative;
		background: #fff;
		border-radius: 10px;
		padding: 20px;
		box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
		max-width: 980px;
		margin: 30px auto;
		text-align: center;
		border: 1px solid #2b3991;

		.aoheader {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			text-align: center;
			gap: 10px;
		}
	}

	.memorial-wall {
		box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
		margin-top: 40px;
		padding: 30px 20px;
		border-radius: 5px;
		border: 1px solid #2b3991;

		h3 {
			text-align: center;
		}

		.wall-form {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 10px;

			img {
				width: 40px;
			}

			textarea {
				width: calc(100% - 50px);
			}

			.field-error {
				margin-left: 50px;
			}

			.wall-submit {
				margin-left: 50px;
			}
		}

		#wallList {
			margin-top: 30px;

			.wall-entry {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				border-top: 1px solid #eef2f7;
				padding: 10px 0;

				&:first-child {
					border-top: 0;
				}

				.who,
				.who a {
					display: flex;
					align-items: center;
					gap: 7.5px;
					text-decoration: none;

					p {
						font-weight: 700;
						text-transform: capitalize;
						margin-bottom: 0;
					}
				}

				.date {
					margin-left: 5px;
				}

				.msg {
					width: 100%;
				}
			}
		}
	}

	.field-error {
		width: 100%;
		color: red;
	}
}

.action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 7.5px 20px;
	margin: 6px;
	font-weight: 800;
	color: #fff;
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	background: linear-gradient(180deg, #2d3c91, #212b6b);

	&:hover {
		box-shadow: 0 10px 24px rgba(33, 43, 107, .35)
	}

	&[data-can-offer="0"] {
		min-width: 240px;
	}
}

.toast {
	position: fixed;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%) translateY(40px);
	background: rgba(0, 0, 0, 0.85);
	color: #fff;
	padding: 10px 20px;
	border-radius: 6px;
	font-size: 15px;
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 9999999;

	&.show {
		opacity: 1;
		transform: translateX(-50%) translateY(0);
	}
}

.shortofferinglist {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	gap: 14px;
	margin-top: 16px;
	overflow: auto;
	padding: 4px;

	&:has(.no-offerings) {
		display: flex;

		.no-offerings {
			width: 100%;
			text-align: center;
		}
	}

	.short-offering {
		border-radius: 5px;
		padding: 10px 8px;
		transition: transform .15s ease, box-shadow .15s ease;
		background: #f9fafb;
		cursor: pointer;
		border: 1px solid #242f75;

		&:hover {
			transform: translateY(-2px);
			box-shadow: 0 6px 16px rgba(0, 0, 0, .07);
			border-color: var(--theme-color-primary);
		}

		.short-offering-info {
			margin-top: 10px;
		}
	}

	.short-offering-info img {
		width: 20px;
		border-radius: 100%;
	}

	.short-offering-info small {
		display: block;
	}
}

.inline-offering-popup .popup-content {
	width: 100%;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	text-align: left;
	border: 1px solid #2b3991;
	padding: 15px 20px;
	border-radius: 5px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

	.popup-details {

		a,
		a:hover {
			text-decoration: none;
		}

		.popup-avatar {
			width: 20px;
			border-radius: 100%;
			margin-right: 5px;
		}

		p {
			margin-bottom: 0;
		}
	}

	.popup-close {
		cursor: pointer;
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 200%;
		line-height: 1;

		&:hover {
			color: var(--theme-color-primary);
		}
	}
}

.singleofferingpopup {

	.tabs,
	.offering-tabs {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;

		.tab {
			border: 1px solid #e5e7eb;
			background: #f9fafb;
			border-radius: 999px;
			padding: 8px 12px;
			min-width: 80px;
			cursor: pointer;
			font-weight: 700;
			color: #000;
			line-height: 1.4;
			text-transform: capitalize;
			margin: 0;

			&.active {
				background: #2d3c91;
				color: #fff;
				border-color: #2d3c91;
			}
		}
	}

	.gb-list {
		margin-top: 20px;

		.gb-item {
			display: flex;
			align-items: flex-start;
			gap: 15px;
			width: 100%;
			background-color: #fafaf7;
			padding: 10px;
			margin-bottom: 5px;
			border: 1px solid #242f75;
			border-radius: 5px;

			a,
			strong {
				text-transform: capitalize;
				text-decoration: none;
			}
		}
	}
}

.addleaveoffering {
	padding: 1rem;

	>div {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: center;
	}

	#selectionGrid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
		gap: 10px;
		margin: 20px 0;
		max-height: calc(100vh - 400px);
		overflow: hidden;
		overflow-y: auto;

		.opt {
			img {
				width: 100%;
				padding: 2px;
				aspect-ratio: 1;
				object-fit: cover;
				border-radius: 5px;
				cursor: pointer;
				background-color: #FAFAF7;

				&:hover,
				&.selected {
					background-color: #2b3991;
					box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
				}
			}
		}
	}

	.offeringAddMsg {
		.field {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 10px;
			width: 100%;

			img {
				width: 40px;
			}

			textarea {
				width: calc(100% - 50px);
			}

			.field-error {
				margin-left: 50px;
			}
		}

		.action-btn {
			margin-left: 50px;
		}
	}
}

#selectionGrid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	margin: 10px 0;
}

.singleofferingpopup {
	display: none;
	position: fixed;
	width: 100%;
	height: 100dvh;
	inset: 0;
	background: rgba(0, 0, 0, .45);
	backdrop-filter: blur(6px);
	align-items: center;
	justify-content: center;
	z-index: 9999999;
	opacity: 0;
	transition: opacity .22s ease;

	.modal {
		background: #fff;
		border-radius: 5px;
		max-width: 720px;
		width: calc(100% - 20px);
		box-shadow: 0 16px 50px rgba(0, 0, 0, .28);
		position: relative;
		transform: scale(.96);
		opacity: 0;
		transition: transform .22s ease, opacity .22s ease;
		height: auto;
	}

	&.active {
		display: flex;
		opacity: 1;

		.modal {
			transform: scale(1);
			opacity: 1;
			display: block;
		}
	}

	.modal-header {
		background-color: #2d3c92;

		h3 {
			color: #fff;
			margin-bottom: 0;
		}

	}

	.modal-close {
		font-size: 22px;
		cursor: pointer;
		color: #d1d1d1;
		line-height: 1;

		&:hover {
			color: #fff;
		}
	}

	.modal-body {
		max-height: 80dvh;
		overflow-y: auto;
	}

	.offering-restricted {
		display: flex;
		flex-direction: column;
		align-items: center;

		.modal-close {
			position: static;
			font-size: 100%;
			padding: 8px 40px;
			border-radius: 999px;
			background: #2d3c91;
			color: #fff;
			font-weight: 700;
			cursor: pointer;

			&:hover {
				color: #fff;
			}
		}
	}
}

.memorials-listing-heading {
	background-color: #2B3990;
	color: #fff;
	padding: 15px 20px;
	margin-bottom: 0;
	border-radius: 5px 5px 0 0;
}

/* Memorials List Grid */
.memorials-list-box {
	padding: 20px;
	background-color: rgba(43, 57, 144, 0.04);
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
}

.memorials-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 20px;
	margin-bottom: 20px;
}

/* Cards */
.memorials-list .memorials-list-card {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
	overflow: hidden;
	text-decoration: none;
	border: 1px solid #2b3991;
}

.memorials-list .memorials-list-card:hover {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
	border-color: var(--theme-color-primary);
}

.memorials-list .memorials-list-card img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

.memorials-list .memorials-list-card .name {
	text-transform: capitalize;
	color: #fff;
	background-color: #000;
	padding: 7.5px 10px;
	font-weight: 600;
	font-size: 110%;
}

.memorials-list .memorials-list-card .dates {
	color: #0f0f0f;
	padding: 10px;
	font-size: 85%;
}

/* Memorial Box */
.memorial-box a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	text-decoration: none;
}

.memorial-box a img {
	width: 60px;
	border-radius: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

.memorial-box a .memorial-name {
	text-transform: capitalize;
	margin-bottom: 0;
}

.memorial-box a:hover {
	color: var(--theme-color-anchor);
}

.memorial-box a:hover .memorial-name {
	color: var(--theme-color-primary);
}

.memorial-box a .memorial-dates {
	font-size: 11px;
}

/* User Memorials List Wrap */
.user-memorials-list-wrap h4 {
	background-color: #2b3990;
	color: #fff;
	padding: 15px 20px;
	margin-bottom: 0;
	border-radius: 5px 5px 0 0;
}

.user-memorials-list-wrap .user-memorials-table {
	background-color: rgba(43, 57, 144, 0.04);
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
	margin-bottom: 0;
	min-height: 300px;
}

.user-memorials-list-wrap .user-memorials-table p {
	padding: 20px;
}

.user-memorials-list-wrap .user-memorials-table table tr th,
.user-memorials-list-wrap .user-memorials-table table tr td {
	padding: 10px;
}

.user-memorials-list-wrap .user-memorials-table table tr th:first-child,
.user-memorials-list-wrap .user-memorials-table table tr td:first-child {
	padding-left: 20px;
}

.user-memorials-list-wrap .user-memorials-table table tr th:last-child,
.user-memorials-list-wrap .user-memorials-table table tr td:last-child {
	padding-right: 20px;
}

.user-memorials-list-wrap .user-memorials-table table tr th.actions,
.user-memorials-list-wrap .user-memorials-table table tr td.actions {
	white-space: nowrap;
}

.user-memorials-list-wrap .user-memorials-table table tr a,
.user-memorials-list-wrap .user-memorials-table table tr a:hover {
	text-decoration: none;
}

.user-memorials-list-wrap .user-memorials-table .list-sn {
	width: 60px;
}

.user-memorials-list-wrap .user-memorials-table .list-action {
	width: 120px;
}

.user-memorials-list-wrap .user-memorials-table .deleteMemorial {
	color: red;
}

/* Post Container */
.post-65491 .entry-content {
	position: relative;
}

/* Delete Modal */
.delete-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	z-index: 999999999;
}

.delete-modal .delete-modal-content {
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
	text-align: center;
}

.delete-modal .delete-modal-content .btn-yes,
.delete-modal .delete-modal-content .btn-yes:hover {
	background-color: red;
	color: #fff;
}

/* Add New Memorials */
.add-new-memorials h4 {
	background-color: #2b3990;
	color: #fff;
	padding: 15px 20px;
	margin-bottom: 0;
	border-radius: 5px 5px 0 0;
}

.add-new-memorials .philly-memorial-form {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	padding: 20px;
	background-color: rgba(43, 57, 144, 0.04);
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
	margin-bottom: 0;
}

.add-new-memorials .philly-memorial-form .form-feild {
	width: 100%;
}

.add-new-memorials .philly-memorial-form .form-feild input[type="text"],
.add-new-memorials .philly-memorial-form .form-feild input[type="date"],
.add-new-memorials .philly-memorial-form .form-feild textarea {
	background-color: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	width: 100%;
	padding: 0;
	line-height: 2.5rem;
}

.add-new-memorials .philly-memorial-form .form-feild br {
	display: none;
}

.add-new-memorials .philly-memorial-form .cw-50 {
	width: calc(50% - 7.5px);
	flex: 0 0 calc(50% - 7.5px);
	min-width: 0;
}

.add-new-memorials .philly-memorial-form .form-feild label {
	margin-bottom: 3px;
}


/* --------------------------------
-----------------------------------
     Philly Memorial Css END 
-----------------------------------
-------------------------------- */


#business-board {
	background: linear-gradient(180deg, #f8f9fb, #eef0f6);
	padding: 20px;
	border-radius: 12px;
	font-family: sans-serif;
}

.toast {
	visibility: hidden;
	min-width: 280px;
	max-width: 90%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
	border-radius: 12px;
	padding: 12px 14px;
	position: fixed;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	font-weight: 500;
	font-size: 0.95rem;
	line-height: 1.4;
	opacity: 0;
	transition: opacity 0.3s ease, bottom 0.3s ease;
	z-index: 99999999;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

.toast.show {
	visibility: visible;
	opacity: 1;
	bottom: 50px;
}

.toast.success {
	background: rgba(40, 167, 69, 0.85);
	color: #fff;
}

.toast.error {
	background: rgba(229, 57, 53, 0.85);
	color: #fff;
}

.toast.info {
	background: rgba(54, 68, 141, 0.85);
	color: #fff;
}

.toast-message {
	flex: 1;
	padding-right: 10px;
}

.toast-close {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 1.3rem;
	cursor: pointer;
	padding: 0 7.5px;
}

@media (max-width: 600px) {
	.toast.show {
		bottom: 70px;
	}
}

.leader-banner {
	text-align: center;
	font-size: 0.85rem;
	background: #fff7e0;
	border: 1px solid #ffe28a;
	padding: 6px;
	border-radius: 6px;
	margin: 0 auto 20px;
	max-width: 520px;
	color: #7a4b00;
	font-weight: 600;
}

.tabs {
	text-align: center;
	margin-bottom: 15px;
}

.tabs .tab,
.supporter-toggle .toggle-btn {
	background: #fff;
	border: 1px solid #d0d4f7;
	color: #36448d;
	padding: 6px 12px;
	border-radius: 6px;
	margin: 0 4px;
	cursor: pointer;
	font-weight: 600;
}

.tabs .tab.active,
.supporter-toggle .toggle-btn.active {
	background: #36448d;
	color: #fff;
}

#leaderboardBox {
	margin-bottom: 20px;
}

.leader-row {
	display: flex;
	justify-content: space-between;
	padding: 8px 10px;
	border: 1px solid #e2e6f0;
	border-radius: 8px;
	background: #fff;
	margin-bottom: 8px;
	font-weight: 600;
	cursor: pointer;
}

.leader-row.first-place {
	background: #fff7e0;
}

.leader-row .lb-name {
	color: #000;
}

.category-bar {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	overflow-y: hidden;
	/* NEW: prevent vertical clipping */
	-webkit-overflow-scrolling: touch;
	padding: 6px;
	margin: 18px 0;
	white-space: nowrap;
	/* NEW: keep on one line */
	flex-wrap: nowrap;
	/* NEW: force single row */
	scroll-behavior: smooth;
	/* NEW: smoother drag/scroll */
	touch-action: pan-x;
	/* NEW: allow horizontal pan */
	justify-content: flex-start;
	/* CHANGED from center to ensure full reach */
}

.cat-btn {
	flex-shrink: 0;
	white-space: nowrap;
	padding: 8px 16px;
	border: 1px solid #36448d;
	border-radius: 20px;
	background: #fff;
	cursor: pointer;
	font-size: 0.85rem;
	transition: all 0.2s ease;
}

.cat-btn.active {
	background: #36448d;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 0 8px rgba(54, 68, 141, 0.6);
}

.random-box {
	text-align: center;
	border: 2px dashed #36448d;
	border-radius: 12px;
	padding: 16px;
	margin: 20px 0;
	background: #ffffff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.random-title {
	font-size: 1.3rem;
	font-weight: bold;
	color: #36448d;
	margin-bottom: 6px;
}

.random-name {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease;
}

.random-name:hover {
	color: #36448d;
	text-decoration: underline;
	transform: scale(1.05);
}

.random-fade {
	animation: fadeIn 0.3s ease-in;
}

.live-activity-feed,
.supporter-box {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 10px;
	font-size: 0.9rem;
	margin-bottom: 18px;
}

.live-activity-item {
	padding: 4px 0;
	border-bottom: 1px solid #eee;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.live-activity-item img {
	width: 30px;
	border-radius: 100%;
	aspect-ratio: 1;
}

.live-activity-item a {
	display: flex;
	align-items: center;
	gap: 5px;
}

.live-activity-item:last-child {
	border-bottom: none;
}

.live-activity-item.empty {
	text-align: center;
	color: #888;
}

.live-activity-item .time {
	color: #666;
	font-size: 0.85rem;
}

.supporter-toggle {
	text-align: center;
	margin-bottom: 1rem;
}

.supporter-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 5px;
	padding: 8px 10px;
	border: 1px solid #e2e6f0;
	border-radius: 8px;
}

img.supporter-avatar {
	width: 30px;
	border-radius: 100%;
}

.supporter-link+span {
	margin-left: auto;
}

.supporter-note {
	font-size: 0.8rem;
	color: #666;
}

.section-title {
	font-size: 1.15rem;
	font-weight: 700;
	margin-bottom: 6px;
	color: #36448d;
	display: flex;
	align-items: center;
	gap: 6px;
}

.section-icon {
	font-size: 1.2rem;
}

.supportergrid {
	display: grid;
	gap: 20px;
	margin-top: 20px;
	align-items: stretch;
	justify-content: start;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1024px) {
	.supportergrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.supportergrid {
		grid-template-columns: 1fr;
	}
}

.card {
	border: 1px solid #e2e6f0;
	border-radius: 12px;
	padding: 18px;
	background: #fff;
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
}

.spacer {
	height: 10px;
	flex-grow: 0;
}

.logo-wrapper {
	height: 90px;
	width: 90px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.logo-wrapper img {
	max-height: 80px;
	max-width: 80px;
	border-radius: 50%;
	object-fit: cover;
}

.badge {
	font-size: 0.85rem;
	font-weight: bold;
	margin: 6px 0;
	display: inline-block;
}

.progress {
	width: 100%;
	background: #f4f4f4;
	border-radius: 8px;
	height: 8px;
	margin-top: 6px;
	overflow: hidden;
}

.progress-fill.new {
	background: #bbb;
}

.progress-fill.rising {
	background: #4CAF50;
}

.progress-fill.trending {
	background: #2196F3;
}

.progress-fill.featured {
	background: #f4c542;
}

.progress-fill.hot {
	background: #e53935;
}

.progress-fill.legend {
	background: linear-gradient(90deg, #7b4397, #dc2430);
}

.progress-label {
	font-size: 0.8rem;
	color: #666;
	margin-top: 4px;
}

.btn {
	display: inline-block;
	min-width: 120px;
	max-width: 150px;
	text-align: center;
	background: #36448d;
	color: #fff;
	padding: 8px 16px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	margin: 0 auto;
}

.btn:hover {
	background: #2d3676;
}

.fade-in {
	animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.crown {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	gap: 4px;
	animation: pulse 1.5s infinite ease-in-out;
	text-shadow: 0 0 6px rgba(255, 215, 0, 0.8), 0 0 12px rgba(255, 223, 70, 0.6);
}

.crown-badge {
	background: linear-gradient(145deg, #ffd700, #ffae00);
	color: #fff;
	font-size: 0.65rem;
	font-weight: bold;
	border-radius: 50%;
	padding: 3px 6px;
	line-height: 1;
	box-shadow: 0 0 6px rgba(255, 215, 0, 0.6);
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

@keyframes pulse {

	0%,
	100% {
		transform: scale(1);
		text-shadow: 0 0 6px rgba(255, 215, 0, 0.8), 0 0 12px rgba(255, 223, 70, 0.6);
	}

	50% {
		transform: scale(1.3);
		text-shadow: 0 0 10px rgba(255, 215, 0, 1), 0 0 18px rgba(255, 223, 70, 0.9);
	}
}


#wdy-wrap {
	max-width: 760px;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #2c3d91;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
	text-align: center;
}

#wdy-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-bottom: 12px;
}

/* Post Form */
.wdy-post {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	align-items: center;
	gap: 5px;
	margin-bottom: 1rem;
}

.wdy-post button {
	width: 90px;
	padding: 0 15px;
	height: 40px;
}

.wdy-post .field-error {
	width: 100%;
	color: red;
	display: none;
}

.wdy-post .field-error.show {
	display: block;
}

/* View Filter */
.wdy-viewF {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.wdy-viewF #wdy-filter {
	border-radius: 10px;
	border: 1px solid #ccc;
	cursor: pointer;
	margin-left: auto;
	height: 100%;
}

/* Buttons */
.wdy-btn {
	background-color: #2b3991;
	border-color: #2b3991;
	color: #fff;
	padding: 5px 15px;
}

.wdy-btn.active {
	background-color: var(--theme-color-primary);
	border-color: var(--theme-color-primary);
}

/* Load More */
#wdy-load-more {
	margin-top: 20px;
}

/* Loader */
#wdy-loader {
	display: none;
	text-align: center;
	padding: 20px;
	color: rgb(102, 102, 102);
	margin-top: 10px;
	border-top: 1px solid #eee;
}

/* Image Upload */
.wdy-image-upload {
	margin-bottom: 10px;
}

.wdy-image-upload #upload-label {
	cursor: pointer;
	color: #2c3d91;
	font-weight: 600;
	width: 100%;
	border: 2px dashed #2b3991;
	border-radius: 5px;
	padding: 20px 10px;
	max-width: 500px;
}

/* Feed Tab */
.wdy-feed-tab {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	text-align: left;
}

/* Feed Item */
.wdy-feed-tab .wdy-feed-item {
	position: relative;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid var(--theme-color-primary);
	margin-bottom: 15px;
	width: 100%;
}

.wdy-feed-tab .wdy-feed-item:last-child {
	margin: 0;
}

/* Header */
.wdy-feed-tab .wdy-feed-item .wdyfi-header {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 10px;
}

.wdy-feed-tab .wdy-feed-item .wdyfi-header a {
	display: flex;
	align-items: center;
	gap: 5px;
}

.wdy-feed-tab .wdy-feed-item .wdyfi-header a img {
	width: 25px;
	height: 25px;
	border-radius: 100%;
}

.wdy-feed-tab .wdy-feed-item .wdyfi-header .md-res {
	color: var(--theme-color-primary);
	text-decoration: none;
}

.wdy-feed-tab .wdy-feed-item .wdyfi-header p {
	color: #2b3991;
	font-weight: 600;
	margin-bottom: 0;
}

/* Delete Post */
.wdy-feed-tab .wdy-feed-item .wdy-delete-post {
	position: absolute;
	top: 0;
	right: 0;
	background-color: red;
	color: #fff;
	padding: 10px 10px;
	cursor: pointer;
	line-height: 1;
}

/* Media Wrapper */
.wdy-feed-tab .wdy-feed-item .wdy-media-box-wrapper {
	padding: 10px;
	background-color: #f7f7f7;
	border-radius: 10px;
}

/* Media Box */
.wdy-feed-tab .wdy-feed-item .wdy-media-box {
	width: 100%;
	aspect-ratio: 4 / 3;
	max-height: calc(100% * 4 / 3);
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.wdy-feed-tab .wdy-feed-item .wdy-media-box img,
.wdy-feed-tab .wdy-feed-item .wdy-media-box iframe,
.wdy-feed-tab .wdy-feed-item .wdy-media-box .product-preview-box {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.wdy-feed-tab .wdy-feed-item .wdy-media-box .youtube-iframe {
	aspect-ratio: 16 / 9;
	width: 100%;
	max-height: 100%;
}

/* Product Preview Box */
.wdy-feed-tab .wdy-feed-item .wdy-media-box .product-preview-box a {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	border-radius: 5px;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.wdy-feed-tab .wdy-feed-item .wdy-media-box .product-preview-box a .ppb-img {
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	height: 100%;
	max-height: calc(100% - 60px);
	margin-bottom: 10px;
	text-align: center;
	color: var(--theme-color-anchor);
}

.wdy-feed-tab .wdy-feed-item .wdy-media-box .product-preview-box a .ppb-img i {
	width: 100%;
	font-size: 60px;
}

.wdy-feed-tab .wdy-feed-item .wdy-media-box .product-preview-box a p {
	width: 100%;
	margin-bottom: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* Swiper */
.wdy-feed-tab .wdy-feed-item .swiper {
	padding: 10px 30px 30px;
	background-color: #f7f7f7;
	border-radius: 10px;
}

.wdy-feed-tab .wdy-feed-item .swiper .swiper-wrapper {
	align-items: center;
}

.wdy-feed-tab .wdy-feed-item .swiper>.swiper-pagination-bullets {
	bottom: 0;
}

.wdy-feed-tab .wdy-feed-item .swiper .swiper-button-next,
.wdy-feed-tab .wdy-feed-item .swiper .swiper-button-prev {
	width: 30px;
	height: 30px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 100%;
	color: #fff;
}

.wdy-feed-tab .wdy-feed-item .swiper .swiper-button-next:after,
.wdy-feed-tab .wdy-feed-item .swiper .swiper-button-prev:after {
	font-size: 16px;
	margin-top: 3px;
}

.wdy-feed-tab .wdy-feed-item .swiper .swiper-button-prev,
.wdy-feed-tab .wdy-feed-item .swiper .swiper-rtl .swiper-button-next {
	left: 0;
}

.wdy-feed-tab .wdy-feed-item .swiper .swiper-button-next,
.wdy-feed-tab .wdy-feed-item .swiper .swiper-rtl .swiper-button-prev {
	right: 0;
}

.wdy-feed-tab .wdy-feed-item .swiper .swiper-pagination-bullet {
	background: #2b3991;
	opacity: 1;
}

.wdy-feed-tab .wdy-feed-item .swiper .swiper-pagination-bullet-active {
	background: #f3953d;
}

/* Ad Box */
.wdy-feed-tab .ad-box {
	width: 100%;
	margin-bottom: 15px;
}

#dishPhotoPreview {
	width: 100%;
	background-color: #f7f7f7;
	padding: 10px;
	aspect-ratio: 16 / 9;
	max-height: calc(100% * 9 / 16);
	margin-bottom: 20px;

	img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}

.wdy-no-post {
	text-align: center;
	color: #777;
	margin-top: 20px;
}

.custom-toast {
	position: fixed;
	bottom: 25px;
	right: 90px;
	background: #2c3e50;
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 500;
	display: none;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
	z-index: 999999;
	opacity: 0;
	transition: opacity .3s ease;

	&.show {
		display: block;
		opacity: 1;
	}

	&.toast-success {
		background: #28a745;
	}

	&.toast-delete {
		background: #e53935;
	}
}

.buddypress-wrap .bp-subnavs ul li li#public-personal-li {
	display: none !important;
}





.cbtn1 {
	display: block;
	background-color: #2b3991;
	color: #fff;
	padding: 10px 25px;
	border-radius: 5px;

	&:hover {
		background-color: var(--theme-color-primary);
	}
}

.custom-popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.3);
	display: none;
	align-items: center;
	justify-content: center;

	.popup-inner {
		width: clamp(280px, calc(100% - 40px), 500px);
		background-color: #fff;
		border-radius: 5px;
		overflow: hidden;
		padding-bottom: 20px;
		background-color: #fff;

		h3 {
			background-color: #1e2765;
			color: #fff;
			padding: 15px 20px;
			display: flex;
			align-items: center;

			.closePopup {
				margin-left: 10px;
				cursor: pointer;
			}
		}

		.create-new-playlist-btn {
			padding: 7.5px 10px;
			border: 1px solid #fff;
			color: #fff;
			display: inline-block;
			margin-left: auto;
			font-size: 14px;
			border-radius: 5px;
			cursor: pointer;

			&:hover {
				border-color: 1px solid var(--theme-color-primary);
				background-color: var(--theme-color-primary);
				color: #fff;
			}
		}

		.playlist-list {
			padding: 0 20px;
			max-height: calc(100vh - 200px);
			overflow: hidden;
			overflow-y: auto;

			.playlist-item {
				padding: 5px 0;
				cursor: pointer;
				border-bottom: 1px solid #000;

				&:hover {
					color: var(--theme-color-primary);
				}
			}
		}

	}
}

.cfixbtn {
	position: fixed;
	right: 100px;
	bottom: 20px;
	z-index: 999999;
	background-color: #2b3991;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 5px;
	padding: 7.5px 15px;
	cursor: pointer;

	&:hover {
		background-color: var(--theme-color-primary)
	}
}

.terms-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;

	.terms-modal-content {
		position: relative;
		background-color: #fff;
		width: calc(100% - 40px);
		max-width: 900px;
		height: calc(100vh - 40px);
		overflow: hidden;
		overflow-y: auto;
		padding-bottom: 5px;
		border-radius: 5px;
	}

	span.terms-close {
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 30px;
		background: #fff;
		text-align: center;
		font-size: 24px;
		line-height: 30px;
		box-shadow: -3px 3px 4px 2px #0000000f;
		cursor: pointer;
	}

	#terms-modal-body {
		height: 100%;
	}

	.terms-modal-content iframe {
		margin-top: 0;
	}
}

.terms-error {
	color: red;
}

.cheaderads {
	margin-bottom: 30px;
}


.widget.widget_block>p {
	display: none;
}

aside.widget-area .pae-ad-desc {
	margin-bottom: 10px;
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
	background: rgb(243 149 62 / 20%);
	border-radius: var(--bm-message-border-radius) !important;
	color: rgb(0 0 0);
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) * {
	color: rgb(0 0 0) !important;
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background),
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
	border-radius: 10px !important;
}

/* --------------------------------
-----------------------------------
    All Animations Css Start 
-----------------------------------
-------------------------------- */

@keyframes volup1 {
	0% {
		height: 80%;
		opacity: 0.8;
	}

	50% {
		height: 0%;
		opacity: 0;
	}

	100% {
		height: 100%;
		opacity: 1;
	}
}

@keyframes volup2 {
	0% {
		height: 95%;
		opacity: 0.95;
	}

	40% {
		height: 10%;
		opacity: 0.1;
	}

	100% {
		height: 60%;
		opacity: 0.6;
	}
}

@keyframes volup3 {
	0% {
		height: 60%;
		opacity: 0.6;
	}

	60% {
		height: 5%;
		opacity: 0.05;
	}

	100% {
		height: 60%;
		opacity: 0.6;
	}
}

@keyframes volup4 {
	0% {
		height: 50%;
		opacity: 0.5;
	}

	60% {
		height: 5%;
		opacity: 0.05;
	}

	100% {
		height: 40%;
		opacity: 0.4;
	}
}

@keyframes volup5 {
	0% {
		height: 70%;
		opacity: 0.7;
	}

	40% {
		height: 3%;
		opacity: 0.3;
	}

	100% {
		height: 50%;
		opacity: 0.5;
	}
}

@keyframes volup6 {
	0% {
		height: 35%;
		opacity: 0.35;
	}

	60% {
		height: 0%;
		opacity: 0;
	}

	100% {
		height: 30%;
		opacity: 0.3;
	}
}

@keyframes volup7 {
	0% {
		height: 20%;
		opacity: 0.2;
	}

	40% {
		height: 1%;
		opacity: 0.01;
	}

	100% {
		height: 15%;
		opacity: 0.15;
	}
}

@keyframes fullrorate {
	0% {
		transform: rotateZ(0deg);
	}

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

/* --------------------------------
-----------------------------------
     All Animations Css End 
-----------------------------------
-------------------------------- */


@media screen and (min-width: 767.98px) {
	body.beehive-social-layout.panel-collapsed.register .site-content {
		margin-left: 0;
		padding-right: 0;
	}

	body.beehive-social-layout.panel-collapsed.register header.site-header {
		margin-left: 0;
	}

	body.beehive-social-layout.panel-collapsed.register header.site-header nav.fixed-top {
		left: 0;
	}

	body.panel-collapsed.registration #register-page .signup-form,
	body.full-width.registration #register-page .signup-form {
		padding: 0 40px;
	}

	.activity-list:before {
		display: none;
	}

	.rtmedia-activity-container .rtm-activity-media-list {
		max-width: 100%;
	}

	.elementor-page-64 {
		.anwp-pg-wrap .anwp-pg-classic-blog .anwp-pg-post-teaser__content {
			padding-left: 0;
			flex: 0 0 100%;
			max-width: 100%;
		}
	}

	.activity-list .activity-item>div {
		margin-left: 0;
	}

	.activity-list .activity-item {
		.activity-header {
			padding-left: 55px;
		}

		.beehive-mini-activity {
			max-width: 100% !important;
		}
	}
}

@media screen and (min-width: 991.98px) {

	.bp-navs.single-screen-navs.horizontal ul.profile-nav>li.current>a .count,
	.bp-navs.single-screen-navs.horizontal ul.profile-nav>li.selected>a .count,
	.bp-navs.single-screen-navs.horizontal ul.profile-nav>li.has-current>a .count {
		color: var(--theme-color-primary);
		background: #f8f9fb;
		top: 0;
		right: 0;
	}
}

@media only screen and (min-width: 1025px) {
	.mfp-content .rtm-lightbox-container {
		min-height: 100vh;
	}
}

/* @media (min-width: 1200px) {
    .bp-is-my-profile .social-wide .container, .bp-user .social-wide .container {
        max-width: calc(100% - 80px);
        margin: 40px;
    }
} */
@media screen and (min-width: 1599.98px) {
	body.panel-expanded:not(.panel-collapsed) .layout.social .col-main {
		padding: 30px 40px 70px 40px;
	}
}

@media screen and (min-width: 1799.98px) {
	body.panel-expanded:not(.panel-collapsed) .beehive-social-panel .panel-block .item.my-card {
		max-width: none;
	}

	body.panel-expanded:not(.panel-collapsed) .layout.social .col-main {
		padding: 30px 40px 70px 40px;
	}

	body.panel-expanded:not(.panel-collapsed) .layout.social .col-aside {
		padding: 30px 40px 60px 0;
	}
}

@media screen and (min-width: 46.8em) {
	.activity-giphy-container {
		margin-left: 0;
	}
}

@media screen and (max-width: 1366px) {
	.registration.register {
		.site-content {
			.main-content {
				padding: 30px 40px;

				.register-logo {
					display: none;
				}

				.register-page {
					.register-page-title {
						font-size: 0;

						&:after {
							font-size: 16px;
						}
					}

					#signup-form input {
						margin-top: 10px;
						margin-bottom: 0;

						&#agree_terms {
							margin-top: 0;
						}
					}

					.bp-heading {
						font-size: 16px;
						margin-bottom: 10px;
					}
				}
			}
		}
	}
}

@media screen and (max-width: 1340px) {
	.page-id-56463 .col-aside {
		display: none !important;
	}

	.page-id-56463 .layout.social .col-main {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media screen and (min-width: 991px) and (max-width: 1440px) {
	.cma-filter .cma-nav-bar-grid {
		.cma-nav-item {
			width: calc(50% - 10px);

			&.cma-thread-search {
				width: 100%;
				margin-top: 20px;
			}
		}
	}
}

@media screen and (max-width: 1199.9px) {
	.layout.social .col-aside {
		display: none !important;
	}

	.layout.social .col-main {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.bp-is-my-profile,
	.bp-user,
	.groups {
		.social-wide .container {
			.beehive-post {
				max-width: calc(100% - 40px);
				margin: 20px;
				padding: 20px 20px 0;
			}

			.profile-col-main li.bbp-body ul.topic.beehive-post {
				width: 100%;
			}

			#item-header-cover-image {
				padding: 0 20px;
			}

			.single-headers .item-meta {
				display: block;
			}

			#item-body {
				padding-left: 0;

				.profile-col-aside.left {
					display: none;
				}

				.profile-col-main {
					-webkit-flex: 0 0 100%;
					-moz-flex: 0 0 100%;
					-ms-flex: 0 0 100%;
					flex: 0 0 100%;
					max-width: 100%;
					padding-right: 15px;
				}
			}
		}
	}

	.activity-list .activity-item .activity-content iframe,
	.youtube-video iframe {
		height: calc(43vw - 110px);
	}
}

@media screen and (max-width: 1024px) {
	.beehive-login-element.default .element-login-form {

		input[type="text"],
		.form-group input[type="text"],
		.form-group input[type="password"] {
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 50px;
			font-size: 14px;
		}

		.form-group span.icon {
			height: 40px;
			width: 40px;
			line-height: 40px;
			font-size: 16px;
		}

		label,
		a {
			font-size: 16px;
		}

		div.submit button[type="submit"] {
			padding: 12px;
			font-size: 16px;
		}

		.register-link a {
			padding: 11px;
		}
	}

	.elementor-page-45120,
	.elementor-page-3072,
	.elementor-page-50140,
	.elementor-page-3808,
	.elementor-page-20358,
	.elementor-page-54411,
	.elementor-page-31762,
	.elementor-page-29950,
	.elementor-page-46364,
	.elementor-page-57391,
	.main-heading,
	.elementor-page-3447,
	.elementor-page-59176,
	.elementor-page-47208,
	.elementor-page-57799,
	.elementor-page-3447 {
		h2 {
			font-size: 20px;
		}
	}

	.rtmedia-media {
		margin: 40px 20px;
	}
}

@media screen and (max-width: 991.98px) {
	.registration.register {
		nav.beehive-navbar.social {
			ul.navbar-user>.nav-item>.nav-link {
				padding: 5px 30px !important;
			}

			.beehive-toggler {
				display: none;
			}
		}

		.layout.social-wide .col-main {
			padding: 0;
		}

		.site-content {
			.main-content {
				.register-page {
					.register-page-title {
						font-size: 0;
						margin-bottom: 10px;

						&:after {
							font-size: 16px;
						}
					}

					p {
						line-height: 1.3;
					}

					#signup-form #submit {
						font-size: 14px;
					}
				}
			}
		}
	}

	body.beehive-social-layout.panel-collapsed .site-content {
		margin-left: 0;
	}

	.beehive-toggler {
		display: block;
	}

	body.beehive-social-layout.logged-in .mobile-header nav.beehive-navbar.social .nav-top-bar {
		width: 100%;
		padding: 10px 15px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
	}

	body.beehive-social-layout .site-content,
	body.beehive-social-layout header.site-header {
		margin-left: 0;
	}

	body.beehive-social-layout header.site-header nav.fixed-top {
		left: 0;
	}

	.bp-is-my-profile,
	.bp-user,
	.groups {
		.bp_members .main-navs .col-lg-6 {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;

			ul.profile-nav {
				text-align: left;
				padding: 0;
				margin: 0;
			}
		}

		.single-headers #cover-image-container #header-cover-image {
			margin-bottom: 170px;
			border-radius: 10px;
			max-height: 150px;
			min-height: 150px;

			img {
				height: 150px;
			}
		}

		.social-wide .container {
			#item-header-cover-image {
				padding: 0;
				bottom: -170px !important;
			}

			div#item-header-content {
				margin: 0 !important;

				.action {
					flex-wrap: wrap;

					.generic-button:not(:last-child) {
						border-bottom: 1px solid #e7edf2;
					}
				}
			}
		}

		.single-headers .item-meta {
			right: 15px;
			bottom: 280px;

			.activity {
				display: block;
			}

			div#item-header-content .action {
				flex-wrap: wrap;

				.generic-button:not(:last-child) {
					border-bottom: 1px solid #e7edf2;
				}
			}
		}
	}

	.bp-is-my-profile,
	.bp-user,
	.groups {
		.giftbox-container .giftbox:hover {
			border-color: #ccc;
			background: transparent;
		}

		.giftbox-container .giftbox-heighlight {
			border-color: #f7941e !important;
			background: #f7941e !important;
		}
	}

	.activity-list .activity-item .activity-content iframe,
	.youtube-video iframe {
		height: calc(58vw - 120px);
	}

	button#rtmedia-add-media-button-post-update:after {
		display: none;
	}

	#buddypress.buddypress-wrap.bp-business-single #item-header #item-header-cover-image {
		bottom: 0 !important;
	}

	#buddypress.buddypress-wrap.bp-business-single #cover-image-container #item-header-content .user-nicename {
		display: block;
	}
}

@media (max-width: 900px) {
	.mfp-container {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 767px) {
	.elementor-page-47208 {
		.grid-item {
			width: calc(50% - 30px);
		}
	}

	.layout.social .col-aside {
		display: none;
	}

	.media_search.media_search button[type=submit] {
		background: #f7941e !important;
		color: #fff !important;
		width: 40px;
	}

	.media_search.media_search .media_search_input {
		padding-right: 5px;
	}

	.grid>li {
		padding-bottom: 15px;
	}

	.rtmedia-container .rtmedia-list .rtmedia-list-item {
		margin-bottom: 15px;
	}

	.elementor-page-45120,
	.elementor-page-3072,
	.elementor-page-50140,
	.elementor-page-3808,
	.elementor-page-20358,
	.elementor-page-54411,
	.elementor-page-31762,
	.elementor-page-29950,
	.elementor-page-46364,
	.elementor-page-57391 {

		.elementor-column.elementor-col-33,
		.elementor-column[data-col="33"] {
			width: 33.333%;
		}
	}

	.cma-filter .cma-nav-bar-grid {
		flex-wrap: wrap;

		.cma-nav-item {
			width: calc(50% - 10px) !important;
			margin: 0;

			&.cma-thread-search {
				width: 100% !important;
				margin-top: 20px;
			}
		}
	}

	.cma-thread-list {
		.cma-thread-meta {
			.cma-thread-meta-div {
				display: flex;
				justify-content: space-between;

				.cma-thread-numbers {
					text-align: center;
					padding: 10px;

					div {
						display: block;
					}
				}
			}
		}
	}

	.cma-form-container input[type="submit"] {
		height: 3em;
	}

	.em-view-container {
		&#em-view-6 {
			.em.em-item.em-item-single {
				.em-item-header {
					flex-direction: column-reverse;
					margin-bottom: 0;

					.em-item-image {
						margin-bottom: 0;
					}

					.em-item-meta .em-item-meta-column .em-event-when {
						margin-bottom: 0;
					}
				}

				.em-event-content {
					margin-bottom: 0;

					p {
						margin-bottom: 0;
					}
				}
			}
		}
	}

	.adverts-options .adverts-options-left {
		display: block !important;
	}

	.elementor-page-3448 .layout.social .col-main {
		padding: 30px 0;

		.adrotate_a {
			padding: 0 15px;
		}
	}

	body .directorist-details-info-wrap .directorist-single-info .directorist-single-info__label {
		min-width: 200px !important;
	}

	.activity-list .activity-item>div.item-avatar {
		margin: 0 10px 0 0;
	}

	.activity-list .activity-item .activity-header {
		margin-bottom: 20px;
	}

	.bp-is-my-profile,
	.bp-user,
	.groups {
		.social-wide .container {
			.beehive-post {
				max-width: 100%;
				margin: 20px 0;
			}
		}
	}

	.activity-list .activity-item .activity-content iframe,
	.youtube-video iframe {
		height: calc(57vw - 50px);
	}

	body.single-business .site-content {
		padding-right: 0 !important;
	}

	#story-comment-modal {
		.story-comment-modal-inner {
			width: 100%;
			height: 100vh;
			height: 100dvh;

			.story-comment-modal-header {
				.modal-close {
					font-size: 20px;
					padding: 3px 10px;
				}
			}
		}

		.story-comment-modal-content {
			height: calc(100% - 120px);
		}
	}

	#story-comment-modal {
		.modal-comment-form {
			padding: 10px;
		}
	}

	.blog .blog-layout-grid {
		.blog-ad {
			width: 100%;
			padding: 0;
			margin-bottom: 30px;
		}
	}

	.custom-toast {
		right: 30px;
	}

	.cfixbtn {
		position: fixed;
		right: 20px;
	}

	.rtm-media-options.beehive-filters .filter-wrapper #media_search_form+p {
		display: none;
	}
}

/* @media screen and (min-width: 575.98px) {
	.bp-nouveau .bpquotes-bg-selection-div {
		order: 1;
	}
} */
@media screen and (max-width: 575.98px) {

	*,
	body,
	p,
	span,
	div,
	input,
	select,
	textarea,
	.directorist-btn,
	.directorist-card .directorist-card__body p,
	.directorist-review-content .directorist-review-content__header .directorist-noreviews,
	.directorist-review-submit__form .directorist-form-group textarea,
	.directorist-review-submit__form .directorist-form-group label,
	.directorist-review-submit__form .directorist-review-criteria__single__label {
		font-size: 12px;
		line-height: 1.5;
	}

	.directorist-content-active .directorist-listings-header__left .directorist-header-found-title {
		font-size: 11px;
	}

	.directorist-btn,
	.directorist-form-group .directorist-form-element,
	.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label,
	.ezmu__info-list-item,
	.directorist-review-submit__form .directorist-form-group textarea,
	.directorist-user-dashboard-tab ul li a,
	.directorist-user-dashboard-tab .directorist-user-dashboard-search input,
	.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title a,
	.form-control {
		font-size: 12px;
	}

	h1 *,
	h2 *,
	h3 *,
	h4 *,
	h5 *,
	h6 * {
		font-size: inherit;
	}

	h5,
	#playlist-title,
	.comment-respond .block-title h3,
	.directorist-review-submit__header h3,
	.directorist-review-content .directorist-review-content__header h3,
	.directorist-single-wrapper .directorist-card__header .directorist-card__header--title {
		font-size: 14px;
	}

	h4,
	#playlist-title,
	.comment-respond .block-title h3 {
		font-size: 16px;
	}

	h3,
	.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1,
	.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-3 {
		font-size: 18px;
	}

	h2,
	.directorist-listing-details .directorist-listing-details__listing-title {
		font-size: 20px;
	}

	h1 {
		font-size: 24px;
	}

	.activity-list .activity-item .activity-meta.action .share-activity-options li .share-on-twitter {

		&:before,
		&:after {
			font-size: 12px;
		}

		&:after {
			padding-left: 12px;
		}
	}

	.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 {
		margin-bottom: 0;
	}

	#ays-quiz-container-22 input#ays-submit,
	#ays-quiz-container-22 #ays_finish_quiz_22 .action-button,
	div#ays-quiz-container-22 #ays_finish_quiz_22 .action-button.ays_restart_button,
	.directorist-listing-single .directorist-listing-single__info .directorist-listing-single__info--list ul li div,
	.directorist-listing-single .directorist-listing-single__meta .directorist-listing-single__meta--left .directorist-listing-category a {
		font-size: 12px !important;
	}

	h4 *,
	.forum-title a,
	.cma-thread-title a,
	.bp-list.grid li .item .list-title a,
	.single-classified-title .title,
	.post-block-title,
	[id^="ays_finish_quiz_"] .ays-fs-title,
	.ays_quiz_question p strong,
	.directorist-listing-single .directorist-listing-single__info .directorist-listing-title {
		font-size: 14px;
	}

	.has-medium-font-size.has-medium-font-size {
		font-size: 14px !important;
	}

	.members-ad {
		width: 100%;
	}

	#groups-list .g {
		width: 100%;
	}

	.buddypress-wrap .subnav-filters,
	.beehive-filters {
		padding: 10px;
	}

	.elementor-page-47208 {
		.container {
			padding: 0;
		}

		.grid-container {
			margin: 0;
			width: 100%;
		}

		.grid-item {
			width: 100%;
			margin: 0 0 20px;
		}
	}

	.elementor-page-64 .anwp-pg-wrap {
		.anwp-pg-post-teaser {
			width: 100%;
			margin: 20px 0 0;
		}
	}

	.beehive-login-element.default .element-login-form {

		input[type="text"],
		.form-group input[type="text"],
		.form-group input[type="password"] {
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 40px;
			font-size: 12px;
			height: 40px;
		}

		.form-group {
			margin-bottom: 10px;

			span.icon {
				height: 30px;
				width: 30px;
				line-height: 30px;
				font-size: 14px;
			}
		}

		input#element-rememberme {
			width: 18px;
			height: 18px;
			margin-right: 5px;
		}

		label,
		a,
		div.submit button[type="submit"] {
			font-size: 13px;
		}
	}

	.registration.register {
		.site-content {
			.main-content {
				padding: 30px 20px;

				.register-page {
					.register-page-title {
						font-size: 0;

						&:after {
							font-size: 14px;
							padding: 0 15px;
						}
					}

					p,
					#signup-form input {
						font-size: 12px;
					}

					div#otp_field {
						flex-direction: column;
					}

					#otp-boxes {
						width: 100%;
					}
				}
			}
		}
	}

	.activity-update-form {
		padding: 1.5rem 1rem;

		form#whats-new-form {
			&.activity-form-expanded {
				button#rtmedia-add-media-button-post-update>span.dashicons-admin-media {
					display: block;
				}

				#whats-new-options {
					>div {
						width: auto;

						&:not(:last-child) {
							margin-bottom: 1rem;
						}
					}

					#whats-new-submit {
						justify-content: flex-start;
						flex-direction: row;
						width: 100%;
					}
				}
			}
		}
	}

	.buddypress-wrap {

		form.bp-dir-search-form,
		form.bp-messages-search-form,
		form.bp-invites-search-form {
			button[type="submit"] {
				background: #f7941e !important;
				color: #fff !important;
				width: 40px;
			}
		}
	}

	.buddypress-wrap .subnav-filters .last select,
	.buddypress-wrap .subnav-filters .component-filters select {
		width: 100%;
		line-height: 1;
	}

	.status-publish.hentry .entry-content {
		.bp-pagination .bp-pagination-links {
			.page-numbers {
				padding: 0 .75rem;
			}
		}
	}

	#bbpress-forums li.bbp-body li.bbp-forum-freshness,
	#bbpress-forums li.bbp-body li.bbp-forum-reply-count,
	#bbpress-forums li.bbp-body li.bbp-forum-topic-count,
	#bbpress-forums li.bbp-body li.bbp-topic-freshness,
	#bbpress-forums li.bbp-body li.bbp-topic-reply-count,
	#bbpress-forums li.bbp-body li.bbp-topic-voice-count {
		margin-top: 0;
	}

	li.bbp-forum-info h4.forum-title {
		margin-bottom: 0;
	}

	#bbpress-forums li.bbp-body ul.type-forum,
	#bbpress-forums li.bbp-body ul.forum,
	#bbpress-forums li.bbp-body ul.topic {
		padding: 0.75rem 0;
		border-bottom: 1px solid #e7edf2;
	}

	.elementor-page-45120,
	.elementor-page-3072,
	.elementor-page-50140,
	.elementor-page-3808,
	.elementor-page-20358,
	.elementor-page-54411,
	.elementor-page-31762,
	.elementor-page-29950,
	.elementor-page-46364,
	.elementor-page-57391,
	.main-heading,
	.elementor-page-3447,
	.elementor-page-59176,
	.elementor-page-47208,
	.elementor-page-46203,
	.elementor-page-45613,
	.elementor-page-46248,
	.elementor-page-46133,
	.elementor-page-46223,
	.elementor-page-46232,
	.elementor-page-46192,
	.elementor-page-57799,
	.elementor-page-3447 {

		.elementor-column.elementor-col-33,
		.elementor-column[data-col="33"] {
			width: 100%;
		}

		h2 {
			font-size: 16px;
			padding: 15px 20px;

			b {
				font-size: 16px;
			}
		}
	}

	.status-publish.hentry .entry-content,
	.clean-page-content {

		.has-large-font-size.has-large-font-size,
		p.has-text-align-left.has-text-color,
		.has-huge-font-size {
			font-size: 16px !important;
			padding: 15px 20px;

			* {
				font-size: 16px;
			}
		}

		.button-container a {
			width: calc(50% - 10px) !important;
			margin: 5px;
		}
	}

	.cma-filter .cma-nav-bar-grid {
		.cma-nav-item {
			width: 100% !important;

			&+.cma-nav-item {
				margin-top: 20px;
			}

			&.cma-thread-search button[type="submit"] {
				&:after {
					line-height: 37px;
				}
			}
		}
	}

	.cma-thread-list {
		.cma-thread-summary-right * {
			font-size: 11px;
		}

		.cma-thread-list-header div {
			width: 60px;
		}
	}

	.em-view-container {
		.em.em-list .em-item {
			display: flex;
			flex-wrap: wrap;

			.em-item-image {
				height: auto;
			}

			.em-item-info {
				padding: 0;

				.em-item-title a {
					font-size: 18px;
				}
			}
		}
	}

	.page-id-56721,
	.page-id-56799 {
		.ays-poll-form {
			.box-apm {
				max-width: 100% !important;
				padding: 0 14px 30px !important;

				.apm-title-box h5 {
					font-size: 14px !important;
				}

				.apm-choosing .ays_label_poll {
					span {
						font-size: 12px !important;
					}
				}
			}
		}
	}

	.ays_poll_modal {
		.ays-poll-modal-content {
			.ays-poll-modal-header {
				padding: 15px 10px;

				h4 {
					font-size: 14px !important;
				}
			}

			div.ays-poll-modal-body {
				padding: 10px 20px;
				border-top: 0;
				height: 100%;

				#ays_poll_request_form {
					.ays_modal_element {

						label,
						input,
						select {
							font-size: 12px !important;
						}
					}

					.ays-quick-poll-container-footer {
						.ays_submit_button {
							background-color: #f7941e !important;
							background-image: none;
							box-shadow: none;
							color: #fff;
							width: 100% !important;
							height: 40px !important;
						}
					}
				}
			}
		}
	}

	.em-view-container {
		&#em-view-6 {
			padding: 30px 20px;
		}
	}

	.epyt-gallery-list {
		.epyt-gallery-allthumbs.epyt-cols-3 {
			display: flex;
			flex-wrap: wrap;

			.epyt-gallery-thumb {
				width: 50%;
			}

			.epyt-gallery-rowbreak {
				display: none;
			}
		}
	}

	.adverts-flexbox .adverts-flexbox-item {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.adverts-options .adverts-search,
	.tax-advert_category .adverts-options .adverts-search {
		flex: 0 0 calc(100% - 65px);
	}

	.adverts-options .adverts-options-left {
		flex: 0 0 30px;
	}

	.adverts-sorting-options .option-wrapper {
		padding: 0;
		min-height: auto;
	}

	.adverts-options-left .adverts-list-sort-wrap {
		margin-left: 0;
	}

	.adverts-options .adverts-list-sort-button {
		width: 28px;
		height: 28px;
		display: block;
		place-content: center;
		text-align: center;
	}

	.adverts-list-sort-label {
		min-width: auto;
		display: none;
	}

	.adverts-options-left .adverts-list-sort-wrap i.uil-sort {
		position: static;
	}

	.adverts-list {
		.advert-item {
			.advert-overview {
				.advert-img img {
					object-fit: cover;
					height: 250px;
				}

				.ad-info {
					.advert-categories a {
						font-size: 14px;
					}

					.adverts-title a {
						font-size: 18px;
						margin: 5px 0;
					}
				}
			}

			.action {
				margin-top: 15px;

				.price {
					font-size: 24px;
				}

				.button {
					font-size: 14px;
					padding: 7px 20px;
				}
			}
		}
	}

	.ays-quiz-questions-nav-wrap {
		display: none !important;
	}

	.directorist-content-active .directorist-listings-header__left .directorist-filter-btn {
		margin-right: 5px;
	}

	.directorist-btn.directorist-btn-px-15 {
		padding: 0 10px;
	}

	.directorist-content-active .directorist-listings-header {
		padding: 15px;
	}

	.directorist-content-module__title,
	.directorist-content-module__contents,
	.directorist-card .directorist-card__header,
	.directorist-card .directorist-card__body,
	.directorist-review-submit__header,
	.directorist-review-submit__form:not(.directorist-form-comment-edit) {
		padding: 20px 15px;
	}

	.directorist-review-content .directorist-review-content__header--noreviews>div {
		padding: 0 15px 6px;
	}

	.directorist-review-content .directorist-review-content__header .directorist-noreviews {
		font-size: 12px;
		padding: 19px 15px 15px;
	}

	body.beehive .directorist-form-section .select2-container--default .select2-selection--multiple {
		height: 42px;
		line-height: 42px;
	}

	body .directorist-details-info-wrap .directorist-single-info .directorist-single-info__label {
		min-width: 100px !important;
	}

	.single-headers div#item-header-content .action.member-header-actions .generic-button a::before {
		margin-right: 5px;
	}

	.activity-list .activity-item .activity-content .activity-meta.action .generic-button {
		margin: 0 5px;
	}

	.bp-is-my-profile,
	.bp-user,
	.groups {
		.social-wide .container {
			.beehive-post {
				padding: 10px 10px 0;
			}

			.profile-col-main li.bbp-body ul.topic.beehive-post {
				padding: 10px 15px !important;

				.bbp-topic-title {
					.bbp-topic-permalink {
						font-size: 14px;
					}

					p.bbp-topic-meta {
						margin: 5px 0 !important;
					}
				}
			}
		}

		#SendGiftForm input,
		#SendGiftForm textarea,
		#SendGiftForm select {
			font-size: 12px;
		}
	}

	.buddypress-wrap .profile.edit .editfield>fieldset>legend,
	.buddypress-wrap .profile.edit .editfield>fieldset>label {
		margin-bottom: 5px;
	}

	.activity-list .activity-item .beehive-mini-activity .mini-content {
		.mini-avatar {
			margin-top: -10px;

			.avatar {
				width: 60px;
			}
		}

		.mini-info {
			max-width: 100%;
		}

		.mini-actions {
			max-width: unset;
		}
	}

	.gba-outer-container {
		.giftbox-container {
			.giftbox {
				width: 50%;
			}
		}
	}

	.user-pass1-wrap button {
		padding: 0.075rem 0.7rem;
	}

	.activity-list .activity-item .activity-content .rtmedia-activity-container ul.rtm-activity-media-list .rtmedia-list-item .rtmedia-item-thumbnail,
	.activity-list .activity-item .activity-content .rtmedia-activity-container ul.rtm-activity-media-list .rtmedia-list-item:first-child img,
	.activity-list .activity-item .activity-content .activity-attached-gif-container .gif-image-container img {
		height: 200px;
	}

	.playlist-container {
		.playlist-controllers {
			padding: 0 20px 20px;

			.playvideo-option {
				padding: 0 10px;

				span i {
					font-size: 30px;
					width: 30px;
				}
			}
		}
	}

	.playlist-grid {
		.playlist-card {
			padding: 15px;

			h3 {
				margin: 0 25px 5px 0;
			}

			.toggle-favorite-btn,
			.remove-from-history {
				top: 5px;
				right: 5px;
				padding: 7px;

				i {
					font-size: 100%;
				}
			}

			.remove-from-history {
				right: 40px;
			}
		}
	}

	.philly-playlist-history {
		.playlist-grid .playlist-card h3 {
			margin: 0 60px 10px 0;
		}
	}

	#karaoke-player-container {
		.karaoke-player-action {
			span {
				padding: 7px;
			}
		}
	}

	aside.bp-business-widget-area .widget-area-inner .widget {
		width: 100%;
	}

	.bp-business-info-widget-section ul li {
		padding: 10px 0;
	}

	.job-manager-form .custom-business-create-step fieldset.custom-half-field {
		width: 100%;
	}

	#story-comment-modal {
		.story-comment-modal-content {

			.modal-story-content,
			.modal-comments-list {
				padding: 0 10px;
			}
		}
	}

	#story-comment-modal {
		.story-comment-modal-content {
			.single-comment {
				.sc-box {
					.sc-box-comment {
						padding: 6px 10px;
					}
				}

			}
		}

		.story-actions {
			padding: 10px 10px;
		}
	}

	.playlist-filters,
	.not-expect-filters {
		padding: 10px;
		gap: 10px;

		select {
			width: 100%;

			&#sortOrder,
			&#singleSortOrder {
				width: 100%;
			}
		}

		.pplay-search,
		.not-expect-search {
			gap: 3px;
		}

		button {
			padding: 0 0.7rem;
		}
	}

	.custom-lost-password {
		.clp-box {
			padding: 20px;

			.button {
				padding: 15px;
				font-size: 14px;
			}
		}
	}

	.registration.register {
		& .site-content {
			& .main-content {
				& .register-page {

					#signup-form #submit,
					.button.login-button {
						padding: 12px;
					}
				}
			}
		}
	}

	.job_listings .beehive-filters {
		.search_jobs {
			-ms-flex-direction: unset;
			flex-direction: unset;

			>div {
				margin-bottom: 0;
			}

			div.search_keywords {
				flex: 0 0 100%;
			}

			div.search_location {
				flex: 0 0 calc(100% - 50px);
			}
		}

		.filter-field {
			width: 100%;

			&:nth-child(3) {
				width: 100%;
			}

			&.salary-filter-wrap {
				.select-wrap {
					min-width: 120px;
				}

				.input-wrap .amount_input {
					&:before {
						left: 5px;
					}

					input {
						padding: 0 10px 0 15px;
					}
				}
			}
		}
	}

	.action-btn[data-can-offer="0"] {
		min-width: 210px;
	}

	#wdy-feed {
		.wdy-feed-item {
			.wdy-media-box {
				.product-preview-box a {
					.ppb-img {
						max-height: calc(100% - 43px);
					}

					.cbtn1 {
						padding: 7.5px 25px;
					}
				}
			}
		}
	}

	.singleofferingpopup {

		.tabs,
		.offering-tabs {
			.tab {
				min-width: 70px;
			}
		}
	}

	.rtmedia-uploader .drag-drop .rtm-seperator {
		display: block;
		margin: 10px 0 0;
	}
}

@media screen and (max-width: 32em) {
	.buddypress-wrap #bp-businesses-content {
		.subnav-filters {
			>div {
				width: 100%;
			}
		}
	}
}

@media screen and (max-width: 496.98px) {

	.bp-is-my-profile,
	.bp-user,
	.groups {
		.single-headers #cover-image-container #header-cover-image {
			margin-bottom: 220px;
		}

		.social-wide .container {
			#item-header-cover-image {
				bottom: -220px !important;
			}
		}

		.single-headers .item-meta {
			right: 15px;
			bottom: 340px;
		}
	}

	.buddypress-wrap #bp-businesses-content {
		& .subnav-filters .business-search {
			>* {
				width: 100%;
			}
		}
	}

	#skills_list,
	.question-list {
		>div {
			flex-wrap: wrap;
		}
	}
}

@media screen and (max-width: 450.98px) {

	.em.pixelbones .events-table td,
	.em.pixelbones .events-table th {
		padding: 7px 4px !important;
	}

	.addleaveoffering {
		#selectionGrid {
			grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
		}
	}

	.singleofferingpopup {
		.tabs { gap: 5px; }

		.tab {
			padding: 8px 10px;
			min-width: 59px;
		}
	}
}

@media screen and (max-width: 339.98px) {
	#phillyPlaylistForm>div.add-video {
		>span {
			padding: calc(.375rem + 1px) 5px;
			border: 1px solid #f3953d;
			color: #f3953d;
			border-radius: 5px;
		}

		input {
			padding: 0 5px;
		}
	}
}

.app-mobile-nav,
.mobile-app-home,
.app-panel {
	display: none;
}

@media (max-width: 767.98px) {

	:root {
		--app-bar: 64px;
		--safe-bottom: env(safe-area-inset-bottom, 0px);
		--app-bar-total: calc(var(--app-bar) + var(--safe-bottom));
		--app-viewport: 100vh;
	}

	@supports (height: 100dvh) {
		:root {
			--app-viewport: 100dvh;
		}
	}

	html {
		scroll-padding-bottom: var(--app-bar-total);
	}

	body {
		height: auto !important;
		max-height: none !important;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		padding-bottom: var(--app-bar-total) !important;
	}

	.page-id-41907,
	.page-id-59702,
	.page-id-449 {
		padding-bottom: 0 !important;
	}

	.layout.social .col-main {
		min-height: auto;
	}

	.singleofferingpopup,
	.wp-stories-modal-overlay,
	.custom-popup,
	.popup-overlay.wcPopup-overlay.wcModal-overlay {
		height: calc(var(--app-viewport) - var(--app-bar-total));
	}

	.mobile-app-home,
	.app-panel {
		position: fixed;
		inset: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(var(--app-viewport) - var(--app-bar-total));
		background-color: #fff;
		z-index: 9999;
		overflow: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		display: none;
	}

	#app-panel-highlights {
		background: #f7f7f9;
	}

	.mobile-app-home.open,
	.app-panel.open {
		display: block;
	}

	.home-title {
		margin-bottom: 12px;
		font-size: 18px;
		font-weight: 600;
	}

	.mobile-app-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.mobile-app-grid li a {
		background: #fff;
		border-radius: 5px;
		padding: 14px 8px;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 12px;
		text-align: center;
		box-shadow: 0 4px 10px rgba(0, 0, 0, .06);
		min-height: 90px;
	}

	.mobile-app-grid li a i {
		font-size: 22px;
		margin-bottom: 6px;
		line-height: 1;
	}

	body.logged-in .app-mobile-nav {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: var(--app-bar-total);
		padding-bottom: var(--safe-bottom);
		background: #fff;
		justify-content: space-around;
		align-items: center;
		box-shadow: 0 -4px 12px rgba(0, 0, 0, .08);
		z-index: 99999;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.app-mobile-nav a,
	.app-mobile-nav button {
		background: none;
		border: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 11px;
		color: #333;
		position: relative;
		width: 20%;
		box-shadow: none;
		border-radius: 0;
		height: 100%;
	}

	.app-mobile-nav a .menu-title,
	.app-mobile-nav button .menu-title {
		font-size: 11px;
	}

	.app-mobile-nav a i,
	.app-mobile-nav button i {
		font-size: 22px;
	}

	.app-mobile-nav a.nav-middle i,
	.app-mobile-nav button.nav-middle i {
		font-size: 36px;
	}

	.app-mobile-nav a.active,
	.app-mobile-nav button.active {
		border-top: 2px solid #000;
	}

	.app-mobile-nav a.active.nav-middle i,
	.app-mobile-nav button.active.nav-middle i {
		animation: fullrorate 10s linear infinite;
	}

	.chat-badge,
	.notif-badge {
		position: absolute;
		top: -4px;
		right: 0;
		background-color: #2b3991;
		color: #fff;
		border-radius: 100%;
		aspect-ratio: 1;
		place-content: center;
		font-size: 10px;
		width: 25px;
		height: 25px;
	}

	#navbar-user,
	#hiraku-offcanvas-btn-1,
	#js-hiraku-offcanvas-0,
	.beehive-toggler {
		display: none !important;
	}

	body.beehive-social-layout.logged-in .mobile-header nav.beehive-navbar.social .nav-top-bar .beehive-ajax-search {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0;
	}

	.sub-menu {
		display: none;
		list-style: none;
		padding: 0;
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
	}

	.mobile-app-home li {
		left: 100vw;
		transition: 0.5s;
	}

	.mobile-app-home li.open {
		position: fixed;
		left: 0;
		top: 0;
		background-color: #fff;
		width: 100%;
		height: calc(var(--app-viewport) - var(--app-bar-total));
		transition: 0.5s;
		padding: 0 10px;
	}

	.mobile-app-home li.open>a {
		box-shadow: none;
		flex-direction: row;
		gap: 10px;
		font-size: 140%;
	}

	.mobile-app-home li.open>a i {
		display: none;
	}

	.mobile-app-home li.open>a span {
		font-size: 110%;
	}

	.mobile-app-home li.open>a:before {
		content: '<';
	}

	.mobile-app-home li.open .sub-menu {
		display: grid;
	}

	#buddy-chat-app .popped-buddies>.dropd-control,
	#buddy-chat-app #buddy-chat-windows .user-list_inactive {
		display: none !important;
	}

	body.chat-open {
		overflow: hidden;
	}

	#buddy-chat-app {
		display: none !important;
	}

	#buddy-chat-app.fullscreen-chat {
		display: block !important;
	}

	#buddy-chat-app.popped .chat-window__buddies .popped-buddies>.dropd-menu {
		width: 100vw !important;
		height: calc(var(--app-viewport) - var(--app-bar-total)) !important;
		bottom: var(--app-bar-total);
		border-radius: 0;
	}

	#buddy-chat-app #buddy-chat-buddies__default .buddy-chat-buddies__container {
		height: calc(var(--app-viewport) - var(--app-bar-total));
	}

	#buddy-chat-app #buddy-chat-windows .chat-window,
	#buddy-chat-app #buddy-chat-windows .chat-window__buddies {
		width: 100%;
		margin-left: 0;
	}

	#buddy-chat-app #buddy-chat-windows .chat-window .chat-window__container {
		border-radius: 0;
		height: calc(var(--app-viewport) - var(--app-bar-total));
		bottom: var(--app-bar-total);
	}

	#buddy-chat-app #buddy-chat-windows .chat-window__inputarea .chat-window__input--field {
		min-height: 36px;
	}

	#buddy-chat-app #buddy-chat-windows .chat_window__close-btn {
		top: 0;
	}

	.beehive #buddy-chat-app #buddy-chat-windows .chat_window__close-btn .dashicons {
		font-size: 24px;
		line-height: 1;
	}

	#buddy-chat-app #buddy-list .bpc-buddy-list {
		height: calc(var(--app-viewport) - 130px - var(--app-bar-total));
	}

	#buddy-chat-app #buddy-chat-windows #buddy-chat-buddies__default {
		border: 0;
		box-shadow: none;
		border-radius: 0;
	}

	#buddy-chat-app.popped .chat-window__buddies .popped-buddies .header-container .dropd-menu {
		top: 30px;
		height: 40px;
		border-radius: 5px;
	}

	#buddy-chat-app #buddy-chat-windows .bpc-chat-windows-list {
		height: 0;
	}

	#app-notif-content {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	#app-notif-content .notif-item {
		width: 100%;
		padding-bottom: 10px;
		border-bottom: 1px solid #e3e3e3;
	}

	#app-notif-content .notif-item .notif-meta {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#app-notif-content .notif-item .notif-actions {
		font-size: 0;
	}

	#app-notif-content .notif-item .mark-read {
		display: none;
	}

	.cfixbtn {
		bottom: 74px;
	}

	.bp-is-my-profile,
	.bp-user,
	.groups {
		.buddypress-wrap .rtmedia-container .rtm-media-options {
			.rtmedia-upload-media-link {
				margin-left: 0;
				width: 90px;
				text-align: center;
				margin-top: 10px;
			}
		}
	}

	#ajax-search-result {
		left: 0;
		right: 0;
		height: calc(100vh - 104px);
		max-height: none;
	}

	.post-63438 .entry-content>center>iframe {
		height: calc(100vh - 104px);
	}

	.page-id-65442 #cropper-modal {
		top: calc(50% - 32px) !important;
	}

	.hl-header {
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		padding: 12px;
		border-bottom: 1px solid #eee;
	}

	.hl-title {
		font-size: 16px;
		font-weight: 800;
	}

	.hl-header span i {
		font-size: 20px;
	}

	.hl-refresh {
		background: none;
		border: 0;
		font-size: 22px;
		padding: 6px;
		cursor: pointer;
		margin-left: auto;
	}

	.hl-header .app-panel-close {
		width: 38px;
		height: 38px;
		border-radius: 100%;
		background: #f3f3f5;
		cursor: pointer;
		text-align: center;
		place-content: center;
		line-height: 1;
	}

	.hl-skel-card {
		background: #fff;
		border-radius: 16px;
		padding: 12px;
		margin-bottom: 12px;
		border: 1px solid rgba(0, 0, 0, 0.04);
		overflow: hidden;
	}

	.hl-skel-title {
		height: 14px;
		width: 45%;
		background: #ececf0;
		border-radius: 8px;
		margin-bottom: 12px;
	}

	.hl-skel-row {
		height: 12px;
		width: 100%;
		background: #ececf0;
		border-radius: 8px;
		margin-bottom: 10px;
	}

	.hl-skel-row.sm {
		width: 75%;
		margin-bottom: 0;
	}

	.hl-chips {
		display: flex;
		gap: 10px;
		padding: 10px 12px;
		overflow: auto;
		background: #f7f7f9;
		border-bottom: 1px solid #eee;
	}

	.hl-chip {
		border: 1px solid #e3e3e8;
		background: #fff;
		padding: 5px 12px;
		border-radius: 999px;
		font-size: 12px;
		white-space: nowrap;
	}

	.hl-body {
		padding: 10px;
	}

	.widget.hl-card {
		background: #fff;
		border-radius: 5px;
		margin-bottom: 12px;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
		border: 1px solid rgba(0, 0, 0, 0.04);
		overflow: hidden;
	}

	.widget.widget_block.hl-card {
		background-color: transparent;
		box-shadow: none;
		border: 0;
	}

	.widget.hl-card .widget-title {
		font-size: 14px;
		font-weight: 800;
		margin-bottom: 0;
		background: #2b3991;
		color: #fff;
		padding: 13px 20px;
		border-radius: 5px 5px 0 0;
	}

	.widget.hl-card .widget-title a {
		color: #fff;
	}

	.hl-hrail {
		display: flex !important;
		gap: 10px;
		overflow: auto;
		padding: 20px 10px;
		margin: 0;
		list-style: none;
	}

	.hl-hrail .hl-hcard {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		min-width: 280px;
		gap: 10px;
		padding: 15px;
		background: #f7f7fb;
		border-radius: 5px;
		box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);
		margin: 0 !important;
	}

	.buddypress.widget .avatar-block.hl-avatar-rail {
		display: flex;
		gap: 10px;
		flex-flow: row nowrap;
		overflow: auto;
		padding: 20px 10px;
	}

	.buddypress.widget .avatar-block.hl-avatar-rail .item-avatar {
		min-width: 40px;
	}

	.avatar-block .item-avatar:last-child .bp-tooltip:after,
	.avatar-block .item-avatar:nth-last-child(2) .bp-tooltip:after {
		left: auto;
		right: 0;
	}

	.hl-hcard .birthday-item-content {
		margin-left: 0;
		width: calc(100% - 70px);
	}

	.hl-hcard .birthday-item-content strong,
	.hl-news-title,
	.hl-hcard .memorial-name,
	.playlist-card.hl-hcard>a,
	.hl-business-card .item-title a,
	.hl-hcard .pr-story-title,
	.hl-hcard .cma-thread-title a {
		font-size: 14px;
		font-weight: 500;
		line-height: 1.35;
		color: #1f2d5a;
		width: 100%;
	}

	.playlist-card.hl-hcard>a:hover h5,
	.hl-business-card .item-title a:hover,
	.hl-hcard .pr-story-title:hover,
	.hl-hcard .cma-thread-title a:hover {
		color: var(--theme-color-primary);
	}

	.bp-birthday-users-list .avatar {
		max-width: 60px;
		width: 60px !important;
	}

	.hl-news-heat {
		font-weight: 500;
		opacity: .95;
	}

	.hl-news-meta,
	.hl-hcard .memorial-dates,
	.hl-business-card .item-title {
		opacity: 0.8;
	}

	.memorial-box.hl-hcard a {
		padding: 0;
		width: 100%;
	}

	.widget_philly_resume_playlist_widget .philly-playlist-widget {
		padding: 0;
	}

	ul#business-list.hl-business-rail {
		flex-flow: row nowrap !important;
		padding: 20px 10px;
	}

	ul#business-list li {
		margin-bottom: 0;
		padding-bottom: 15px;
	}

	.hl-business-card .item-avatar {
		flex: 0 0 60px;
		border-radius: 100%;
		overflow: hidden;
	}

	hl-business-card .item {
		width: calc(100% - 70px);
	}

	.hl-business-card .item-title {
		margin-bottom: 5px;
	}

	.pr-rate-btn,
	.pr-story-btn {
		background-color: #2b3992;
		color: #fff;
		padding: 10px;
		border-radius: 5px;
		width: 100%;
		text-align: center;
	}

	.pr-rate-btn:hover,
	.pr-story-btn:hover {
		background-color: var(--theme-color-primary);
		color: #fff;
	}

	.hl-card .cma-thread-orderby,
	.hl-card .cma-adv,
	.hl-card .cma-thread-list-header,
	.hl-card .cmaexp-thread-controls,
	.hl-card .cma-thread-category {
		display: none !important;
	}

	.hl-card .cma-thread-posted {
		text-transform: capitalize;
		font-weight: 400;
	}

	.hl-card .cma-thread-summary-right {
		padding-top: 0;
	}

	.cma-thread-snippet.hl-hcard {
		position: relative;
	}

	.hl-hcard .cma-thread-unanswered {
		position: absolute;
		top: 0;
		right: 0;
		background-color: #086608;
		color: #fff;
		padding: 2px 10px;
		font-weight: 500;
		border-radius: 0 5px 0 0;
	}

	.addleaveoffering #selectionGrid {
		max-height: calc(var(--app-viewport) - 426px);
	}

	.singleofferingpopup .modal-body {
		max-height: calc(var(--app-viewport) - 132px);
	}

	.Toastify__toast-container--bottom-left,
	.Toastify__toast-container--bottom-center,
	.Toastify__toast-container--bottom-right {
		bottom: 64px !important;
	}

	.page-id-69583 #sochead {
		display: none;
	}

	.bp-messages-wrap-main {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: calc(var(--app-viewport) - var(--app-bar-total));
	}

	.bp-messages-wrap,
	.bp-messages-wrap .bp-messages-threads-wrapper {
		height: 100% !important;
	}

	.wp-stories-model-popup {
		max-height: 100%;
	}

	.bm-conversation-exist {
		display: none !important;
	}

	.wcContainer .wcTabContent a.wcFunctional[title="Create Room"] {
		color: #fff !important;
		background-color: #2b3991;
		padding: 10px;
		border-radius: 5px;

		&:hover {
			background-color: var(--theme-color-primary);
		}

		span {
			background-color: #fff;
		}
	}
}

/* --- ANTIGRAVITY MOBILE OVERRIDES FOR AD GAPS & COVER IMAGES --- */
@media screen and (max-width: 767.98px) {
    /* Reduce big gap between ads and feed posts on mobile */
    .item-list-ad.activity-ad {
        padding: 0 !important;
        margin: 5px 0 15px !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    .pae-slot {
        margin: 5px 0 !important;
    }
    
    .pae-slot-content {
        min-height: unset !important;
    }
    
    .pae-slot-header {
        min-height: unset !important;
    }
    
    .gba-outer-container {
        margin-top: 10px !important;
    }
    
    /* Photo Rating page ad gap */
    .category-content .ad-placeholder {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    /* Group cover photo height fix on mobile */
    #buddypress #header-cover-image,
    .single-headers #cover-image-container #header-cover-image,
    #cover-image-container #header-cover-image {
        min-height: 150px !important;
        max-height: 150px !important;
        height: 150px !important;
    }
    #buddypress #header-cover-image img,
    .single-headers #cover-image-container #header-cover-image img,
    #cover-image-container #header-cover-image img {
        height: 150px !important;
        object-fit: cover !important;
    }
}