/**
 * BUZEECI — Sidebar Widgets
 *
 * Verification widget, community rules widget, and friend suggestions
 * (smash) widget styles. Extracted from main.css sections 27, 29, 30.
 *
 * @package    BUZEECI
 * @subpackage assets/css
 * @since      1.0.0
 */

/* ==========================================================================
   27. VERIFICATION WIDGET
   ========================================================================== */

.widget_buzeeci_verification_widget {
    padding: 13px 10px 15px 20px !important;
}

.widget_buzeeci_verification_widget button:hover {
    background-color: #1d92e0;
}

.widget_buzeeci_verification_widget h2 {
    font-weight: 700 !important;
    font-size: 22px !important;
    margin: 0 !important;
}

.widget_buzeeci_verification_widget .widget-description {
    font-size: 15px;
    margin: 5px 0;
    letter-spacing: 0.2px;
}

.widget_buzeeci_verification_widget button {
    background-color: var(--bb-primary-color);
    color: white;
    font-size: 15px;
    font-weight: 700;
    border: 0;
    border-radius: 50px;
    position: relative;
    left: -2px;
    padding: 9px 14px;
    transition: 0.1s;
    margin-top: 5px;
}


.widget_bp_friends_suggestions_procorebp_friends_suggestions_pro_widget,
.widget_buzeeci_community_rules_widget {
    padding: 13px 0 0 !important;
}

.widget_bp_friends_suggestions_procorebp_friends_suggestions_pro_widget h2,
.widget_buzeeci_community_rules_widget h2 {
    font-weight: 700 !important;
    font-size: 22px !important;
    margin: 0 20px 13px !important;
}


/* ==========================================================================
   29. COMMUNITY RULES WIDGET
   ========================================================================== */

.bzc-rule-item {
	display: flex;
	align-items: center;
	margin-bottom: 20px!important;
}

.bzc-community-rules-widget-content {
	padding: 10px 20px 0;
	font-size: 15px;
	font-weight: 600;
}

.bzc-rule-number-container {
	display: inline-flex;
	justify-content: center;
	align-self: start;
	align-items: center;
	border-radius: 100px;
	background-color: var(--bb-secondary-button-background-regular);
	padding: 13px;
	width: 32px;
	margin: 0 12px 0 -3px;
	height: 32px;
}


/* ==========================================================================
   30. SMASH (FRIEND SUGGESTIONS) WIDGET
   ========================================================================== */

.friends-suggestions-list li {
    margin-bottom: 0;
}

.friends-suggestion-item {
    padding: 10px 5px 10px 18px;
    transition: 0.2s;
    cursor: pointer;
}

.bzc-smash-widget-smashbutton button {
    background-color: var(--bb-primary-button-background-regular) !important;
    color: var(--bb-primary-button-text-regular);
    border: 1px solid var(--bb-primary-button-border-regular) !important;
    border-radius: 100px !important;
    padding: 0 9px !important;
    font-weight: 700;
    max-height: 30px;
    line-height: 30px;
    font-size: 15px;
}

.bzc-smash-widget-smashbutton button:hover {
    background-color: var(--bb-primary-button-background-hover) !important;
    color: var(--bb-primary-button-text-hover);
    border-color: var(--bb-primary-button-border-hover);
}

.friends-suggestion-item:last-child {
    margin-bottom: 0px;
    border-radius: 0 0 16px 16px;
    padding-bottom: 15px;
}

.friends-suggestion-item:hover {
    background-color: var(--bb-content-alternate-background-color);
}

.friends-suggestion-item .item-avatar img {
    width: 40px !important;
}

.friends-suggestion-item .item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 10px;
}

.friends-suggestion-item .item-title a {
    font-size: 15px !important;
    font-weight: 700;
    color: var(--bb-headings-color);
}

.bzc-smash-widget-mentionname {
    display: block;
    font-size: 15px;
    color: var(--bzc-alternate-text-color);
    margin-top: -4px;
}