/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* accessibility */
#site-logo a img, a.footer-logo img {
    transition: all .3s ease;
}
#site-logo a:focus-visible img, a.footer-logo:focus-visible img {
    scale: 1.1;
}

a.close-search i {
    transition: all .3s ease;
}
a:focus-visible.close-search i {
    scale: 1.2;
}

.bb-template-v2 .primary-menu>li>a {
    position: relative;
}
.bb-template-v2 .primary-menu>li>a:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 6px;
    background-color: transparent;
    z-index: -1;
    height: 40px;
    left: 0;
    right: 0;
    transition: all .3s ease;
}
.bb-template-v2 .primary-menu>li>a:focus:before {
    background-color: var(--bb-header-alternate-background);
}

.bb-template-v2 .site-header .user-wrap.menu-item-has-children.selected>.user-link:before, .bb-template-v2 .site-header .user-wrap.menu-item-has-children>.user-link:before {
    content: "";
    position: absolute;
    left: -15px;
    right: -5px;
    top: 50%;
    background-color: transparent;
    height: 46px;
    border-radius: var(--bb-button-radius);
    z-index: -1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease;
}
.bb-template-v2 .site-header .user-wrap.menu-item-has-children.selected>.user-link:before, .bb-template-v2 .site-header .user-wrap.menu-item-has-children>.user-link:focus:before {
    background-color: var(--bb-content-alternate-background-color);
}

.site-header .sub-menu li>a {
    transition: all .3s ease;
}
.site-header .sub-menu li:focus-within>a {
    background: var(--bb-content-alternate-background-color);
}

.user-wrap-container .sub-menu li.menupop:focus-within .ab-sub-wrapper {
    display: block;
}
.header-aside .wrapper li:focus-within>.wrapper {
    opacity: 1;
    visibility: visible;
}

[data-balloon]:focus:after, [data-balloon]:focus:before,
a:focus>[data-balloon]:after, a:focus>[data-balloon]:before {
    opacity: 1;
    pointer-events: auto;
}
[data-balloon][data-balloon-pos=down]:focus:after, [data-balloon][data-balloon-pos=down]:focus:before,
a:focus>[data-balloon][data-balloon-pos=down]:after, a:focus>[data-balloon][data-balloon-pos=down]:before {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%, 0);
}
[data-balloon] i, a>[data-balloon] i {
    transition: all .3s ease;
}
[data-balloon]:focus-visible i, a:focus-visible>[data-balloon] i {
    scale: 1.2;
}

.notification-wrap.menu-item-has-children .notification-dropdown .notification-footer a {
    text-decoration: underline transparent;
    transition: all .3s ease;
}
.notification-wrap.menu-item-has-children .notification-dropdown .notification-footer a:focus-visible {
    text-decoration: underline;
}

.footer-copyright-wrap .footer-menu a {
    transition: all .3s ease;
}
.footer-copyright-wrap .footer-menu a:focus {
    color: var(--bb-footer-menu-link-color-hover);
}

#object-nav .sub-menu a:focus, #object-nav ul.sub-menu a:focus, .bb-footer .footer-menu .sub-menu a:focus,
.bb-footer .footer-menu ul.sub-menu a:focus, .bb-profile-grid.bb-grid .bp-navs .sub-menu a:focus,
.bb-profile-grid.bb-grid .bp-navs ul.sub-menu a:focus, .bp-navs .component-navigation .sub-menu a:focus,
.bp-navs .component-navigation ul.sub-menu a:focus {
    background: var(--bb-content-alternate-background-color);
}

#whats-new-form #user-status-huddle a img, .bp-activity-huddle a.activity-post-user-name {
    transition: all .3s ease;
}
#whats-new-form #user-status-huddle:focus-within a img {
    scale: 1.1;
}
.bp-activity-huddle a.activity-post-user-name:focus {
    color: var(--bb-primary-color);
}

.bb-activity-post-feature-image-ctrl:focus {
    opacity: 1;
    background-color: rgba(0, 0, 0, .08);
}
.bb-model-close-button {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    transition: all .3s ease;
}
.bb-model-close-button>span {
    margin-left: 2px;
}
.bb-model-close-button:hover, .bb-model-close-button:focus {
    background-color: rgba(0, 0, 0, .08);
}

#whats-new-formatting-toolbar .emojionearea .emojionearea-button:focus:before, #whats-new-formatting-toolbar a:focus [class*=" bb-icon-"],
#whats-new-messages-toolbar .emojionearea .emojionearea-button:focus:before, #whats-new-messages-toolbar a:focus [class*=" bb-icon-"],
#whats-new-toolbar .emojionearea .emojionearea-button:focus:before, #whats-new-toolbar a:focus [class*=" bb-icon-"],
.ac-reply-toolbar .emojionearea .emojionearea-button:focus:before, .ac-reply-toolbar a:focus [class*=" bb-icon-"] {
    color: var(--bb-headings-color);
}

