/* ==========================================
   Community Archive Hero
========================================== */

.community-archive-hero{
	padding:90px 0;
	background:#f7f8fb;
	text-align:center;
}

.community-archive-hero .section-label{
	display:inline-block;
	padding:8px 18px;
	border-radius:30px;
	background:#eef2ff;
	color:#24346E;
	font-weight:700;
	font-size:14px;
	margin-bottom:20px;
}

.community-archive-hero h1{
	font-size:58px;
	line-height:1.15;
	font-weight:800;
	color:#111827;
	margin-bottom:20px;
}

.community-archive-hero p{
	max-width:760px;
	margin:0 auto;
	font-size:18px;
	line-height:1.8;
	color:#6b7280;
}

/* ==========================================
   Community Filters
========================================== */

.community-filters{

	padding:40px 0;

	background:#fff;

}

.community-filter-form{

	display:flex;

	gap:20px;

	align-items:center;

	justify-content:center;

	flex-wrap:wrap;

}

.community-filter-form input,
.community-filter-form select{

	height:54px;

	padding:0 18px;

	border:1px solid #E5E7EB;

	border-radius:8px;

	min-width:220px;

	font-size:15px;

	background:#fff;

}

.community-filter-form button{

	height:54px;

	padding:0 30px;

	cursor:pointer;

}

/*==========================================
Community Card
==========================================*/

.community-card{

	background:#fff;

	border-radius:18px;

	overflow:hidden;

	box-shadow:0 12px 30px rgba(0,0,0,.06);

	transition:.35s;

	height:100%;

}

.community-card:hover{

	transform:translateY(-8px);

}

.community-card-image{

	display:block;

}

.community-card-image img{

	width:100%;

	height:240px;

	object-fit:cover;

	display:block;

}

.community-card-content{

	padding:28px;

}

.community-card-category{

	display:inline-block;

	background:#eef2ff;

	color:#24346E;

	padding:6px 14px;

	border-radius:30px;

	font-size:13px;

	font-weight:700;

	margin-bottom:16px;

}

.community-card-title{

	font-size:24px;

	font-weight:700;

	line-height:1.3;

	margin-bottom:15px;

}

.community-card-title a{

	color:#111827;

	text-decoration:none;

}

.community-card-excerpt{

	color:#6B7280;

	line-height:1.7;

	margin-bottom:20px;

}

.community-card-meta{

	display:flex;

	justify-content:space-between;

	align-items:center;

	font-weight:600;

	color:#4B5563;

}

/*==========================================
Community Grid
==========================================*/

.community-grid-section{

	padding:80px 0;

	background:#F8FAFC;

}

.community-grid{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:35px;

}

.community-empty{

	padding:120px 0;

	text-align:center;

}

.community-empty h2{

	font-size:42px;

	margin-bottom:15px;

}

.community-empty p{

	color:#6B7280;

	font-size:18px;

}

/*==========================================
Featured Community
==========================================*/

.featured-community{

	padding:80px 0;

}

