/*
 Theme Name: ForumX
 Theme URI: 
 Description: Szablon potomny BuddyX.
 Author: 
 Author URI: 
 Template: buddyx
 Text Domain: forumx
 Version: 1.0.8
*/

tmp {
    background: #F8DECF, #FFF0E8;
    background: var(--Colors-Text-text-secondary_hover, #182230);
}

#header-cover-image {
    background-color: #FEF0C7;
}

body {
    --color-menu: #182230;
    --color-menu-active: #182230;
    /* --color-menu-hover: #182230; */
    --color-header-bg: #FFF8F3;
    --color-theme-white-box: #FFF8F3;
    --button-background-color: #E1793D;
    --color-link: #E1793D;
    --global-border-color: #F1BEA0;
}
#primary {
    border-right: 1px solid var(--global-border-color);
    padding: 24px;
    padding-left: 0;
}
.primary-sidebar {
    --global-border-color: transparent;
}
.primary-sidebar .widget-title {
    display: none;
}

.main-navigation a.btn-login,
.main-navigation a.btn-register {
    font-size: 0;
    line-height: 0;
    margin-left: 6px;
}
.main-navigation a.btn-login span,
.main-navigation a.btn-register span {
    font-size: 16px;
}

.widget_nav_menu .menu>li>a {
    border-bottom: none !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0.75em;
    color: #344054;
}
.widget_nav_menu .sub-menu {
    margin-left: 24px !important;
}
.widget_nav_menu .sub-menu>li>a {
    border-bottom: none !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0.75em;
    color: #182230;
}



.member-home {
    --color-theme-white-box: transparent;
    --global-border-color: transparent;
}

.site-wrapper {
    margin: 0 !important;
}
@media (min-width: 768px) {
    .site-wrapper {
        margin: 0 !important;
    }
}

.site-footer {
    margin: 0 !important;
}

.site-header-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
    box-shadow: none;
    border-bottom: 1px solid #F1BEA0;
}

.site-header {
    justify-content: flex-start;
}

.site-sub-header{
    background: var(--color-header-bg);
    display: none;
}

.main-navigation {
    justify-content: space-between;
    flex-grow: 1;
}

.main-navigation ul li.current-menu-item>a {
    background-color: #F8DECF;
    border-radius: 6px;
}

.main-navigation ul#primary-menu>li>a {
    padding: 8px .5em;
}

@media (min-width: 768px) {
    .main-navigation ul#primary-menu>li>a {
        padding: 8px .5em;
    }
}

nav#object-nav.vertical {
    background: transparent;
}
nav#object-nav.vertical .selected>a, nav#object-nav.vertical a:hover {
    background-color: #FFF0E8;
    border-radius: 6px;
}

@media screen and (min-width: 46.8em) {
    nav#object-nav.vertical {
        background: transparent;
    }
    nav#object-nav.vertical .selected>a, nav#object-nav.vertical a:hover {
        background-color: #FFF0E8;
    }
}

#site-navigation .bp-user {
    display: none;
}

.bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li.current a {
    background: transparent;
}

.desktop-icons #overlay-search {
    display: none;
}

@media (max-width: 767px) {
    .forumx-desktop-only {
        display: none;
    }
}

#searchform {
    display: none; /* temporarily disabled */
}

#searchform input[type="search"] {
    font-family: Inter, FontAwesome;   
    background: var(--color-header-bg);
    min-width: 320px;
}

#searchform input[type="submit"] {
    display: none;
}

.buddypress-icons-wrapper .user-link-wrap.active #user-profile-menu {
    display: none;
}

/* multi-step-form.css */
.membership-step {
    display: none;
}
.membership-step.active {
    display: block;
}
.btn-next, .btn-prev {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #0073aa;
    color: white;
    border: none;
    cursor: pointer;
}
.btn-next:hover, .btn-prev:hover {
    background-color: #005177;
}

.register-page #signup-form {
    padding: 24px;
    background-color: white;
    border-radius: 6px;

    /* shadow with blur 64, spread -12, y 32*/
    box-shadow: 0 32px 64px -12px #10182824;
}

.register-page #pass-strength-result {
    display: none !important;
}

.register-page .editfield.field_1 {
    display: none;
}

.field-visibility-settings-header {
    display: none;
}

/* Sabai Discuss Plugin customizations */

.sabai-row {
    margin-left: 0;
    margin-right: 0;
}