[data-bp-tooltip]:focus:after, [data-bp-tooltip]:focus:before {
    opacity: 1;
    pointer-events: auto;
}
[data-bp-tooltip][data-bp-tooltip-pos=up-left]:focus:before, [data-bp-tooltip][data-bp-tooltip-pos=up-left]:focus:after {
    transform: translate(0, 0);
}

.bb-template-v2 #editor-toolbar [class*=" bb-icon-"], .bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button:before,
.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .emojionearea-button:before,
.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"],
.bb-template-v2 .bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"],
.bb-template-v2 ul.medium-editor-toolbar-actions .medium-editor-action b {
    transition: all .3s ease;
}
.bb-template-v2 #editor-toolbar :focus [class*=" bb-icon-"], .bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button:focus:before,
.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .emojionearea-button:focus:before,
.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .post-elements-buttons-item :focus [class*=" bb-icon-"],
.bb-template-v2 .bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .post-elements-buttons-item :focus [class*=" bb-icon-"],
.bb-template-v2 ul.medium-editor-toolbar-actions .medium-editor-action:focus b {
    color: var(--bb-headings-color);
}

[data-bp-tooltip]:focus-within:after, [data-bp-tooltip]:focus-within:before {
    opacity: 1;
    pointer-events: auto;
}
[data-bp-tooltip][data-bp-tooltip-pos=up]:focus-within:before, [data-bp-tooltip][data-bp-tooltip-pos=up]:focus-within:after {
    transform: translate(-50%, 0);
}

#discard-draft-activity {
    text-decoration: underline transparent !important;
}
#discard-draft-activity:focus-visible {
    text-decoration: underline !important;
}

.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_button, .bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_button i {
    transition: all .3s ease;
}
.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_button:focus-visible {
    background-color: #fff;
    border: 1px solid #888;
}
.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_button:focus-visible i {
    color: #000;
}

#buddypress .comment-reply-link:focus, #buddypress .generic-button a:focus, #buddypress .standard-form button:not(.search-form_reset):focus,
#buddypress a.button:focus, #buddypress input[type=button]:focus, #buddypress input[type=reset]:focus, #buddypress input[type=submit]:focus,
#buddypress ul.button-nav li a:focus, .bb-card-footer .generic-button a:focus, a.bp-title-button:focus {
    background-color: var(--bb-primary-button-background-hover);
    color: var(--bb-primary-button-text-hover);
    border-color: var(--bb-primary-button-border-hover);
}

.bbpress #bbpress-forums .medium-editor-toolbar.active .medium-editor-toolbar-actions:focus-within,
.buddypress #buddypress.buddypress-wrap .medium-editor-toolbar.active .medium-editor-toolbar-actions:focus-within {
    opacity: 1;
}

.bp-activity-privacy__label:focus-within {
    background-color: var(--bb-content-alternate-background-color);
}

.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_list li>a {
    transition: all .3s ease;
}
.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_list li>a:focus {
    background-color: var(--bb-content-alternate-background-color);
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action {
    background-color: transparent;
    border-color: transparent;
}
.activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action:hover {
    background-color: var(--bb-content-alternate-background-color);
    border-color: transparent;
}
.activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action:focus {
    background-color: var(--bb-content-alternate-background-color);
    border-color: transparent;
}

.custom-skip-link {
    align-items: center;
    background-color: #fff;
    border: 1px solid #2563eb;
    border-radius: 12px;
    padding: 5px;
    color: #0c0d0e;
    gap: 8px;
    word-wrap: normal !important;
}
.custom-skip-link:not(:focus) {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    display: flex;
    gap: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: fixed;
    text-decoration: none;
    width: 1px;
}

body.contrast-dark #whats-new-textarea [contenteditable=true]:empty:before, #whats-new-textarea-placeholder [contenteditable=true]:empty:before,
body.contrast-high #whats-new-textarea [contenteditable=true]:empty:before, #whats-new-textarea-placeholder [contenteditable=true]:empty:before {
    color: #ddd;
}

body.contrast-dark #whats-new-title::placeholder,
body.contrast-high #whats-new-title::placeholder {
    color: #777;
}
body.contrast-dark #whats-new-title::-webkit-input-placeholder,
body.contrast-high #whats-new-title::-webkit-input-placeholder {
    color: #777;
}
body.contrast-dark #whats-new-title:-moz-placeholder,
body.contrast-high #whats-new-title:-moz-placeholder {
    color: #777;
}
body.contrast-dark #whats-new-title:placeholder-shown,
body.contrast-high #whats-new-title:placeholder-shown {
    color: #777;
}

