/* ParaCommons responsive layer for tablet and mobile adjustments */

@media (max-width: 1180px) {
	body.paracommons-member-commons-layout .paracommons-member-commons__layout {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__summary {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__spotlights {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__feature-card,
	body.paracommons-member-commons-layout .paracommons-member-commons__journal-card,
	body.paracommons-member-commons-layout .paracommons-member-commons__project-card {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__neighborhoods-board {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	body {
		font-size: clamp(16px, 1.6vw, 17px);
		line-height: 1.6;
	}

	body h1 {
		font-size: clamp(2.25rem, 7vw, 2.9rem);
	}

	body h2 {
		font-size: clamp(1.9rem, 5.8vw, 2.35rem);
	}

	body h3 {
		font-size: clamp(1.55rem, 4.5vw, 1.9rem);
	}

	body h4 {
		font-size: clamp(1.3rem, 3.8vw, 1.55rem);
	}

	body h5 {
		font-size: clamp(1.1rem, 3.2vw, 1.25rem);
	}

	body h6 {
		font-size: 1rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons {
		padding-left: clamp(0.75rem, 3vw, 1.25rem);
		padding-right: clamp(0.75rem, 3vw, 1.25rem);
		padding-bottom: clamp(0.75rem, 3vw, 1.25rem);
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__grid,
	body.paracommons-member-commons-layout .paracommons-member-commons__media-grid {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__hero {
		padding: 0.75rem;
		gap: 0.75rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__hero-frame {
		width: 100%;
		margin: 0;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__profile-copy h2 {
		font-size: clamp(2rem, 8vw, 2.5rem);
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__vibe-inputs {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__spotlight-journal {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__spotlight-journal-thumb {
		min-height: 180px;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__profile-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__activity-shell {
		padding: 1rem 0.75rem 0.9rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__activity-shell-content {
		padding: 0.85rem 1rem 0;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__status-composer {
		padding: 0.9rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__status-modal {
		padding: 0.75rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__status-modal-dialog {
		padding: 1rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__status-modal-head {
		padding-right: 2.25rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__status-launcher-title {
		font-size: 1.2rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__status-launcher {
		font-size: 1.08rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__activity-item {
		padding: 0.9rem 0.95rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__activity-avatar {
		width: 44px;
		height: 44px;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__activity-media {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__status-media-previews {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__activity-media--count-3 .paracommons-member-commons__activity-media-item:first-child,
	body.paracommons-member-commons-layout .paracommons-member-commons__activity-media--count-4 .paracommons-member-commons__activity-media-item:first-child {
		grid-column: auto;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__neighborhood-row {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__neighborhood-row-link {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__neighborhood-row-note {
		padding: 0.75rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__neighborhood-invitation {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__neighborhoods-head-actions {
		width: 100%;
		justify-content: flex-start;
	}

	body.paracommons-activity-layout #buddypress {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}

	body.paracommons-activity-layout .para-activity-shell {
		gap: 0;
		margin-bottom: 0;
	}

	body.paracommons-activity-layout .para-activity-sidebar,
	body.paracommons-activity-layout .para-activity-main {
		border-radius: 0;
	}

	body.paracommons-activity-layout .para-activity-main {
		margin-top: 0;
	}

	body.paracommons-activity-layout .para-activity-main .paracommons-section-page__header--bbpress {
		border-radius: 0;
	}
}

@media (max-width: 700px) {
	body.paracommons-member-commons-layout .paracommons-member-commons__profile-stats {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__profile-actions,
	body.paracommons-member-commons-layout .paracommons-member-commons__tabs,
	body.paracommons-member-commons-layout .paracommons-member-commons__feature-actions,
	body.paracommons-member-commons-layout .paracommons-member-commons__avatar-row {
		justify-content: flex-start;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__guestbook-item {
		grid-template-columns: 1fr;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__guestbook-avatar {
		width: 48px;
		height: 48px;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__hero-frame {
		border-radius: 0.85rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 0.75rem;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__tabs::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__neighborhoods-eyebrow {
		font-size: 1.65rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__neighborhood-row-link {
		gap: 0.65rem;
	}

	body.paracommons-member-commons-layout .paracommons-member-commons__neighborhood-row-media {
		min-height: 92px;
	}

	body.page-template-template-paracommons-studio .paracommons-studio__shell {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	body.page-template-template-paracommons-studio .paracommons-studio__rail {
		width: 100%;
		position: relative;
		top: auto;
		bottom: auto;
		border-right: 0;
		border-bottom: 1px solid rgba(120, 96, 79, 0.14);
	}
}