.featured-community-wrapper{

	display:grid;

	grid-template-columns:1fr 1fr;

	align-items:center;

	gap:60px;

	background:#fff;

	border-radius:24px;

	padding:40px;

	box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.featured-community-image img{

	width:100%;

	height:450px;

	object-fit:cover;

	border-radius:20px;

	display:block;

}

.featured-badge{

	display:inline-block;

	background:#24346E;

	color:#fff;

	padding:8px 18px;

	border-radius:30px;

	font-size:14px;

	font-weight:700;

	margin-bottom:20px;

}

.featured-community-content h2{

	font-size:42px;

	line-height:1.2;

	margin-bottom:20px;

}

.featured-community-content h2 a{

	color:#111827;

	text-decoration:none;

}

.featured-community-content p{

	font-size:18px;

	line-height:1.8;

	color:#6B7280;

	margin-bottom:25px;

}

.featured-community-meta{

	display:flex;

	gap:25px;

	margin-bottom:30px;

	font-weight:600;

	color:#4B5563;

}

/*==========================================
Community Pagination
==========================================*/

.community-pagination{

	padding:20px 0 90px;

}

.community-pagination ul{

	display:flex;

	justify-content:center;

	align-items:center;

	gap:12px;

	list-style:none;

	padding:0;

	margin:0;

}

.community-pagination li{

	list-style:none;

}

.community-pagination a,
.community-pagination span{

	display:flex;

	align-items:center;

	justify-content:center;

	width:46px;

	height:46px;

	border-radius:50%;

	text-decoration:none;

	background:#fff;

	color:#24346E;

	font-weight:700;

	box-shadow:0 8px 20px rgba(0,0,0,.08);

	transition:.3s;

}

.community-pagination .current{

	background:#24346E;

	color:#fff;

}

.community-pagination a:hover{

	background:#24346E;

	color:#fff;

}

/*==========================================
Community Newsletter
==========================================*/

.community-newsletter{

	padding:90px 0;

	background:#F8FAFC;

}

.community-newsletter-box{

	max-width:900px;

	margin:0 auto;

	padding:70px;

	text-align:center;

	background:#24346E;

	border-radius:28px;

	color:#fff;

}

.newsletter-label{

	display:inline-block;

	padding:8px 18px;

	background:rgba(255,255,255,.12);

	border-radius:30px;

	font-size:14px;

	font-weight:700;

	margin-bottom:20px;

}

.community-newsletter h2{

	font-size:46px;

	margin-bottom:20px;

	color:#fff;

}

.community-newsletter p{

	max-width:650px;

	margin:0 auto 35px;

	font-size:18px;

	line-height:1.8;

	opacity:.9;

}

.community-newsletter-form{

	display:flex;

	justify-content:center;

	gap:15px;

	flex-wrap:wrap;

}

.community-newsletter-form input{

	width:380px;

	height:58px;

	border:none;

	border-radius:10px;

	padding:0 20px;

	font-size:16px;

}

.community-newsletter-form button{

	height:58px;

	padding:0 35px;

}

/*==========================================
Single Community Hero
==========================================*/

.community-hero{

	padding:90px 0;

	background:linear-gradient(
		180deg,
		#F8FAFF 0%,
		#FFFFFF 100%
	);

}

.community-hero-wrapper{

	display:grid;

	grid-template-columns:1.1fr .9fr;

	gap:60px;

	align-items:center;

}

.community-badge{

	display:inline-block;

	padding:8px 18px;

	background:#EEF2FF;

	color:#24346E;

	border-radius:30px;

	font-size:14px;

	font-weight:700;

	margin-bottom:20px;

}

.community-hero h1{

	font-size:60px;

	line-height:1.15;

	margin-bottom:20px;

}

.community-subtitle{

	font-size:20px;

	line-height:1.8;

	color:#6B7280;

	margin-bottom:30px;

	max-width:700px;

}

.community-meta{

	display:flex;

	gap:30px;

	flex-wrap:wrap;

	font-weight:600;

	color:#4B5563;

}

.community-hero-image img{

	width:100%;

	height:500px;

	object-fit:cover;

	border-radius:24px;

	display:block;

}

/*==========================================
Community Content
==========================================*/

.community-main-content{

	/*padding:90px 0;*/

}

.community-content-wrapper{

	display:grid;

	grid-template-columns:2fr 360px;

	gap:60px;

	align-items:start;

}

.community-content-area{

	background:#fff;

	padding:40px;

	border-radius:20px;

	box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.community-section-header{

	margin-bottom:30px;

}

.community-section-header h2{

	font-size:36px;

	margin:0;

}

.community-entry-content{

	line-height:1.9;

	color:#4B5563;

}

.community-entry-content p{

	margin-bottom:24px;

}

/*==========================================
Sidebar
==========================================*/

.community-sidebar-card{

	position:sticky;

	top:120px;

	background:#fff;

	padding:35px;

	border-radius:20px;

	box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.community-sidebar-card h3{

	font-size:26px;

	margin-bottom:30px;

}

.community-info-list{

	list-style:none;

	padding:0;

	margin:0 0 30px;

}

.community-info-list li{

	display:flex;

	justify-content:space-between;

	padding:16px 0;

	border-bottom:1px solid #E5E7EB;

}

.community-info-list strong{

	font-weight:700;

	color:#111827;

}

.community-info-list span{

	color:#6B7280;

}

.community-sidebar-btn{

	display:block;

	text-align:center;

	text-decoration:none;

	padding:15px 20px;

	border:2px solid #24346E;

	color:#24346E;

	border-radius:10px;

	font-weight:700;

	margin-bottom:15px;

	transition:.3s;

}

.community-sidebar-btn.primary{

	background:#24346E;

	color:#fff;

}

.community-sidebar-btn:hover{

	transform:translateY(-2px);

}

/*==========================================
Community Sections
==========================================*/

.community-section{

	margin-top:60px;

}

.community-section h2{

	font-size:34px;

	margin-bottom:25px;

}

.community-box{

	background:#fff;

	padding:35px;

	border-radius:20px;

	box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.community-rules{

	padding-left:20px;

	line-height:2;

}

.community-list{

	list-style:none;

	padding:0;

	margin:0;

}

.community-list li{

	padding:16px 0;

	border-bottom:1px solid #E5E7EB;

}

.community-list li:last-child{

	border-bottom:none;

}

.community-list a{

	text-decoration:none;

	color:#24346E;

	font-weight:600;

}

.community-cta{

	/*padding:100px 0;*/

	background:#24346E;

	/*margin-top:100px;*/

}

.community-cta-box{

	max-width:850px;

	margin:0 auto;

	text-align:center;

	color:#fff;

}

.community-cta-box h2{

	font-size:48px;

	margin-bottom:20px;

	color:#fff;

}

.community-cta-box p{

	font-size:18px;

	line-height:1.8;

	margin-bottom:35px;

	opacity:.9;

}

.community-actions{

	margin-top:30px;

}

.community-btn{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	padding:14px 30px;

	border-radius:50px;

	border:none;

	cursor:pointer;

	font-size:15px;

	font-weight:600;

	text-decoration:none;

	transition:.3s;

}

.join-btn{

	background:#24346E;

	color:#fff;

}

.leave-btn{

	background:#16a34a;

	color:#fff;

}

.community-btn:hover{

	transform:translateY(-2px);

}

.community-members-section{

	margin-top:60px;

}

.section-header{

	display:flex;

	justify-content:space-between;

	align-items:center;

	margin-bottom:30px;

	flex-wrap:wrap;

	gap:20px;

}

.member-count{

	font-weight:600;

	color:#24346E;

}

.community-members-grid{

	display:grid;

	grid-template-columns:repeat(auto-fill,minmax(260px,1fr));

	gap:25px;

}

.community-member-card{

	background:#fff;

	border-radius:16px;

	padding:25px;

	box-shadow:0 10px 30px rgba(0,0,0,.05);

	text-align:center;

}

.member-avatar img{

	border-radius:50%;

	margin-bottom:15px;

}

.member-role{

	color:#24346E;

	font-weight:600;

	margin:8px 0;

}

.member-info small{

	color:#777;

}

.community-header-meta{

	display:flex;

	align-items:center;

	gap:12px;

	margin:18px 0;

	font-weight:600;

	color:#666;

	flex-wrap:wrap;

}

.community-dot{

	color:#24346E;

	font-size:18px;

}

.community-stats{

	display:flex;

	flex-wrap:wrap;

	gap:18px;

	margin:35px 0;

}

.community-stat{

	min-width:120px;

	padding:18px;

	background:#fff;

	border-radius:18px;

	box-shadow:0 10px 35px rgba(0,0,0,.06);

	text-align:center;

}

.community-stat strong{

	display:block;

	font-size:30px;

	font-weight:700;

	color:#24346E;

	margin-bottom:8px;

}

.community-stat span{

	color:#777;

	font-size:14px;

}


.community-actions{

	display:flex;

	gap:18px;

	flex-wrap:wrap;

}

.secondary-btn{

	background:#fff;

	border:2px solid #24346E;

	color:#24346E;

}

.secondary-btn:hover{

	background:#24346E;

	color:#fff;

}

.community-hero-image{

	border-radius:24px;

	overflow:hidden;

	box-shadow:0 20px 60px rgba(0,0,0,.12);

}

/*------------------------------------
Discussion Cards
------------------------------------*/

.discussion-card{

	display:flex;

	gap:24px;

	align-items:flex-start;

	padding:24px;

	border-radius:20px;

	background:#fff;

	box-shadow:0 15px 45px rgba(0,0,0,.05);

	transition:.3s;

}

.discussion-card:hover{

	transform:translateY(-5px);

	box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.discussion-image{

	width:240px;

	flex-shrink:0;

}

.discussion-image img{

	width:100%;

	height:170px;

	object-fit:cover;

	border-radius:18px;

}

.discussion-content{

	flex:1;

}

.discussion-author{

	display:flex;

	align-items:center;

	gap:14px;

	margin-bottom:18px;

}

.discussion-author img{

	border-radius:50%;

}

.discussion-author span{

	display:block;

	color:#777;

	font-size:14px;

}

.discussion-footer{

	display:flex;

	justify-content:space-between;

	align-items:center;

	margin-top:25px;

	border-top:1px solid #eee;

	padding-top:20px;

	flex-wrap:wrap;

	gap:15px;

}

.discussion-stats{

	display:flex;

	gap:25px;

	color:#666;

	font-size:14px;

}

.discussion-link{

	font-weight:600;

	color:#24346E;

	text-decoration:none;

}

.discussion-link:hover{

	color:#EC222A;

}

@media (max-width:768px){

	.discussion-card{

		flex-direction:column;

	}

	.discussion-image{

		width:100%;

	}

}

/*==================================================
Community Navigation
==================================================*/

.community-navigation{

    position:sticky;

    top:90px;

    z-index:99;

    background:#fff;

    border-bottom:1px solid #EEF2F7;

}

.community-navigation-inner{

    display:flex;

    gap:35px;

    overflow-x:auto;

}

.community-navigation a{

    display:flex;

    align-items:center;

    gap:8px;

    padding:22px 0;

    text-decoration:none;

    color:#24346E;

    font-weight:600;

    white-space:nowrap;

    position:relative;

}

.community-navigation a span{

    background:#EEF2FF;

    color:#24346E;

    border-radius:20px;

    padding:4px 10px;

    font-size:12px;

    font-weight:700;

}

.community-navigation a:hover{

    color:#EC7A1C;

}

.community-navigation a::after{

    content:"";

    position:absolute;

    bottom:0;

    left:0;

    width:0;

    height:3px;

    background:#24346E;

    transition:.3s;

}

.community-navigation a:hover::after{

    width:100%;

}

.community-highlights{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
	margin-top:40px;
}

.community-highlight-card{
	background:#fff;
	border:1px solid #E8EDF5;
	border-radius:16px;
	padding:24px;
	text-align:center;
	box-shadow:0 10px 25px rgba(0,0,0,.04);
	transition:.3s;
}

.community-highlight-card:hover{
	transform:translateY(-5px);
	box-shadow:0 20px 40px rgba(36,52,110,.12);
}

.community-highlight-card strong{
	display:block;
	font-size:30px;
	font-weight:700;
	color:#24346E;
	margin-bottom:8px;
}

.community-highlight-card span{
	color:#6B7280;
	font-size:15px;
}

@media(max-width:767px){

	.community-highlights{
		grid-template-columns:1fr;
	}

}

.community-cta{
	/*padding:100px 0;*/
}

.community-cta-box{
	background:linear-gradient(135deg,#24346E 0%,#1B2757 100%);
	border-radius:24px;
	padding:70px;
	text-align:center;
	color:#fff;
	position:relative;
	overflow:hidden;
}

.community-cta-box::before{
	content:"";
	position:absolute;
	width:260px;
	height:260px;
	background:rgba(255,255,255,.05);
	border-radius:50%;
	top:-120px;
	right:-80px;
}

.community-cta .section-tag{
	display:inline-block;
	background:rgba(255,255,255,.15);
	padding:8px 18px;
	border-radius:30px;
	font-size:14px;
	font-weight:600;
	margin-bottom:20px;
	color:#fff;
}

.community-cta h2{
	font-size:42px;
	line-height:1.2;
	margin-bottom:20px;
	color:#fff;
}

.community-cta p{
	max-width:760px;
	margin:0 auto 35px;
	color:rgba(255,255,255,.85);
	font-size:18px;
	line-height:1.8;
}

.community-cta-features{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:18px 40px;
	margin:0 0 40px;
	padding:0;
	list-style:none;
}

.community-cta-features li{
	color:#fff;
	font-weight:600;
}

.community-cta-actions{
	display:flex;
	justify-content:center;
}

.community-cta .ri-btn{
	padding:16px 34px;
	border-radius:50px;
	background:#EC7A1C;
	color:#fff;
	font-weight:700;
	text-decoration:none;
	transition:.3s;
}

.community-cta .ri-btn:hover{
	transform:translateY(-3px);
	box-shadow:0 18px 35px rgba(0,0,0,.18);
}

@media(max-width:767px){

	.community-cta-box{
		padding:45px 25px;
	}

	.community-cta h2{
		font-size:30px;
	}

	.community-cta-features{
		flex-direction:column;
		align-items:center;
		gap:15px;
	}
}


/* =========================================================
   COMMUNITY HERO
   ========================================================= */

.ri-community-hero {
	position: relative;
	padding: 70px 0 65px;
	background: #f7f9fc;
	overflow: hidden;
}

.ri-community-hero::before {
	content: "";
	position: absolute;
	top: -180px;
	right: -120px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(49, 91, 234, 0.06);
	pointer-events: none;
}

.ri-community-hero .container {
	position: relative;
	z-index: 1;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
}

.ri-community-hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.95fr);
	align-items: center;
	gap: 70px;
}


/* ---------------------------------------------------------
   CONTENT
   --------------------------------------------------------- */

.ri-community-hero-content {
	max-width: 650px;
}

.ri-community-category {
	display: inline-flex;
	align-items: center;
	padding: 7px 15px;
	margin-bottom: 18px;

	border-radius: 50px;
	background: #eef4ff;

	color: #315bea;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .7px;
	text-transform: uppercase;
}

.ri-community-title {
	margin: 0 0 12px;

	color: #14213d;
	font-size: clamp(38px, 5vw, 62px);
	font-weight: 750;
	line-height: 1.05;
	letter-spacing: -2px;
}

.ri-community-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;

	color: #667085;
	font-size: 14px;
	font-weight: 500;
}

.ri-community-meta-dot {
	color: #b8c0cc;
}

.ri-community-subtitle {
	max-width: 590px;
	margin: 0 0 30px;

	color: #667085;
	font-size: 17px;
	line-height: 1.7;
}


/* ---------------------------------------------------------
   STATS
   --------------------------------------------------------- */

.ri-community-stats {
	display: flex;
	align-items: stretch;

	width: fit-content;
	max-width: 100%;
	margin-bottom: 30px;

	padding: 17px 20px;

	background: #ffffff;
	border: 1px solid #e7ebf2;
	border-radius: 15px;

	box-shadow: 0 8px 25px rgba(20, 33, 61, 0.05);
}

.ri-community-stat {
	display: flex;
	flex-direction: column;
	gap: 4px;

	min-width: 95px;
	padding: 0 18px;
}

.ri-community-stat:first-child {
	padding-left: 0;
}

.ri-community-stat:last-child {
	padding-right: 0;
}

.ri-community-stat + .ri-community-stat {
	border-left: 1px solid #e8ebf0;
}

.ri-community-stat strong {
	color: #14213d;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

.ri-community-stat span {
	color: #98a2b3;
	font-size: 11px;
	font-weight: 500;
}


/* ---------------------------------------------------------
   BUTTONS
   --------------------------------------------------------- */

.ri-community-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.ri-community-action-form {
	margin: 0;
}

.ri-community-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;

	min-height: 46px;
	padding: 0 20px;

	border-radius: 11px;

	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;

	cursor: pointer;

	transition:
		transform .25s ease,
		background .25s ease,
		border-color .25s ease,
		box-shadow .25s ease;
}

.ri-community-btn span {
	font-size: 16px;
	transition: transform .25s ease;
}

.ri-community-btn:hover {
	transform: translateY(-2px);
}

.ri-community-btn:hover span {
	transform: translateX(3px);
}

.ri-community-btn-primary {
	border: 1px solid #315bea;
	background: #315bea;
	color: #ffffff;
	box-shadow: 0 8px 20px rgba(49, 91, 234, .18);
}

.ri-community-btn-primary:hover {
	background: #244bd0;
	border-color: #244bd0;
	color: #ffffff;
}

.ri-community-btn-secondary {
	border: 1px solid #dfe4ec;
	background: #ffffff;
	color: #14213d;
}

.ri-community-btn-secondary:hover {
	border-color: #14213d;
	background: #14213d;
	color: #ffffff;
}

.ri-community-btn-joined {
	border: 1px solid #ccebd9;
	background: #ecfdf3;
	color: #16834d;
}

.ri-community-btn-joined:hover {
	background: #dcfce8;
}


/* ---------------------------------------------------------
   HERO IMAGE
   --------------------------------------------------------- */

.ri-community-hero-media {
	position: relative;
}

.ri-community-image-wrap {
	position: relative;

	aspect-ratio: 4 / 3;

	overflow: hidden;

	border-radius: 26px;

	background: #e9edf5;

	box-shadow: 0 25px 55px rgba(20, 33, 61, 0.13);
}

.ri-community-image-wrap::after {
	content: "";
	position: absolute;
	inset: 0;

	background: linear-gradient(
		135deg,
		rgba(20, 33, 61, 0.03),
		transparent 60%
	);

	pointer-events: none;
}

.ri-community-featured-image {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition: transform .6s ease;
}

.ri-community-image-wrap:hover .ri-community-featured-image {
	transform: scale(1.035);
}

.ri-community-image-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;

	aspect-ratio: 4 / 3;

	border-radius: 26px;

	background: linear-gradient(135deg, #eef4ff, #f5f7fa);

	color: #315bea;

	font-size: 18px;
	font-weight: 700;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 991px) {

	.ri-community-hero {
		padding: 55px 0;
	}

	.ri-community-hero-inner {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.ri-community-hero-content {
		max-width: 100%;
	}

	.ri-community-hero-media {
		max-width: 700px;
		width: 100%;
		margin: 0 auto;
	}

	.ri-community-title {
		font-size: 48px;
	}
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

	.ri-community-hero {
		padding: 45px 0;
	}

	.ri-community-hero .container {
		padding: 0 18px;
	}

	.ri-community-title {
		font-size: 38px;
		letter-spacing: -1.2px;
	}

	.ri-community-subtitle {
		font-size: 15px;
		line-height: 1.65;
	}

	.ri-community-stats {
		width: 100%;
		padding: 15px 10px;
	}

	.ri-community-stat {
		min-width: 0;
		flex: 1;
		padding: 0 9px;
	}

	.ri-community-stat strong {
		font-size: 17px;
	}

	.ri-community-stat span {
		font-size: 10px;
	}

	.ri-community-actions {
		width: 100%;
	}

	.ri-community-action-form {
		flex: 1;
	}

	.ri-community-btn {
		width: 100%;
	}

	.ri-community-actions > .ri-community-btn {
		flex: 1;
	}

	.ri-community-image-wrap,
	.ri-community-image-placeholder {
		border-radius: 20px;
	}
}


/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 480px) {

	.ri-community-title {
		font-size: 32px;
	}

	.ri-community-meta {
		font-size: 13px;
	}

	.ri-community-stats {
		padding: 13px 6px;
	}

	.ri-community-stat {
		padding: 0 6px;
	}

	.ri-community-stat strong {
		font-size: 15px;
	}

	.ri-community-stat span {
		font-size: 9px;
	}
}