body.contrast-dark ul.medium-editor-toolbar-actions .medium-editor-action b:hover::before {
    color: #fff;
}
body.contrast-high ul.medium-editor-toolbar-actions .medium-editor-action b:hover::before {
    color: #fff;
}

body.contrast-dark.bb-template-v2 #buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-h3:has(b:hover):after,
body.contrast-dark.bb-template-v2 #buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-h4:has(b:hover):after,
body.contrast-dark.bb-template-v2 .buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-h3:has(b:hover):after,
body.contrast-dark.bb-template-v2 .buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-h4:has(b:hover):after,
body.contrast-dark.bb-template-v2 .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-h3:has(b:hover):after,
body.contrast-dark.bb-template-v2 .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-h4:has(b:hover):after,
body.contrast-high.bb-template-v2 #buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-h3:has(b:hover):after,
body.contrast-high.bb-template-v2 #buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-h4:has(b:hover):after,
body.contrast-high.bb-template-v2 .buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-h3:has(b:hover):after,
body.contrast-high.bb-template-v2 .buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-h4:has(b:hover):after,
body.contrast-high.bb-template-v2 .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-h3:has(b:hover):after,
body.contrast-high.bb-template-v2 .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-h4:has(b:hover):after {
    color: #fff;
}

body.contrast-dark.bb-template-v2 #editor-toolbar [class*=" bb-icon-"]:hover,
body.contrast-dark.bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button.active:before,
body.contrast-dark.bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button:hover:before,
body.contrast-dark.bb-template-v2 .ac-reply-toolbar .emojionearea .emojionearea-button.active:before,
body.contrast-dark.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .active [class*=" bb-icon-"]:before,
body.contrast-dark.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .emojionearea-button.active:before,
body.contrast-dark.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .emojionearea-button:hover:before,
body.contrast-dark.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"]:hover,
body.contrast-dark.bb-template-v2 .bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"]:hover,
body.contrast-dark.bb-template-v2 .medium-editor-toolbar .medium-editor-toolbar-actions .medium-editor-button-active b,
body.contrast-dark.bb-template-v2 ul.medium-editor-toolbar-actions .medium-editor-action b:hover,
body.contrast-high.bb-template-v2 #editor-toolbar [class*=" bb-icon-"]:hover,
body.contrast-high.bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button.active:before,
body.contrast-high.bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button:hover:before,
body.contrast-high.bb-template-v2 .ac-reply-toolbar .emojionearea .emojionearea-button.active:before,
body.contrast-high.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .active [class*=" bb-icon-"]:before,
body.contrast-high.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .emojionearea-button.active:before,
body.contrast-high.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .emojionearea-button:hover:before,
body.contrast-high.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"]:hover,
body.contrast-high.bb-template-v2 .bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"]:hover,
body.contrast-high.bb-template-v2 .medium-editor-toolbar .medium-editor-toolbar-actions .medium-editor-button-active b,
body.contrast-high.bb-template-v2 ul.medium-editor-toolbar-actions .medium-editor-action b:hover {
    color: #fff;
}

body.contrast-dark.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .emojionearea-button:before,
body.contrast-high.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .emojionearea-button:before,
body.contrast-dark.bb-template-v2 .ac-reply-toolbar .emojionearea .emojionearea-button:before,
body.contrast-high.bb-template-v2 .ac-reply-toolbar .emojionearea .emojionearea-button:before,
body.contrast-dark.bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button:before,
body.contrast-high.bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button:before {
    color: #fff;
}

body.highlight-link [data-balloon]:after, body.highlight-link [data-bp-tooltip]:after {
    color: var(--bb-tooltip-color) !important;
}

body.highlight-link .activity-update-form .activity-form.focus-in .whats-new-form-header #user-status-huddle .user-name,
body.highlight-link .bp-nouveau-activity-form-placeholder- .activity-form.focus-in .whats-new-form-header #user-status-huddle .user-name {
    display: inline;
}

body.highlight-link .activity-update-form .medium-editor-toolbar .medium-editor-toolbar-actions button {
    background-color: #ff0 !important;
}
body.highlight-link .activity-update-form .medium-editor-toolbar .medium-editor-toolbar-actions button:hover,

body.highlight-link .activity-update-form .medium-editor-toolbar .medium-editor-toolbar-actions button:focus {
    background-color: #ffa500 !important;
}

body.focus-outline .activity-group-avatar .group-avatar, body.focus-outline .activity-group-avatar .author-avatar {
    overflow: visible;
}

body.highlight-link .bs-card-list .bb-cover-wrap {
    padding-top: 48% !important;
}

/* /accessibility */