/**
 * Reporter Profile Pro - Frontend Styles
 */

.rpp-box {
	background: #f8f9fa;
	border-color: #e9ecef !important;
}

.rpp-box .rpp-popup-trigger {
	cursor: pointer;
}

.rpp-box .rpp-popup-trigger:hover {
	color: var( --rpp-theme-color, #0d6efd );
	text-decoration: underline;
}

.rpp-box-label {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.rpp-box-name {
	font-size: 1rem;
}

.rpp-modal .modal-title {
	font-weight: 600;
}

.rpp-profile-photo {
	border: 3px solid var( --rpp-theme-color, #0d6efd );
}

.rpp-profile-social .btn {
	border-color: var( --rpp-theme-color, #0d6efd );
	color: var( --rpp-theme-color, #0d6efd );
}

.rpp-profile-social .btn:hover {
	background-color: var( --rpp-theme-color, #0d6efd );
	color: #fff;
}

.rpp-reporter-posts {
	margin-top: 1rem;
}

@media ( max-width: 576px ) {
	.rpp-box {
		flex-wrap: wrap;
	}

	.rpp-profile-photo {
		width: 72px;
		height: 72px;
	}
}