.sabai-questions-questions .sabai-entity, .sabai-questions-answers .sabai-entity, .sabai-questions-favorites .sabai-entity {
    border-bottom: none;
}

.widget.widget_sabai_platform_wordpress_sabai_questions_categories {
    display: none;
}

.widget_sabai_platform_wordpress_sabai_questions_askbtn a {
    width: 100%;
}

.sabai-search {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
}
.sabai-search input, .sabai-search select {
    border: 1px solid #F1BEA0 !important;
    border-radius: 6px;
}
.sabai-search input[name="keywords"] {
    font-family: Inter, FontAwesome;   
    padding: 0 12px !important;
}
.sabai-questions-activity {
    
}
.sabai-questions-activity-inline li {
    display: flex;
    gap: 12px;
}
.sabai-questions-taxonomy a,
.sabai-entity-activity a {
    color: #E1793D;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
}
.sabai-entity-activity a:nth-of-type(2),
.sabai-entity-activity span {
    color: #475467;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
}

.sabai-nav-tabs,
.sabai-questions-search-category,
.sabai-questions-search-submit,
.sabai-questions-view-count,
.sabai-questions-comments,
.sabai-questions-voting-favorite,
.sabai-voting-arrow-down {
    display: none;
}

.sabai-entity-activity li:nth-of-type(2) {
    display: none;
}

body.home .sabai-navigation,
body.home .sabai-questions-search-keyword {
    display: none;;
}

.sabai-questions-questions {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.sabai-questions-questions .forumx-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sabai-questions-questions .sabai-entity {
    padding: 24px !important;
    border-radius: 14px;
    border-bottom: none !important;
}
.sabai-questions-questions > div.sabai-entity:nth-of-type(4n+1) {
    background-color: #FFECE1;
}
.sabai-questions-questions > .forumx-separator-line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #F1BEA0;
}
.sabai-questions-title {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #182230;
    margin-bottom: 1em;
}
.sabai-questions-title a {
    color: #182230;
}

a.sabai-btn[href$="nowa-dyskusja"] {
    display: none;
}

.sabai-user + a {
    margin-left: 12px;
}

/* customizacje ForumX */
.home-popularne,
.home-najnowsze {
    padding-top: 50px;
}

.forumx-questions-stats {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;
}
.sabai-questions-answers .forumx-questions-stats {
/*     justify-content: space-between; */
}

.sabai-voting-arrow-down,
.sabai-voting-arrow-up {
    display: none;
}

.forumx-questions-voting-updown {    
    display: flex;
    align-items: center;
    column-gap: 6px;
}
.forumx-questions-voting-updown .active {
    color: #EAA279;
}

.sabai-voting-updown {
    padding: 0;
}
.sabai-voting-updown span {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    color: #475467;
    margin: 2px;
}

.forumx-questions-voting-updown,
.sabai-voting-star,
.forumx-questions-count,
.forumx-questions-answer-count,
.forumx-questions-vote-count {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    color: #475467;
    border: 1px solid #EAA279;
    border-radius: 50px;
    padding: 6px 12px;
}
.forumx-questions-count a,
.forumx-questions-answer-count a,
.forumx-questions-vote-count a {
    color: #475467;
}
.forumx-questions-count i,
.forumx-questions-answer-count i,
.forumx-questions-vote-count i {
    color: #EAA279;
}


.forumx-recent-news {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.forumx-recent-news .news-item {
    background-color: white;
    padding: 16px;
    border-radius: 14px;
}

.forumx-recent-news .news-item h3 {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.bw-boxes {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin: 40px 0;
}

.bw-box {
    width: calc(calc(100% - 2 * 24px) / 3);
    background-color: white;
    padding: 24px;
    border-radius: 14px;
    box-shadow: 0 4px 8px -2px #10182824;
    transition: background-color 0.3s;
}

.bw-box:hover {
    background-color: #F8DECF;
    cursor: pointer;
}

.bw-box.active {
    background-color: transparent;
}

figcaption {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.widget-area .widget {
    padding-top: 24px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
}

#breadcrumbs,
.yoast-breadcrumbs {
    margin-bottom: 24px;
    color: #667085;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

button.fx-button,
a.fx-button {
    font-family: Inter, FontAwesome;
    font-size: medium;
    color: var(--button-text-color);
    background-color: var(--button-background-color);
    border-radius: var(--button-border-radius) !important;
    padding: 8px 20px;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    line-height: 1.3;
    border: 1px solid var(--button-border-color);
    outline: 0;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
button.fx-button:hover,
a.fx-button:hover {
    background-color: var(--button-background-color-hover);
    color: var(--button-text-color-hover);
    border-color: var(--button-border-color-hover);
}
a.fx-button-wide {
    width: 100%;
}
button.fx-button-small,
a.fx-button-small {
    font-size: smaller;
    padding: 6px 16px;
    margin: 6px 0;
}
.fx-filter-button {
    font-family: Inter, FontAwesome;
    border: 1px solid #E1793D;
    border-radius: 100px;
    background-color: #FFFFFF;
    padding: 8px 12px;
    color: #475467;
}

#pass1 {
    font-family: Inter, FontAwesome;
}

.success-message img {
    margin: 0 auto;
}

#step-images {
    position: relative;
    width: min(1280px, 100vw);

    left: 50%;
    transform: translateX(-50%);
}
#step-images img {
    display: none;
    margin: 0 auto;
}
#step-images.step-1 #step-1-image,
#step-images.step-2 #step-2-image,
#step-images.step-3 #step-3-image {
    display: block;
}

/* buddypress member views */
#buddypress #item-header-cover-image #item-header-avatar {
    margin-top: -60px;
}

#buddypress div#item-header #item-header-cover-image #item-header-content {
    margin-top: 20px;
}

.item-header-cover-image-wrapper {
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
}

.buddypress-wrap ul.subnav {
    background: transparent;
}

.buddypress-wrap .bp-tables-user tbody tr, 
.buddypress-wrap table.forum tbody tr, 
.buddypress-wrap table.wp-profile-fields tbody tr {
    background: transparent;
}
.buddypress-wrap .bp-tables-user tr.alt td, .buddypress-wrap table.wp-profile-fields tr.alt td {
    background: transparent;
}

.member-home #subnav {
    border-bottom: 1px solid #EDAC86 !important;
}

#groups-personal-li,
#profile-personal-li,
.member-home .profile h2,
.member-home .profile.public h3,
.member-home .profile.edit h3 {
    display: none !important;
}
#settings-form,
#your-profile,
.member-home .profile.public table,
.member-home .profile:not(.change-avatar) form {
    background-color: white;
    border-radius: 12px;
    border: 1px solid #EDAC86;
    padding: 24px;
}
.member-home div.submit {
    display: flex;
    justify-content: flex-end;
}
.member-home input:not([type="submit"]):not([type="button"]),
.member-home select {
    border: 1px solid #EDAC86 !important;
    background-color: white !important;
}

.button.wp-cancel-pw,
.button.wp-generate-pw {
    display: none !important;
}

#email + .info.bp-feedback {
    display: none;
}

#item-header {
    margin-bottom: 0;
}

.forumx-questions-taxonomy {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
}

.forumx-questions-taxonomy a {
    background-color: #FFECE1;
    border-radius: 6px;
    padding: 8px 16px;
    width: fit-content;
    /*border: 2px solid #fff8f3;*/
    box-sizing: border-box;
}
.forumx-questions-taxonomy a > i {
    display: none !important;
}
.forumx-questions-taxonomy-cats,
.forumx-questions-taxonomy-tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 16px;
}

.forumx-avatar .sabai-entity-activity li a,
.forumx-avatar .sabai-entity-activity li span {
    font-size: 0;
}

ul.sabai-entity-activity a {
    background-size: 0px 0px !important;
    padding-left: 40px !important;
}

.forumx-avatar {
    position: absolute;
    top: 18px;
    left: 24px;
}
.forumx-avatar.full {
    top: 1px;
    left: 0;
}
.sabai-questions-status:not(:empty) + .forumx-avatar.full {
    top: 21px;
}
.forumx-avatar.answer {
    top: 22px;
    left: 0;
}
.sabai-questions-status:not(:empty) + .forumx-avatar.answer {
    top: 42px;
}

.forumx-avatar ul.sabai-entity-activity a {
    background-size: 28px 28px !important;
    border-radius: 15px;
    height: 28px !important;
    width: 28px !important;
    padding-left: 28px !important;
    line-height: 1rem;
}

.sabai-navigation .sabai-pull-left {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    column-gap: 12px;
}

.wp-editor-tabs {
    display: flex;
    column-gap: 6px;
}

.custom-logo {
    height: 39px;
}