/*body{ --sf-bg-color: #506cf0; --sf-text-color: #ffffff; } */ body{ /*--sf-bg-color: #ffbf00; --sf-text-color: #fff; --sf-link-text-color: #2a50c3; --sf-link-text-color: #fbfbfb; --sf-site-bg-color: #faf9f7; --sf-link-text-color: #2a50c3; --sf-link-text-color: #2a50c3;*/ /*--sf-vp-btn-plr: 18px; --sf-vp-btn-ptb: 12px; --sf-vp-btn-fz: 14px; --sf-anp-btn-plr: 18px; --sf-anp-btn-ptb: 12px; --sf-anp-btn-fz: 14px; --sf-md-btn-plr: 18px; --sf-md-btn-ptb: 12px; --sf-md-btn-fz: 14px; */ } /** * All of the CSS for your public-facing functionality should be * included in this file. */ body.smartforum-template-default, #sf-primary h1:not(.scp-description.scp-shortcode-elements *), #sf-primary h2:not(.scp-description.scp-shortcode-elements *), #sf-primary h3:not(.scp-description.scp-shortcode-elements *), #sf-primary h4:not(.scp-description.scp-shortcode-elements *), #sf-primary h5:not(.scp-description.scp-shortcode-elements *), #sf-primary h6:not(.scp-description.scp-shortcode-elements *), #sf-primary strong:not(.scp-description.scp-shortcode-elements *), #sf-primary div:not(.scp-description.scp-shortcode-elements *), #sf-primary p:not(.scp-description.scp-shortcode-elements *), #sf-primary b:not(.scp-description.scp-shortcode-elements *), #sf-primary li:not(.scp-description.scp-shortcode-elements *), #sf-primary label:not(.scp-description.scp-shortcode-elements *){ font-family: var(--sf-google-font), "sfcustomfont", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"!important; letter-spacing: var(--sf-letter-spacing); text-transform: unset; } #sf-primary *, #sf-primary *::before, #sf-primary *::after { box-sizing: border-box; } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } body .atwho-view ul {margin: 0;padding: 0;} body .atwho-view ul li { margin: 0; border: none; } #sf-primary .sf-post-content-full-content ul li { list-style: disc!important; } body.smartforum-template-default, #sf-primary h1, #sf-primary h2, #sf-primary h3, #sf-primary h4, #sf-primary h5, #sf-primary h6, #sf-primary p{ margin: 0; padding: 0; } #sf-primary h1, #sf-primary h2, #sf-primary h3, #sf-primary h4, #sf-primary h5, #sf-primary h6{ font-weight: 600; } #sf-primary .sfb-shortcode-wrap h1, #sf-primary .sfb-shortcode-wrap h2, #sf-primary .sfb-shortcode-wrap h3, #sf-primary .sfb-shortcode-wrap h4, #sf-primary .sfb-shortcode-wrap h5, #sf-primary .sfb-shortcode-wrap h6, #sf-primary .sfb-shortcode-wrap strong, #sf-primary .sfb-shortcode-wrap div, #sf-primary .sfb-shortcode-wrap p, #sf-primary .sfb-shortcode-wrap b, #sf-primary .sfb-shortcode-wrap li, #sf-primary .sfb-shortcode-wrap label { font-family: initial; /* Reset or set to the default font family */ letter-spacing: initial; /* Reset letter-spacing */ text-transform: initial; /* Reset text-transform */ } .sf-lr-signup a strong { color: var(--sf-link-text-color); } #sf-primary ul:not(.scp-description.scp-shortcode-elements *){ margin: 0; } #sf-primary li:not(.scp-description.scp-shortcode-elements *){ margin: 0; padding: 0; } #sf-primary button:hover{ text-decoration: none; } .sf-site-main a:not(.scp-description.scp-shortcode-elements *), .sf-content-area a:not(.scp-description.scp-shortcode-elements *){ text-decoration: none; color: #000; } #sf-primary .sf-comment-content-wrapper a { color: var(--sf-link-text-color); text-decoration: underline; } #sf-primary .sf-full-content > a { text-decoration: underline; } #sf-primary .sf-post-content-full-content > p > a, #sf-primary .sf-post-content-full-content > div > a { color: var(--sf-link-text-color); text-decoration: underline; } #sf-primary .sf-post-content-full-content > div > a { color: var(--sf-link-text-color); text-decoration: underline; } #sf-primary .dap_member_loading_wrapper { display: none!important;} #sf-primary .sf-logo a { display: flex; flex-direction: column; align-items: flex-start; } #sf-primary .sf-lr-checkbox-radio a { color: var(--sf-link-text-color); font-weight: 600; } #sf-primary .sf-post-content-full-content a { color: var(--sf-link-text-color); text-decoration: underline; } #sf-primary .sf-custom-header-for-lesson header { display: flex; align-items: center; background-color: #fff; color: #333; height: 60px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); padding: 10px 15px; justify-content: space-between; flex-direction: row; border-bottom: 1px solid gainsboro; } #sf-primary .sf-logo { text-align: left; font-size: 1.5em; width: 200px; } #sf-primary .sf-search-bar { display: flex; align-items: center; width: 500px; position: relative; } #sf-primary .sf-search-bar input { width: 100%; padding: 8px 40px 8px 10px; border-radius: 5px; border: 2px solid #dde8f6; font-size: 13px; color: #545861; font-weight: 300; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } #sf-primary .sf-search-bar i { margin-left: 10px; cursor: pointer; position: absolute; right: 10px; font-size: 13px; color: #b4b4b4; } #sf-primary .sf-icons { display: flex; justify-content: flex-end; align-items: center; width: 250px; gap: 15px; } #sf-primary .sf-icon { position: relative; margin-left: 3px; cursor: pointer; } #sf-primary .sf-notification-box, #sf-primary .sf-profile-links { display: none; position: absolute; top: 100%; right: -5px; margin-top: -5px; background-color: #fff; box-shadow: 0 2px 7px 1px rgba(0,0,0,.05), 0 6px 32px 0 rgba(18,43,70,.1); border-radius: 5px; padding: 0; z-index: 99999; width: 170px; } #sf-primary .sf-user-menu img { width: 35px; height: 35px; object-fit: cover; border-radius: 5px; } #sf-primary a.sf-user-menu { display: flex; gap: 5px; align-items: center; } #sf-primary a.sf-user-menu span.sf-user-name { font-size: 14px; font-weight: 600; text-align: right; } #sf-primary .sf-burger-menu { display: none;} #sf-primary .sf-user-is-not-logged-in .sf-empty-heafer-box { width: 100px; } #sf-primary .sf-user-is-not-logged-in .sf-icons { width: max-content; } #sf-primary .sf-user-profile:hover .sf-profile-links { display: block; } #sf-primary .sf-user-profile .sf-profile-links ul.sf-sub-menu-main { margin: 0; padding: 0; list-style: none; } #sf-primary .sf-user-profile .sf-profile-links ul.sf-sub-menu-main li a { text-decoration: none; font-size: 15px; font-weight: 600; padding: 10px 20px; display: block; } #sf-primary .sf-user-profile .sf-profile-links ul.sf-sub-menu-main li { margin: 0; border-bottom: 1px solid gainsboro; line-height: 1; } .sf-user-profile { position: relative; } #sf-primary .sf-user-profile .sf-profile-links ul.sf-sub-menu-main li a:hover { background: #f9f8f8; } #sf-primary #resend-email-verification-mail { color: var(--sf-bg-color); } #sf-primary .sf-email-change { background: #ffd7d7; padding: 10px; line-height: 1; border-radius: 5px; font-weight: 600; font-size: 13px; } #sf-primary .sf-email-change a { text-decoration: underline; } #sf-primary .sf-icons .sf-notification-bell-icon, #sf-primary .sf-icons .sf-user-profile > i{ cursor: pointer; } #sf-primary .sf-notification-box p { margin: 0; } #sf-primary .sf-icon.sf-active .notification-box, #sf-primary .sf-icon.active .sf-profile-links { display: block; } #sf-primary .sf-logo img { height: 40px; width: auto; } #sf-primary .sf-button-container { display: flex; gap: 10px; } #sf-primary .sf-mt-20{ margin-top: 20px!important; } #sf-primary .sf-mt-30 { margin-top: 30px!important; } #sf-primary .sf-mb-10 { margin-bottom: 10px!important; } #sf-primary .sf-container { max-width: 1200px; margin-right: auto; width: 100%; margin-left: auto; padding-left: 15px; padding-right: 15px; } #sf-primary .sf-border { border: 1px solid gainsboro; } #sf-primary .sf-bg-background { background: #f9f9f9; } #sf-primary .sf-rounded { border-radius: 8px; } #sf-primary .sf-gallery-preview .sf-img-video-player > a img { height: 100px; object-fit: cover; width: 100%; } #sf-primary .sf-px-2 { padding: 20px; } #sf-primary .sf-mb-2 { margin-bottom: 20px; } #sf-primary .sf-mb-20 { margin-bottom: 20px!important; } #sf-primary .sf-row { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } #sf-primary .sf-col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } #sf-primary .sf-row > * { padding-left: 5px; padding-right: 5px; margin-top: 4px; margin-bottom: 4px; } #sf-primary .sf-col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .sf-center-brn { margin-left: auto; margin-right: auto; display: flex; width: 100%; text-align: center; flex-direction: column; align-items: center; } #sf-primary .sf-list-table { border: none; margin: 0; padding: 0; width: 100%; } #sf-primary .sf-list-table td { border: none; padding: 10px 0; } #sf-primary .sf-list-table td.label { width: 150px; color: #000; font-size: 16px; } #sf-primary .sf-list-table tr { border-bottom: 1px solid gainsboro; font-size: 16px; color: #000 } #sf-primary .sf-list-table tr p{ color: #000 } #sf-primary .sf-list-table tr:last-child { border: none; } #sf-primary .sf-text-right .sf-btn { text-align: right!important; margin-left: auto; } .sf-list-table-wrapper.sf-list-table-scroll-300 { height: 300px; overflow-y: auto; padding-right: 10px; } #sf-primary .sf-flex-end { align-items: flex-end; } #sf-primary .sf-flex-start { align-items: flex-start; } #sf-primary .sf-position-sticky { position: sticky; } #sf-primary .sf-b-20 { bottom: 20px; } #sf-primary .sf-t-20 { top: 20px; } #sf-primary .sf-bg-success { background: rgba(12, 188, 135, .10); color: #fff; padding: 2px 10px; line-height: 1; border-radius: 5px; font-size: 14px; } #sf-primary .sf-bg-success.sf-bg-opacity-10 { background: rgba(12, 188, 135, .10); color: rgba(12, 188, 135, 1); } #sf-primary .sf-bg-success { background: rgba(12, 188, 135, .10); color: #fff; padding: 2px 10px; line-height: 1; border-radius: 5px; font-size: 14px; } #sf-primary .sf-bg-success.sf-bg-opacity-10 { background: rgba(12, 188, 135, .10); color: rgba(12, 188, 135, 1); } #sf-primary .sf-ptb-10 { padding: 10px 0; } #sf-primary .sf-col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } #sf-primary .sf-col-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;} #sf-primary .sf-col-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;} /*Menu Left*/ #sf-primary .sf-community-column { display: flex; width: 100%; } #sf-primary .sf-bg-secondary { background: var(--sf-main-background-color); } #sf-primary .sf-community-menu-column { width: var(--sf-left-menu-width); height: calc(100vh - 60px); overflow-y: auto; background: var(--sf-background-color-left-menu); border-right: 1px solid var(--sf-background-lighter-color); } .admin-bar #sf-primary .sf-community-menu-column { height: calc(100vh - 92px); } #sf-primary .sf-community-content-column { width: calc(100% - var(--sf-left-menu-width)); overflow-y: auto; } #sf-primary .sf-community-content-column.sf-no-leftmenu { width: 100%; } #sf-primary h3.sf-text-current { font-size: var(--sf-left-menu-font-size);; font-weight: var(--sf-left-menu-font-weight); margin: 0; } #sf-primary a.sf-menu-link-text { padding: 6px 8px; display: flex; width: 100%; gap: 10px; color: var(--sf-text-color-left-menu); text-decoration: none; align-items: center; } #sf-primary a.sf-menu-link-text > i { min-width: 25px; } #sf-primary .sf-sb-menu-link { padding-left: 12px; padding-right: 12px; border-bottom: 1px solid var(--sf-background-lighter-color); padding-top: 10px; padding-bottom: 10px; } #sf-primary .sf-sidebar-menu-category-btn { background: transparent; border: none; margin-bottom: 5px; padding: 6px 7px; display: block; } #sf-primary .sf-sidebar-menu-category-btn h3.sf-text-current { font-weight: var(--sf-category-menu-font-weight); color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; display: flex; line-height: 1.3; align-items: center; } #sf-primary .sf-community-list a { color: #000; font-weight: 400; display: flex; gap: 10px; align-items: center; text-decoration: none; font-size: var(--sf-left-menu-font-size); padding: 6px 8px; line-height: 1; border-radius: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 1px -10px; } #sf-primary .sf-community-list a strong { width: calc(100% - 25px); white-space: normal; line-height: 1.2; flex: 1 } #sf-primary .sf-community-list a strong { font-weight: var(--sf-left-menu-font-weight); } #sf-primary ul.sf-community-list { list-style: none; padding: 0; margin: 0; padding-left: 10px; } #sf-primary .sf-community-list-wrapper ul.sf-community-list { padding-left: 25px; } #sf-primary ul li:not(.scp-description.scp-shortcode-elements *) { list-style: none; } #sf-primary span.sf-community-dot { width: 15px; height: 15px; display: block; border-radius: 100%; background: #7abb90; } #sf-primary .sf-circle-community { margin-bottom: 0; padding: 8px 20px; } #sf-primary .sf-bg-c-sidebar { padding-top: 0; } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-community-list li a:hover, #sf-primary .sf-community-menu-column .sf-community-list li a:hover, #sf-primary .sf-community-list a:hover { background: var(--sf-active-menu-background-color); color: var(--sf-selected-menu-color); } #sf-primary ul.sf-community-list li { margin: 0; padding: 0; } #sf-primary .sf-standard-layout-v2__sidebar a h3, #sf-primary .sf-standard-layout-v2__sidebar a { color: var(--sf-text-color-left-menu); line-height: 1.0; } #sf-primary .sf-community-list a.sf-active-link { background: var(--sf-active-menu-background-color); color: var(--sf-selected-menu-color); /* margin-left: -10px; padding-left: 10px;*/ } #sf-c-tabs .sf-td.sf-active { display: none!important; } #sf-primary .sf-sidebar-heading-wrapper { padding: 0px 20px 10px; } #sf-primary h3.sf-heading-menu { font-size: var(--sf-left-menu-community-heading-font-size); font-weight: 700; color: #000000; } #sf-primary .bb-1px-gray { border-bottom: 1px solid gainsboro; } #sf-primary .sf-standard-layout-v2__sidebar a.sf-menu-link-text.sf-active-link, #sf-primary .sf-standard-layout-v2__sidebar a.sf-menu-link-text:hover, #sf-primary .sf-standard-layout-v2__sidebar a.sf-menu-link-text.sf-active-link h3, #sf-primary .sf-standard-layout-v2__sidebar a.sf-menu-link-text:hover h3{ background: var(--sf-active-menu-background-color); color: var(--sf-selected-menu-color); border-radius: 5px; } #sf-primary p.sf-power-by-menu { color: var(--sf-text-color-left-menu); font-size: 15px; font-weight: 600; } #sf-primary p.sf-power-by-menu a { color: inherit; text-decoration: underline; } #sf-primary .sf-menu-sticky-bar { position: fixed; bottom: 0; left: 0; right: 0; width: 350px; } #sf-primary .sf-footer-menu-bar { width: 100%; padding-bottom: 50px; } #sf-primary .sf-sticky-text-wrapper { border-top: 1px solid var(--sf-background-lighter-color); background-color: var(--sf-background-color-left-menu); width: 100%; display: block; padding: 10px; font-size: 18px; text-align: center; color: var(--sf-text-color-left-menu); } #sf-primary .sf-circle-community.sf-pinned-post-menu .sf-sidebar-menu-category-btn h3:before { content: "\f08d"; } #sf-primary .sf-circle-community .sf-sidebar-menu-category-btn h3:before { content: "\f58d"; font-family: "Font Awesome 5 Free"; padding-right: 15px; color: var(--sf-text-color-left-menu); width: 25px; font-weight: 600; } #sf-primary .sf-circle-community .sf-sidebar-menu-category-btn h3.sf-active-link:before { color: var(--sf-text-color-left-menu); } #sf-primary .sf-circle-community.sf-lounge-post-menu .sf-sidebar-menu-category-btn h3:before { content: none; } #sf-primary .sf-circle-community.sf-lounge-post-menu .sf-sidebar-menu-category-btn h3 .sf-lounge-icon a > i { padding-right: 5px; width: 21px; } #sf-primary .sf-menu-show-category-only .sf-community-list-wrapper { display: none; } #sf-primary .sf-sidebar-menu-category-btn { margin-bottom: 0; padding: 0; position: relative; } #sf-primary .sf-sb-menu-link { margin-bottom: 15px; } #sf-primary .sf-menu-accordion { display: none; } #sf-primary .sf-menu-show-category-only .sf-menu-accordion { display: inline-block; } #sf-primary .sf-menu-show-category-only .sf-sidebar-menu-category-btn .sf-menu-accordion { padding-right: 0; position: absolute; right: -5px; color: var(--sf-text-color-left-menu); background: transparent; z-index: 9999; display: block; font-weight: 600; top: 50%; line-height: 1; transform: translateY(-50%); padding-left: 5px; padding-right: 5px; cursor: pointer; } #sf-primary .sf-menu-show-category-only .sf-circle-community.sf-show-sub-menu .sf-community-list-wrapper { display: block; margin-top: 8px; } #sf-primary .sf-circle-community.sf-show-sub-menu .fa-angle-down:before { content: "\f106"; } #sf-primary .sf-sidebar-menu-category-btn h3.sf-text-current > a { white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; display: inline-block; width: calc(100% - 45px); } #sf-primary .sf-sidebar-menu-category-btn h3.sf-text-current.sf-active-link { background: var(--sf-active-menu-background-color); color: var(--sf-selected-menu-color); border-radius: 5px; padding: 5px 10px; margin-left: -5px; margin-right: -10px; line-height: 1.2; } #sf-primary .sf-sidebar-menu-category-btn h3.sf-text-current.sf-active-link a, #sf-primary .sf-sidebar-menu-category-btn h3.sf-text-current.sf-active-link + div.sf-menu-accordion i, #sf-primary .sf-sidebar-menu-category-btn h3.sf-text-current.sf-active-link:before{ color: var(--sf-selected-menu-color); } /*Back button*/ #sf-primary .sf-back-btn.sf-btn { background: #eaeaea; color: #000; display: flex; align-items: center; font-size: 14px; border: 2px solid #d5d5d5; line-height: 1.4; padding: 5px 13px; } #sf-primary .sf-back-btn { display: flex; align-items: center; } #sf-primary .sf-back-btn.sf-btn i { font-size: 14px; } #sf-primary a.sf-btn.sf-btn-underline { background: transparent; color: var(--sf-link-text-color); border: none; outline: none; box-shadow: none; text-decoration: none; padding: 5px 2px; display: block; width: max-content; line-height: 1; border-radius: 0; font-size: 14px; font-weight: 600; text-transform: capitalize; cursor: pointer; border-bottom: 2px solid var(--sf-link-text-color); } /*Menu Layout 2*/ #sf-primary .sf-community-menu-column.sf-menu-style-2::-webkit-scrollbar-track { background-color: #ebebeb; } #sf-primary .sf-community-menu-column.sf-menu-style-2::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; } #sf-primary .sf-community-menu-column.sf-menu-style-2::-webkit-scrollbar-thumb { background-color: #ababab; } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-community-list-wrapper ul.sf-community-list:before { content: ''; height: 100%; opacity: 1; width: 3px; background: var(--sf-left-menu-active-border-color); position: absolute; left: 5px; top: 0; border-radius: 15px; } #sf-primary .sf-community-menu-column.sf-menu-style-2 ul.sf-community-list { position: relative; } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-community-list li a { color: var(--sf-text-color-left-sub-menu); padding: 8px 8px; } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-community-list li a.sf-active-link { color: var(--sf-selected-menu-color); } #sf-primary .sf-community-menu-column .sf-community-list li a { color: var(--sf-text-color-left-sub-menu); } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-menu-show-category-only .sf-sidebar-menu-category-btn .sf-menu-accordion i { font-family: inherit; border: 1px solid; width: 8px; border-top: unset; border-right: 0; transform: rotate(-45deg); height: 8px; border-color: var(--sf-text-color-left-menu); } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-menu-show-category-only .sf-sidebar-menu-category-btn .sf-menu-accordion i:before { content: ''; } #sf-primary .sf-community-menu-column.sf-menu-style-2 h3.sf-heading-menu { font-size: var(--sf-left-menu-community-heading-font-size); font-weight: var(--sf-left-menu-font-weight); } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-sb-menu-link { border-bottom: 1px solid gainsboro; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-sidebar-menu-category-btn h3.sf-text-current { font-size: var(--sf-left-menu-font-size); } #sf-primary .sf-community-menu-column.sf-menu-style-2 a.sf-menu-link-text { padding: 10px 8px; } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-circle-community { padding: 10px 20px; } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-standard-layout-v2__sidebar h3.sf-heading-menu a { color: var(--sf-left-menu-community-heading-color); } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-community-menu-column { box-shadow: 0px 0px 10px rgba(0, 0, 0, .05); } #sf-primary .sf-community-menu-column .sf-standard-layout-v2__sidebar h3.sf-heading-menu a { color: var(--sf-left-menu-community-heading-color-template1); } #sf-primary .sf-community-menu-column .sf-show-dots-menu .sf-community-list li.sf-forum-item-list-tag a strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*Salient theme issue*/ #sf-primary i[class*=fa-], #sf-primary span[class*=fa-] { top: inherit; } #sf-primary i[class*="fa-"], #sf-primary span[class*="fa-"] { font-family: "Font Awesome 5 Free"; font-weight: 900; } #sf-primary i[class*="far"], #sf-primary span[class*="far"]{ font-weight: 400; } /*Right side content*/ #sf-primary .sf-content-heading h2 { display: flex; align-items: center; gap: 10px; font-weight: 600; margin: 0; font-size: 20px; color: #19283a; line-height: 1; } #sf-primary .sf-content-heading { padding: 10px 20px; border-bottom: 1px solid gainsboro; background: #fff; gap: 10px; position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; } #sf-primary .sf-content-breadcrumbs { padding: 0; border-bottom: none; line-height: 1; background: #fff; } #sf-primary .sf-breadcrumbs { display: none; } #sf-primary .sf-add-topic-btn-wrapper { display: flex; gap: 8px; justify-content: flex-end; align-items: center;} #sf-primary .sf-add-topic-btn-wrapper.sf-btn-center-align { justify-content: center; } #sf-primary .sf-content-heading > div { flex: 1; } #sf-primary .sf-content-heading .sf-grid-card-icon-content { align-items: center; } #sf-primary .sf-breadcrumbs a, #sf-primary .sf-breadcrumbs { color: #19283a; font-size: 14px; font-weight: 500; text-transform: capitalize; text-decoration: none; } #sf-primary .sf-post-banner { background-color: var(--sf-bg-color); display: flex; padding: 40px 80px; justify-content: space-between; align-items: center; gap: 30px; align-items: center; position: relative; } #sf-primary .sf-post-banner.sf-no-content-in-banner { min-height: 200px; } #sf-primary .sf-post-banner .sf-poster-img { width: 250px; display: flex; justify-content: flex-end; } #sf-primary .sf-post-banner .sf-poster-img > img { height: 150px!important; width: auto!important; } #sf-primary small.sf-category-tag { color: #fff; font-size: 12px; line-height: 1; padding: 5px 3px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; border-radius: 0; border-bottom: 1px solid #fff; } #sf-primary small.sf-category-tag a { color: #fff; text-decoration: none; } #sf-primary .sf-poster-content { max-width: var(--sf-banner-content-section-width); flex: 1; position: relative; background: var(--sf-poster-content-bg-color); padding: 20px 40px; border-radius: 5px; margin-left: auto; margin-right: auto;} #sf-primary .sf-poster-content h1 { line-height: 1.2; font-size: 26px; margin-top: 0; margin-bottom: 10px; color: var(--sf-poster-content-text-color); margin-top: 0; margin-bottom: 10px; } #sf-primary p.sf-poster-sub-heading { color: var(--sf-poster-content-text-color); font-size: 17px; line-height: var(--sf-line-height); font-weight: 400; } #sf-primary .sf-poster-sub-heading a { color: var(--sf-poster-content-text-color); font-weight: 600; } #sf-primary .sf-custom-page-start .sf-post-banner { background: transparent; text-align: center; border-bottom: 1px solid gainsboro; } #sf-primary .sf-custom-page-start .sf-post-banner h1 { color: #000; font-size: 23px; margin: 0; } #sf-primary .sf-post-banner .sf-content-breadcrumbs { border: none; line-height: 1; background: transparent; color: #fff; margin-top: 15px; padding: 0; } #sf-primary .sf-post-banner .sf-breadcrumbs a, #sf-primary .sf-post-banner .sf-breadcrumbs { color: #ffffff; font-size: 14px; font-weight: 500; text-transform: capitalize; text-decoration: none; } #sf-primary .sf-poster-bg-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } #sf-primary .sf-poster-bg-img img { width: 100%; object-fit: cover; height: 100%;} #sf-primary .sf-poster-bg-img:before { content: ''; background: rgba(0,0,0,.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none;} #sf-primary .sf-breadcrumbs span i { font-size: 14px; } #sf-primary .sf-breadcrumbs > span { padding-left: 5px; padding-right: 5px; } #sf-primary .sf-breadcrumbs > span.current-page { padding: 0; } #sf-primary .sf-tab-list { list-style-type: none; padding: 0; margin: 0; display: flex; gap: 10px; padding: 0; margin-bottom: 0; margin-top: 10px; } #sf-primary .sf-tab-content { display: none; } #sf-primary .sf-tab-list input[type="radio"]:checked + label { display: block; background: var(--sf-bg-color); color: var(--sf-text-color); } #sf-primary .sf-tab-list input { display: none; } #sf-primary .sf-tab-list li label { cursor: pointer; display: block; background: gainsboro; padding: 10px 20px; border-radius: 5px; font-weight: 500; font-size: 15px; } #sf-primary .sf-tab-list li { display: flex; } #sf-primary .iti.iti--allow-dropdown { width: 100%; } #sf-primary #sf-profileForm .sf-input-field .iti.iti--allow-dropdown input.sf-phone-field { padding-left: 50px; } #sf-primary .sf-profile-fields a { color: var(--sf-link-text-color); } .tax-smart_forum_category #sf-primary .sf-tab-list, .post-type-archive-smartforum #sf-primary .sf-tab-list { position: absolute; top: 10px; } .tax-smart_forum_category #sf-primary .sf-community-content-column.sf-move-v-center .sf-post-content-main, .post-type-archive-smartforum #sf-primary .sf-community-content-column.sf-move-v-center .sf-post-content-main { position: relative; } .tax-smart_forum_category #sf-primary .sf-tabs-container, .post-type-archive-smartforum #sf-primary .sf-tabs-container { margin-top: 20px; } /*Forum Title*/ #sf-primary .sf-forum-section-title { text-align: left; } #sf-primary .sf-forum-section-title .sf-page-title h1 { text-align: left; } #sf-primary .sf-forum-section-title .sf-page-title h2.sf-entry-title { font-size: 22px; color: #000; } #sf-primary .sf-forum-section-title { margin-bottom: 30px; } #sf-primary .sf-forum-section-title .sf-entry-content { margin-top: 10px; display: block; font-size: 16px; } #sf-primary .minimized-sidebar-activated .sf-collapse-icon{ display: none; } .sf-open-widget #sf-primary .minimized-sidebar-activated .sf-expand-icon{ display: none; } .sf-open-widget #sf-primary .minimized-sidebar-activated .sf-collapse-icon{ display: block; } .sf-open-widget #sf-primary .sf-forum-section-title { max-width: 100%; margin-left: 0; } #sf-primary span.readmore-toggle { color: var(--sf-bg-color); font-weight: 600; border-bottom: 2px solid; cursor: pointer; } #sf-primary .sf-grid-card-icon-content { display: flex; justify-content: space-between; align-items: flex-start; align-items: center; } #sf-primary .sf-grid-card-icon-content h2.sf-entry-title { flex: 1; } #sf-primary .sf-grid-card-icon-content .sf-filter-buttons {display: flex; gap: 15px; justify-content: flex-end; background: #ededed; padding: 6px 15px; line-height: 1; border-radius: 5px; align-content: flex-start; align-items: center; width: max-content;} #sf-primary .sf-grid-card-icon-content .sf-filter-buttons > div { cursor: pointer; } #sf-primary .sf-grid-card-icon-content .sf-filter-buttons i { font-size: 16px; } #sf-primary .sf-list-view .sf-filter-buttons .sf-gl-icon.sf-list-view-button i { color: var(--sf-bg-color); } #sf-primary .sf-table-view .sf-filter-buttons .sf-gl-icon.sf-table-view-button i { color: var(--sf-bg-color); } #sf-primary .sf-grid-view .sf-filter-buttons .sf-gl-icon.sf-grid-view-button i { color: var(--sf-bg-color); } #sf-primary .sf-filter-outer { display: flex; gap: 10px; max-width: 350px; } #sf-primary .sf-forum-white-box { max-width: var(--sf_middle_section_width); margin-left: auto; margin-right: auto; padding: 0; background: transparent; border-radius: 0; } #sf-primary .sf-list-view .sf-forum-white-box { max-width: var(--sf-category-list-width); } #sf-primary .sf-grid-view .sf-forum-white-box { max-width: var(--sf-category-grid-width); } body.post-type-archive #sf-primary .sf-table-view-button.sf-gl-icon, body.tax-smart_forum_category #sf-primary .sf-table-view-button.sf-gl-icon { display: none; } /*BTN Part*/ #sf-primary .sf-btn.sf-btn-topic { background: var(--sf-bg-color); color: var(--sf-text-color); } #sf-primary .sf-btn { background: var(--sf-bg-color); color: var(--sf-text-color); border: none; outline: none; box-shadow: none; text-decoration: none; padding: 12px 20px; display: block; width: max-content; line-height: 1; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; letter-spacing: 0.4px; } #sf-primary .sf-btn i { font-size: 15px; } #sf-primary.sf-btn:hover{ background: #7f93f4; } #sf-primary .sf-btn.sf-btn-topic { background: var(--sf-bg-color); color: var(--sf-text-color); } #sf-primary .sf-btn.sf-btn-white { background: #fff; color: #000; } #sf-primary .sf-black-btn { background: var(--sf-view-btn-bg-color); color: var(--sf-view-btn-text-color); } #sf-primary .sf-view-post-btn-dynamic { padding-left: var(--sf-vp-btn-plr); padding-right: var(--sf-vp-btn-plr); padding-top: var(--sf-vp-btn-ptb); padding-bottom: var(--sf-vp-btn-ptb); font-size: var(--sf-vp-btn-fz ); } #sf-primary .sf-add-new-post-btn-dynamic { padding-left: var(--sf-anp-btn-plr); padding-right: var(--sf-anp-btn-plr); padding-top: var(--sf-anp-btn-ptb); padding-bottom: var(--sf-anp-btn-ptb); font-size: var(--sf-anp-btn-fz ); } #sf-primary .sf-member-directory-btn-dynamic-parent .sf-md-btn{ padding-left: var(--sf-md-btn-plr); padding-right: var(--sf-md-btn-plr); padding-top: var(--sf-md-btn-ptb); padding-bottom: var(--sf-md-btn-ptb); font-size: var(--sf-md-btn-fz ); } .sf-topic-end-header { display: flex; gap: 10px; } #sf-primary .sf-topic-end-header .sf-btn-light { padding: 12px 20px; } #sf-primary .sf-topic-end-header .sf-btn.sf-only-icon-btn { padding: 10px; text-align: center; } #sf-primary .sf-topic-end-header .sf-btn.sf-only-icon-btn i { margin: 0; } #sf-primary .sf-add-topic-btn-wrapper .sf-btn{ padding: 12px 18px; } #sf-primary .sf-contract-us-btn { margin-top: 10px; } #sf-primary .sf-contract-us-btn a.sf-btn.sf-primary-btn { width: 100%; background: var(--sf-secondary-color); color: var(--sf-secondary-text-color); } #sf-primary .sf-member-vip-text { background: #fff; padding: 20px; border-radius: 8px; text-align: left; } #sf-primary .sf-member-vip-text h3 { font-size: 24px; line-height: var(--sf-line-height); margin-bottom: 10px;} #sf-primary .sf-member-vip-text p { font-size: 17px; } #sf-primary .sf-btn.sf-btn-secondary { background: var(--sf-secondary-color); color: var(--sf-secondary-text-color); } #sf-primary .sf-btn.sf-btn-secondary:hover { background: var(--sf-bg-color); color: var(--sf-text-color); } .swal-button.swal-button--confirm {background-color: var(--sf-bg-color); color: var(--sf-text-color); } #sf-primary .sf-main-feed .common-content .sf-activity-contents p { margin: 0; line-height: var(--sf-line-height); } #sf-primary .sf-main-feed .common-content .sf-activity-contents p, #sf-primary .sf-editor-popup .sf-inputor p, #sf-primary #sf-new-topic-modal.sf-editor-popup .sf-inputor p { margin-bottom: 15px; line-height: var(--sf-line-height);} /* Number Pagination*/ #sf-primary ul.sf-pagination-page { display: flex; justify-content: flex-end; align-items: center; margin: 0; border-radius: 8px; box-shadow: 0 0.8rem 2rem rgba(90, 97, 129, 0.05); list-style: none; padding: 0 10px; } #sf-primary .sf-page__numbers, #sf-primary .sf-page__btn, #sf-primary .sf-page__dots { display: flex; justify-content: center; align-items: center; margin: 8px 5px; font-size: 14px; cursor: pointer; } #sf-primary .sf-page__dots { pointer-events: none; } #sf-primary .sf-page__btn { color: #cdd5f7; pointer-events: none; margin-left: 10px; margin-right: 10px; } #sf-primary .sf-page__numbers { width: 30px; height: 30px; border-radius: 5px; } #sf-primary .sf-page__numbers.sf-active, #sf-primary .sf-page__numbers:hover { color: var(--sf-text-color); background: var(--sf-bg-color); font-weight: 600; border: 1 px solid var(--sf-bg-color); } #sf-primary .sf-page__btn i.fas { font-size: 14px; } #sf-primary .sf-pagination-number { background: #fbfbfb; width: 100%; display: block; } #sf-primary .sf-grid-table-view{ display: none; } #sf-primary .leaderboard-pagination ul.sf-pagination-page { margin-top: 5px; justify-content: center; box-shadow: none; background: transparent; } #sf-primary .leaderboard-pagination .sf-page__btn { pointer-events: auto; } #sf-primary .leaderboard-pagination .sf-page__btn.disabled { pointer-events: none; } #sf-primary .leaderboard-pagination { margin-bottom: 20px; } #sf-primary .sf-table-view .sf-grid-list-view{ display: none; } #sf-primary .sf-table-view .sf-grid-table-view, #sf-primary .sf-table-view .sf-grid-table-view{ display: block; } /*#sf-primary .sf-post-content-single-forum-page div, #sf-primary .sf-post-content-single-forum-page p { margin-bottom: 15px; font-size: 16px; line-height: var(--sf-line-height); color: #19283a;} */ /*For SQB CSS*/ #sf-primary .sf-post-content-single-forum-page > div, #sf-primary .sf-post-content-single-forum-page > p { margin-bottom: 15px; font-size: 16px; line-height: var(--sf-line-height); color: #19283a;} #sf-primary .sf-post-content-single-forum-page p:last-child { margin-bottom: 0; } .single-sftopic #sf-primary .sf-extended-list-view.sf-grid-view .sf-listing-container .sf-listing-image-container img { max-height: var(--sf-custom-height); } /*Content Part*/ #sf-primary .sf-post-content-main { padding: 20px; } #sf-primary .sf-post-content-box { background: #fff; padding: 10px; box-shadow: 0 0 #0000, 0 0 #0000; border: 1px solid #e4e7eb; border-radius: 5px; border-left: 5px solid #000; } #sf-primary .sf-post-content-box-widget .widget { background: #fff; padding: 20px; box-shadow: 0 0 #0000, 0 0 #0000; margin-bottom: 20px; border: 1px solid #e4e7eb; border-radius: var(--sf-widget-box-radius); } #sf-primary .sf-post-content-box p { margin: 0; padding: 0; margin-bottom: 10px; line-height: var(--sf-line-height); font-size: 15px; } #sf-primary .sf-post-content-box p:last-child { margin-bottom: 0; } #sf-primary .sf-community-content-column { height: calc(100vh - 60px); } .admin-bar #sf-primary .sf-community-content-column { height: calc(100vh - 92px); } #sf-primary .sf-post-bookmark-icon .fas.fa-bookmark{ display: none; } #sf-primary .sf-post-bookmark-icon.sf-bookmarked .fas.fa-bookmark{ display: block; } #sf-primary .sf-post-bookmark-icon.sf-bookmarked .far.fa-bookmark{ display: none; } #sf-primary .sf-post-bookmark-icon .fas.fa-bookmark { display: none; } #sf-primary .sf-poster-content-row.sf-show-column { display: flex; gap: 40px; margin-top: 30px; align-items: flex-start; justify-content: center; } #sf-primary .sf-poster-content-right { width: var(--sf_widget_area_width); } #sf-primary .sf-poster-content-left { /*width: calc(100% - (var(--sf_widget_area_width) + 40px));*/ width: 100%; flex: 1; max-width: 100%; } #sf-primary .sf-poster-content-left.sf-list-view { width: var(--sf-category-list-width); } #sf-primary .sf-poster-content-left.sf-grid-view { width: var(--sf-category-grid-width); } .single-smartforum #sf-primary .sf-forum-white-box.sf-forum-main-width { max-width: var(--sf_forum_content_width); } /* White box with shadow in forum table layout*/ .single-smartforum #sf-primary .sf-forum-white-box.sf-forum-main-width { box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 16px; background: #fff; border-radius: var(--sf-other-card-radius); position: relative; padding: 20px 20px 15px; } #sf-primary .sf-post-heading .sf-post-heading-wrapper {width: calc(100% - 30px); } #sf-primary .sf-post-heading .sf-post-heading-wrapper a{ text-decoration: none; } #sf-primary .sf-post-heading h2 { font-size: 24px; font-weight: 600; color: #191b1f; } #sf-primary .sf-post-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; } #sf-primary .sf-post-loop .sf-post-heading h2 { margin-bottom: 5px; font-size: 18px; } #sf-primary .sf-post-bookmark-icon { width: 20px; text-align: right; position: absolute; right: 10px; top: 10px; cursor: pointer; } #sf-primary .sf-action-btn-with-name .sf-vote-outer .sf-post-bookmark-icon { margin-right: 0; vertical-align: middle; display: flex; justify-content: flex-end; position: unset; align-items: center; } #sf-primary .sf-forum-post-author-img img { max-width: 100%; border-radius: 10px; object-fit: cover; width: 40px; height: 40px; } #sf-primary .sf-forum-post-author-row { display: flex; gap: 10px; align-items: center; margin-top: 10px; margin-bottom: 20px; border-bottom: 1px solid gainsboro; padding-bottom: 10px; } #sf-primary .sf-forum-post-author-name { display: flex; gap: 5px; align-items: center; line-height: 1; font-size: 14px; font-weight: 600; margin-bottom: 5px; } #sf-primary .sf-forum-post-author-post { font-size: 13px; line-height: 1; } #sf-primary .sf-forum-post-footer { display: flex; gap: 10px; justify-content: space-between; margin-top: 20px; border-top: 1px solid gainsboro; font-size: 14px; padding-top: 10px; color: gray; } #sf-primary .sf-post-footer-right { display: flex; gap: 15px; } #sf-primary .sf-post-loop .sf-post-row { margin-bottom: 30px; } #sf-primary .sf-post-content-box-widget .sf-card-footer { border: none; text-align: center; } #sf-primary button.sf-unfollow-btn, #sf-primary button.sf-follow-btn-text, #sf-primary .sf-post-content-box-widget .sf-card-footer button.sf-btn { text-align: center; margin-left: auto; margin-right: auto; width: 100%; background: #ededed; color: #000; padding: 8px 30px; width: max-content; line-height: 18px; font-size: 14px; font-weight: 600; border: none; outline: none; border-radius: 5px; } #sf-primary .sf-post-content-box-widget .sf-card-footer button.sf-btn .fas { display: none; } #sf-primary button.sf-unfollow-btn{ background: var(--sf-secondary-color); color: var(--sf-secondary-text-color); } #sf-primary .sf-post-content-box-widget .sf-card-footer button.sf-btn.sf-unfollow-btn { background: var(--sf-secondary-color); color: var(--sf-secondary-text-color); } /*Pagination style*/ #sf-primary .sf-pagination { text-align: right; } #sf-primary .sf-pagination { display: flex; justify-content: center; margin-top: 40px; margin-bottom: 20px;} #sf-primary .sf-pagination .page-numbers, #sf-primary .sf-pagination .next { padding: 10px; margin: 0 5px; text-decoration: none; color: #333; background-color: #eee; border-radius: 5px; transition: background-color 0.3s, color 0.3s; line-height: 1; min-width: 40px; text-align: center; font-size: 14px; font-weight: 600; } #sf-primary .sf-pagination .page-numbers:hover, #sf-primary .sf-pagination .next:hover { background-color: var(--sf-bg-color); color: var(--sf-text-color); } #sf-primary .sf-pagination .current { background-color: var(--sf-bg-color); color: var(--sf-text-color); } #sf-primary img { max-width: 100%; } #sf-primary img.emojioneemoji, img.emojioneemoji { max-width: unset; } #sf-primary .sf-post-thumbail-wrapper { margin-bottom: 15px; } #sf-primary .sf-post-thumbail-wrapper img { border-radius: 5px; max-width: 100%!important; } #sf-primary .error-message{ display: none; margin-top: 10px; width: max-content;} #sf-primary img.emojioneemoji { display: inline; max-width: 22px; line-height: 1; vertical-align: top; } #sf-primary .sf-single-topic-box .sf-comment-content-part .sf-comment-content-wrapper p { line-height: var(--sf-line-height);; color: #141921; font-size: 16px; font-weight: 400; margin-bottom: 15px; } /*Content Reply box*/ #sf-primary .sf-forum-reply-content { margin-bottom: 20px; } #sf-primary .sf-show-votes-box-column .sf-answer-vote { display: flex; flex-direction: column; align-items: center; } #sf-primary .sf-show-votes-box-column { display: flex; justify-content: space-between; margin-bottom: 0px; } #sf-primary .sf-show-votes-box-column .sf-answer-vote a.sf-vote { display: flex; line-height: 1; align-items: flex-end; text-decoration: none; color: #bababa; font-size: 30px; } #sf-primary .sf-show-votes-box-column .sf-answer-vote a.sf-vote > i { line-height: 20px; } #sf-primary .sf-show-votes-box-column span.sf-vote-count { font-weight: 600; line-height: 1; } #sf-primary .sf-forum-reply-content .sf-forum-post-author-row { border: none; margin-bottom: 10px; margin-top: 0; } #sf-primary .sf-forum-reply-content .sf-forum-post-author-post-time { font-size: 13px; line-height: 1; color: gray; } #sf-primary .sf-forum-reply-content .sf-forum-post-author-post-time i { font-size: 11px; } #sf-primary .sf-forum-reply-content .trix-content { padding-right: 25px; } #sf-primary .mce-toolbar .mce-btn button { background: transparent; } #sf-primary .wp-core-ui .button, .wp-core-ui .button-secondary { background: var(--sf-bg-color); color: var(--sf-text-color); border-color: var(--sf-bg-color); } #sf-primary #wp-sf_frontend_editor-wrap { position: relative; } #sf-primary #wp-sf_frontend_editor-editor-tools { position: absolute; right: 6px; top: 6px; } .single-smarttopic .media-menu .media-menu-item { background: transparent!important; color: #000000!important; } .single-smarttopic .wp-core-ui .button-primary { background: #2271b1; border-color: #2271b1; } /*Comment box*/ #sf-primary .sf-frontend-comment-submit-btn-wrapper { margin-top: 20px; text-align: right; display: block; margin-left: auto; margin-right: 0; width: 100%; } #sf-primary .sf-frontend-comment-submit-btn-wrapper .sf-btn { margin-left: auto; } /*Box Style*/ #sf-primary .sf-course-item-wrap { display: flex; gap: 15px; flex-direction: row; flex-wrap: wrap; width: 100%; } #sf-primary .sf-course-item-wrap .sf-cover-list-item { width: calc(33.33% - 10px); } #sf-primary .sf-box-inside { background: #ffffff; border: 1px solid gainsboro; border-radius: 8px; height: 100%; padding-bottom: 0; -webkit-transition: .2s box-shadow; transition: .2s box-shadow; position: relative; overflow: hidden; } #sf-primary .sf-course-cover img { width: 100%; } #sf-primary h2.sf-course-title { font-size: 22px; line-height: 1.2; margin: 0 0 10px; font-weight: 600; text-decoration: none; border: none; } #sf-primary h2.sf-course-title a { text-decoration: none; } #sf-primary .sf-card-course-details { padding: 15px; } #sf-primary .sf-course-excerpt { font-size: 14px; line-height: var(--sf-line-height); font-weight: 400; } /*Profile page*/ #sf-primary .sf-card { background: #ffffff; border: 1px solid #e0dfdb; overflow: hidden; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0; padding: 20px; font-size: 14px; line-height: var(--sf-line-height); border-radius: 8px; flex: 0 0 100%; min-width: 0; position: relative; } #sf-primary .sf-pb-0 { padding-bottom: 0; } #sf-primary .sf-profile-cover-image { background-position: center center; margin: -30px -30px 0; position: relative; width: auto; height: 180px; background-image: none; overflow: hidden; } #sf-primary .sf-profile-cover-image .sf-profile-cover-img { max-width: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; min-height: 100%; height: auto; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%)!important; display: block; } #sf-primary .sf-profile-person-image { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: auto; margin-bottom: 0; width: 100%; align-items: flex-start; flex-flow: column; flex-direction: row; gap: 20px; padding: 20px 0; } #sf-primary .sf-profile-person-image .sf-profile-header-avatar { margin: -60px 0 20px 0; position: relative; z-index: 2; width: 140px; height: 140px; object-fit: cover;} #sf-primary .sf-member-status{ background: #1cd991; border: 2px solid #ffffff; border-radius: 100%; position: absolute; right: 25px; top: 14px; width: 15px; height: 15px; } #sf-primary .sf-member-status.sf-offline { opacity: 0; visibility: hidden; } #sf-primary .sf-profile-header-avatar img { border: solid 2px #fff; box-shadow: none; display: block; margin: 0 auto; background-color: #ffffff; border: 3px solid #fff; max-width: 140px; height: 140px; object-fit: cover; border-radius: 20px; } #sf-primary h2.sf-user-full-name { position: relative; color: #292929; font-size: 19px; letter-spacing: 0.3px; font-weight: 600; line-height: 1; margin: 0; } #sf-primary .sf-member-role { position: absolute; bottom: -8px; left: 0; right: 0; text-align: center; background: var(--sf-bg-color); width: max-content; text-align: center; margin: auto; padding: 8px 15px; line-height: 1; font-weight: 600; border-radius: 5px; font-size: 11px; color: var(--sf-text-color); text-transform: uppercase; } #sf-primary .sf-profile-user-row { display: flex; justify-content: space-between; } #sf-primary .sf-profile-user-content { width: calc(100% - 160px); } #sf-primary .sf-member-actions-menu-wrapper { display: flex; gap: 10px; align-items: center; } #sf-primary .sf-follower-count { display: flex; gap: 10px; color: #525151; font-size: 16px;} #sf-primary .sf-user-follower-option { margin-top: 5px; } #sf-primary .sf-btn > i { margin-right: 5px; } #sf-primary .sf-more-optin-list { display: none; } #sf-primary a.sf-btn.btn-transparent { background: transparent; color: #292929; border: 1px solid gainsboro; } #sf-primary .sf-btn.sf-icon-btn i { margin: 0; } #sf-primary .sf-btn.btn-transparent.sf-icon-btn { padding-left: 10px; padding-right: 10px; } #sf-primary .sf-profile-main .sf-widget-title h3 { font-size: 18px; margin-bottom: 10px; font-weight: 600; } #sf-primary .sf-justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } #sf-primary .sf-d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } #sf-primary .sf-flex-gap-5 { gap: 5px; } #sf-primary .sf-mb-5 { margin-bottom: 5px; } #sf-primary .sf-btn-light { padding: 10px; text-align: center; margin: auto; background: #eef0f2; color: #000; } #sf-primary .sf-dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 170px; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 1rem; --bs-dropdown-spacer: 0; --bs-dropdown-font-size: 0.9375rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: #fff; --bs-dropdown-border-color: rgba(0, 0, 0, 0.06); --bs-dropdown-border-radius: 0.4rem; --bs-dropdown-border-width: 1px; --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: rgba(0, 0, 0, 0.1); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.1), 0px 0px 30px rgba(83, 88, 93, 0.2); --bs-dropdown-link-color: var(--bs-gray-600); --bs-dropdown-link-hover-color: #0f6fec; --bs-dropdown-link-hover-bg: transparent; --bs-dropdown-link-active-color: #0f6fec; --bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-disabled-color: var(--bs-gray-600); --bs-dropdown-item-padding-x: 1.2rem; --bs-dropdown-item-padding-y: 0.4rem; --bs-dropdown-header-color: var(--bs-gray-800); --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } #sf-primary .sf-dropdown-menu-end { --bs-position: end; } #sf-primary .sf-dropdown-menu { -webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.1), 0px 0px 30px rgba(83, 88, 93, 0.2); box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.1), 0px 0px 30px rgba(83, 88, 93, 0.2); } #sf-primary .sf-dropdown-item { display: flex; width: 100%; padding: 10px; font-size: 15px; clear: both; font-weight: 500; color: #000; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; text-decoration: none; justify-content: space-between; align-items: center; gap: 10px; } #sf-primary .sf-icon-md i { margin: 0; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row .sf-comment-content .rate .sf-comment-btn.sf-active { background: var(--sf-bg-color); border-color: var(--sf-bg-color); } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row .sf-comment-content .rate .sf-comment-btn.sf-active i { color: var(--sf-text-color); } #sf-primary .sf-whitebox { background: #ffffff; overflow: hidden; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0; padding: 20px; } #sf-primary .sf-whitebox p:last-child { margin: 0; } /*Notification header*/ #sf-primary .sf-header-notification-box, #sf-primary .sf-header-messages-box { background: #fff; box-shadow: 0 2px 7px 1px rgba(0,0,0,.05), 0 6px 32px 0 rgba(18,43,70,.1); border-radius: 4px; list-style: none; position: absolute; right: -15px; top: calc(100% - 15px); margin: 0; min-width: 400px; overflow: hidden; opacity: 0; visibility: hidden; z-index: 0; display: none; } #sf-primary .sf-header-messages-box.af-popup-active, #sf-primary .sf-header-notification-box.af-popup-active { display: block; visibility: visible; opacity: 1; z-index: 99999; } #sf-primary .sf-notification { position: relative; } #sf-primary .sf-has-notification:before { content: ''; position: absolute; width: 10px; height: 10px; background: #ff1f1f; border-radius: 100%; top: 4px; } #sf-primary .sf-has-notification.sf-messages-bell-icon:before { top: 0; } #sf-primary .sf-header-popup-header h2 { font-size: 18px; font-weight: 500; line-height: 1; } #sf-primary .sf-header-popup-header { padding: 15px; border-bottom: 1px solid #f3f3f3; } #sf-primary ul.sf-notification-main-row { list-style: none; padding: 15px 0; margin: 0; overflow-y: auto; max-height: 300px; } #sf-primary .sf-notification-single-inner { display: flex; gap: 10px; } #sf-primary .sf-notification-icon-img { width: 50px; border-radius: 100%; overflow: hidden; height: 50px; } #sf-primary span.sf-notification-content-popup { width: calc(100% - 60px); padding-right: 15px; line-height: 1.2; } #sf-primary span.fa-notification-content, #sf-primary span.fa-notification-content a { font-size: 14px; color: #545454; line-height: 1; text-decoration: none; margin-bottom: 5px; display: inline-block; font-family: inherit; font-weight: 600; } #sf-primary span.fa-notification-content a { font-weight: 600; text-decoration: underline;} #sf-primary span.fa-notification-content a.sf-remove-underline { text-decoration: none;} #sf-primary span.sf-notification-date { font-size: 12px; font-weight: 500; display: block; line-height: 1; color: #929292; } #sf-primary li.sf-notification-list.sf-unread .sf-notification-single-inner:after { content: ''; width: 10px; height: 10px; background: var(--sf-bg-color); border-radius: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } #sf-primary .sf-notification-icon-img a { display: block; } #sf-primary .sf-notification-icon-img a img { width: 100%; height: 100%; object-fit: cover; } #sf-primary li.sf-notification-list { position: relative; } #sf-primary .sf-notification-bottom { padding: 0; text-align: center; border-top: 1px solid #f3f3f3; line-height: 1; display: flex; justify-content: space-between; } #sf-primary a.sf-notification-bottom { text-decoration: none; font-size: 15px; width: 50%; display: block; padding: 15px; color: #000; background-color: #f8f8f8; } #sf-primary a.sf-notification-bottom i { font-size: 12px; } #sf-primary li.sf-notification-list { border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; padding-top: 10px; padding-left: 15px; padding-right: 15px; } #sf-primary li.sf-notification-list:last-child { border-bottom: 0; padding-bottom: 0; } #sf-primary li.sf-notification-list:hover { background: #f9f8f8; } #sf-primary li.sf-notification-list:first-child { padding-top: 0; } #sf-primary a.sf-view-all-firends.sf-notification-bottom { color: #ffffff; background-color: #373737; } #sf-primary .sf-only-notificatoin a.sf-view-all-notification.sf-notification-bottom { width: 100%; } #sf-primary .sf-only-notificatoin a.sf-view-all-firends { display: none; } #sf-primary .sf-unread-list-wrapper li.sf-notification-list span.sf-mark-as-read { display: none!important; } #sf-primary .sf-unread-list-wrapper li.sf-notification-list.sf-unread .sf-notification-single-inner:after { display: none; } #sf-primary ul.sf-read-unread-message-list { list-style: none; padding: 0; margin: 0; } #sf-primary ul.sf-read-unread-message-list li { padding-left: 0; } #sf-primary .pagination-links { display: flex; justify-content: flex-end; margin-top: 20px;} #sf-primary .sf-notification-pagination { padding: 8px 12px; margin: 0 5px; text-decoration: none; border: 1px solid #ccc; color: #333; border-radius: 4px; line-height: 1; background: #fff; } #sf-primary .sf-notification-pagination:hover { background-color: #f2f2f2; } #sf-primary a.sf-notification-pagination.sf-active { background: var(--sf-bg-color); color: var(--sf-text-color); border-color: var(--sf-bg-color); } #sf-primary .sf-forum-list-post-content-main ul.sf-link-notification { padding: 0; margin: 0; display: flex; gap: 10px; list-style: none; justify-content: flex-end; margin-bottom: 0; } #sf-primary .sf-forum-list-post-content-main ul.sf-link-notification li a { text-decoration: none; font-size: 15px; border-bottom: 1px solid; line-height: var(--sf-line-height); display: block; font-weight: 600; } #sf-primary .sf-forum-list-post-content-main ul.sf-link-notification li a.sf-active { color: var(--sf-bg-color); } #sf-primary .sf-forum-posts-wrapper .sf-post-content-main { background: #fff; } #sf-primary .sf-forum-list-wrap .sf-post-header.sf-forums-header{ justify-content: center; } #sf-primary .sf-header-popup-header { display: flex; justify-content: space-between; } #sf-primary .sf-header-popup-header a { font-size: 16px; line-height: 1; color: #000000; font-weight: 600; } #sf-primary li.sf-notification-list span.sf-mark-as-read { display: none; position: absolute; right: 10px; color: var(--sf-bg-color); cursor: pointer; top: 50%; transform: translateY(-50%); font-size: 16px; } #sf-primary li.sf-notification-list span.sf-mark-as-read i { font-size: 14px; } #sf-primary li.sf-notification-list:hover span.sf-mark-as-read { display: block; } #sf-primary li.sf-notification-list.sf-unread:hover .sf-notification-single-inner:after { display: none; } #sf-primary .sf-show-if-empty-notification{ display: none; margin-left: 15px; margin-right: 15px; } #sf-primary .sf-notification-empty li{ display: none; } #sf-primary .sf-notification-empty li.sf-show-if-empty-notification{ display: block; } #sf-primary .sf-empty-notification-alert { text-align: center; font-weight: 400; font-size: 15px; background: #fff3f3; padding: 10px; color: #4e4e4e; border-radius: 5px; width: 90%; margin-left: auto; margin-right: auto; } #sf-primary .sf-btn.sf-btn-danger-soft { color: #d6293e; background-color: rgba(214, 41, 62, 0.1); } #sf-primary .sf-no-results { max-width: 900px; margin-left: auto; margin-right: auto; } #sf-primary .sf-btn.sf-btn-danger-soft { color: #d6293e; background-color: rgba(214, 41, 62, 0.1); font-weight: 500; } #sf-primary .sf-dropdown-menu { position: absolute; inset: 0px 0px auto auto; z-index: 11; margin: 0px; transform: translate3d(0px, 42.4px, 0px); padding: 0; } #sf-primary .sf-dropdown { position: relative; } #sf-primary .sf-dropdown .sf-dropdown-menu.sf-submenu-opened { display: block; } #sf-primary hr.sf-dropdown-divider { border-color: #dcdcdc; margin: 0;} #sf-primary .sf-right-side-box.sf-dropdown { position: absolute; right: 0; } #sf-primary .sf-main-feed .common-post-header { position: relative; } #sf-primary .sf-right-side-box.sf-dropdown .sf-dropdown-item { display: flex; justify-content: flex-start; gap: 10px; border-bottom: 1px solid gainsboro; line-height: 1; } #sf-primary .sf-right-side-box.sf-dropdown .sf-dropdown-menu.sf-submenu-opened {min-width: 150px;} #sf-primary .sf-right-side-box.sf-dropdown a.sf-delete-btn.sf-dropdown-item { color: red; } #sf-primary .sf-right-side-box.sf-dropdown a i { font-size: 14px; } #sf-primary .sf-two-column-wrapper { display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } #sf-primary .sf-two-column-wrapper .sf-column-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(66.66666667% - 10px); } #sf-primary .sf-column-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(33.33333333% - 10px); } #sf-primary .sf-li-row ul { display: flex; gap: 20px; margin: 0; padding: 0; list-style: none; color: #676a79; } #sf-primary li.sf-list-inline-item { font-size: 15px; display: flex; gap: 5px; align-items: center; line-height: 1; margin: 0; } #sf-primary li.sf-list-inline-item i { font-size: 15px; } #sf-primary .sf-ptb-20 { padding: 20px 0; } #sf-primary .sf-pl-0{ padding-left: 0!important; } #sf-primary .sf-pr-0{ padding-right: 0!important; } #sf-primary .sf-mpl-0{ margin-left: 0!important; } #sf-primary .sf-mr-0{ margin-right: 0!important; } #sf-primary .sf-widget-description main.sf-main-feed { max-width: 100%; } #sf-primary .sf-activity-profile-page .sf-main-feed .common-post { box-shadow: 0 0px 2px var(--balance4); } #sf-primary .sf-card-footer { border-top: 1px solid gainsboro; padding-bottom: 13px; text-align: left; } #sf-primary a.sf-nav-link { text-decoration: none; font-size: 16px; font-weight: 600; color: #676a79; border-bottom: 3px solid transparent; padding-bottom: 10px; } #sf-primary a.sf-nav-link.sf-active, #sf-primary a.sf-nav-link:hover { color: var(--sf-bg-color); border-color: var(--sf-bg-color); } #sf-primary .sf-change-sub-tab.sf-active, #sf-primary .sf-change-sub-tab:hover { color: var(--sf-bg-color); border-color: var(--sf-bg-color); } #sf-primary .sf-change-sub-tab { text-decoration: none; font-size: 16px; font-weight: 600; color: #676a79; border-bottom: 3px solid transparent; padding-bottom: 10px;cursor:pointer; } #sf-primary .sf-profile-main { color: #14191e; padding-bottom: 10px; } #sf-primary .sf-widget-description .sf-widget-description p, #sf-primary .sf-widget-description .sf-widget-description { font-size: 16px; } #sf-primary .sf-widget-description .sf-widget-title h3 { font-size: 18px; } /* Modal CSS */ #sf-primary .sf-popup-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; display: none; } #sf-primary .sf-popup-container.sf-popup-active { display: block; } #sf-primary .sf-popup-popup-main { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 0; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); text-align: center; max-width: 100%; width: 1000px; } #sf-primary .sf-modal-small { max-width: 500px; } #sf-primary .sf-modal-title { font-size: 25px; line-height: 32px; margin: 0; font-weight: 500; } #sf-primary .sf-modal-header { display: block; padding: 20px; } #sf-primary .sf-modal-body { background: #f7f7f7; padding: 0 ; max-height: calc(100vh - 250px); overflow-y: auto; border-top: 1px solid gainsboro; border-bottom: 1px solid gainsboro; text-align: left; } #sf-primary .sf-modal-body .sf-modal-content { padding: 20px; } #sf-primary .sf-modal-footer { padding: 20px; display: flex; justify-content: flex-end; gap: 10px; } #sf-primary .sf-popup-container.sf-popup-full-screen .sf-popup-popup-main { width: 100%; top: 0; left: 0; right: 0; bottom: 0; transform: unset; border-radius: 0; } #sf-primary .sf-popup-container.sf-popup-full-screen { z-index: 99999; } #sf-primary .sf-popup-container.sf-popup-full-screen .sf-modal-body { height: calc(100vh - 76px); max-height: 100%; } body.sf-popup-active { overflow: hidden; } #sf-primary .sf-popup-container.sf-popup-full-screen .sf-modal-body .sf-modal-content { max-width: 1400px; margin-left: auto; margin-right: auto; padding: 50px 50px 10px; } /* Checkbox style*/ #sf-primary .sf-widget-title .sf-subheading { color: #686868; font-size: 16px; display: block; } #sf-primary .sf-sub-heading h3 { margin-bottom: 0; } #sf-primary .sf-widget-title.sf-sub-heading { margin-bottom: 10px; } #sf-primary .sf-input-field input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; position: relative; top: 2px; display: inline-block; margin: 0; width: 20px; min-width: 20px; height: 20px; background: #fff; border-radius: 5px; border-style: solid; border-width: 0.1rem; border-color: #dcd7ca; box-shadow: none; cursor: pointer; margin-right: 5px; } #sf-primary .sf-input-field input[type="checkbox"]:checked::before { width: 22px; height: 20px; content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E); position: absolute; display: inline-block; margin: -0.1875rem 0 0 -0.25rem; } #sf-primary .sf-input-field label { font-size: 15px; line-height: 1; } #sf-primary .sf-widget-title.sf-sub-heading h3 { margin-bottom: 5px; line-height: 1; } #sf-primary .sf-heading-with-btn { display: flex; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: 15px; } #sf-primary .sf-profile-main .sf-heading-with-btn h3 { margin-bottom: 0; } #sf-primary .sf-heading-with-btn a.sf-btn {padding: 10px;} #sf-primary .sf-checkbox { display: flex; align-items: center; margin-bottom: 10px; border-bottom: 1px solid #eaeaea; padding-bottom: 5px; } #sf-primary .sf-checkbox input[type="checkbox"] { display: none; } #sf-primary .sf-checkbox label { position: relative; cursor: pointer; padding-left: 30px; font-size: 17px; color: #555; } #sf-primary .sf-checkbox label::before { content: ""; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; border: 2px solid #ccc; border-radius: 4px; } #sf-primary .sf-checkbox input[type="checkbox"]:checked + label::before { background-color: var(--sf-bg-color); border-color: var(--sf-bg-color); } #sf-primary .sf-checkbox label::after { content: "\2713"; position: absolute; left: 5px; top: 4px; font-size: 13px; color: #fff; visibility: hidden; font-weight: 600; } #sf-primary .sf-checkbox input[type="checkbox"]:checked + label::after { visibility: visible; } #sf-primary .sf-checkbox label:hover::before { border-color: var(--sf-bg-color); } /*Whats news*/ #sf-primary #sf-composer, #sf-primary .sf-message-box-main { padding: 20px; background-color: #fff; border: 1px solid gainsboro; border-radius: 8px; } #sf-primary #sf-composer #sf-c-tabs-cvr, #sf-primary .sf-poup-message-heading { padding-bottom: 12px; border-bottom: 1px solid #ececec; display: flex; } #sf-primary #sf-composer #c-tabs { width: 100%; color: #919191; display: flex; gap: 20px; } #sf-primary #sf-composer .sf-td, #sf-primary .sf-message-box-main .sf-td { display: flex; gap: 5px; align-items: center; font-size: 15px; } #sf-primary #sf-composer #sf-c-tabs .sf-td.sf-active, #sf-primary .sf-message-box-main .sf-td.sf-active { color: #373737; } #sf-primary #sf-composer #sf-c-c-main, #sf-primary .sf-message-box-main .sf-main-popup-editor-wrapper { position: relative; padding-top: 15px; } #sf-primary #sf-composer .sf-tb, #sf-primary .sf-message-box-main .sf-tb { display: flex; width: 100%; gap: 20px; align-items: flex-start; } #sf-primary #sf-composer #sf-p-c-i, #sf-primary .sf-message-box-main .sf-p-c-i { width: 50px; border-radius: 10px; overflow: hidden; border: 1px solid gainsboro; } #sf-primary #sf-composer #sf-p-c-i img, #sf-primary .sf-message-box-main .sf-p-c-i img{ max-width: 100%; height: 50px; object-fit: cover; } #sf-primary #sf-composer textarea, #sf-primary .sf-message-box-main textarea { width: 100%; font-size: 20px; border: 0; padding: 0; margin: 0; outline: none; } #sf-primary #sf-composer #sf-c-inp { width: calc(100% - 70px); } #sf-primary #sf-composer #sf-insert_emoji { display: flex; justify-content: flex-end; margin-top: 0; color: gray; } #sf-primary #sf-composer #sf-insert_emoji i { cursor: pointer; } #sf-primary .sf-editor-footer-right { display: flex; gap: 10px; align-items: center; width: 100%; } #sf-primary #sf-composer .sf-tb .sf-custom-editor-upload-image, #sf-primary .sf-message-box-main .sf-tb .sf-custom-editor-upload-image, #sf-primary #sf-composer .sf-tb .sf-custom-editor-upload-video { cursor: pointer; } #sf-primary a.sf-menu-link-text > i { min-width: 25px; } #sf-primary select#activity_visiblity { border: none; padding: 4px 5px; font-size: 14px; background: #ebecec; border-radius: 5px; cursor: pointer; outline: none; border-right: 5px solid transparent; } #sf-primary ul.sf-files-list { display: flex; padding: 0; margin: 0; list-style: none; gap: 10px; flex-direction: row; flex-wrap: wrap; } #sf-primary ul.sf-files-list li {width: 150px; height: 150px; position: relative; border-radius: 5px; overflow: hidden; } #sf-primary ul.sf-files-list li video, #sf-primary ul.sf-files-list li img { width: 100%; height: 100%; object-fit: cover; } #sf-primary ul.sf-files-list li .delete-icon { position: absolute; right: 0; top: 0px; color: #fff; background: #ff5656; padding: 5px; font-size: 9px; font-weight: 600; border-radius: 0 5px 0 5px; cursor: pointer; width: 18px; height: 18px; line-height: 1; display: flex; align-items: center; justify-content: center; } #sf-primary .sf-editor-footer-main { display: flex; justify-content: space-between; align-items: center; margin-top: 0; } #sf-primary .sf-editor-footer-left { width: 100%; padding-top: 10px; padding-bottom: 10px; } #sf-primary .sf-footer-attachment { margin-top: 20px; display: none; } #sf-primary .sf-content-area{ width: 100%; } #sf-primary .sf-main-feed img.emojioneemoji { display: inline; max-width: 22px; line-height: 1; vertical-align: top; } #sf-primary .sf-action-btn::after { content: ''; display: block; width: 1.2em; height: 1.2em; position: absolute; left: calc(50% - 0.75em); top: calc(50% - 0.75em); border: 0.15em solid transparent; border-right-color: white; border-radius: 50%; animation: button-anim 0.7s linear infinite; opacity: 0; } @keyframes button-anim { from { transform: rotate(0); } to { transform: rotate(360deg); } } #sf-primary .sf-action-btn.sf-loading { color: transparent!important; pointer-events: none; } #sf-primary .sf-action-btn.sf-loading::after { opacity: 1; } #sf-primary button#sf_submit_form { min-width: max-content; } #sf-primary .sf-action-btn { position: relative; } #sf-primary .sf-popup-sub-followers-wrapper .sf-card-footer { border: none; text-align: center; } #sf-primary .sf-popup-sub-followers-wrapper button.sf-btn.sf-action-btn { text-align: center; margin-left: auto; margin-right: auto; } #sf-primary .sf-video-gallery-preview .sf-card { padding: 10px; } #sf-primary .sf-action-btn-with-name.sf-name-btn-flex { display: flex; justify-content: space-between; align-items: center; } #sf-primary .sf-vote-outer { display: flex; gap: 10px; align-items: center; } #sf-primary .sf-action-btn-with-name.sf-name-btn-flex .sf-right-side-box.sf-dropdown { position: relative; } #sf-primary .sf-c-c-main-scroll { max-height: 50vh; overflow-y: auto; overflow-x: hidden; } /*Editor Toolbar*/ .medium-editor-anchor-preview,.medium-editor-toolbar { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; z-index: 2000 } @-webkit-keyframes medium-editor-image-loading { 0% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes medium-editor-image-loading { 0% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes medium-editor-pop-upwards { 0% { opacity: 0; -webkit-transform: matrix(.97,0,0,1,0,12); transform: matrix(.97,0,0,1,0,12) } 20% { opacity: .7; -webkit-transform: matrix(.99,0,0,1,0,2); transform: matrix(.99,0,0,1,0,2) } 40% { opacity: 1; -webkit-transform: matrix(1,0,0,1,0,-1); transform: matrix(1,0,0,1,0,-1) } 100% { -webkit-transform: matrix(1,0,0,1,0,0); transform: matrix(1,0,0,1,0,0) } } @keyframes medium-editor-pop-upwards { 0% { opacity: 0; -webkit-transform: matrix(.97,0,0,1,0,12); transform: matrix(.97,0,0,1,0,12) } 20% { opacity: .7; -webkit-transform: matrix(.99,0,0,1,0,2); transform: matrix(.99,0,0,1,0,2) } 40% { opacity: 1; -webkit-transform: matrix(1,0,0,1,0,-1); transform: matrix(1,0,0,1,0,-1) } 100% { -webkit-transform: matrix(1,0,0,1,0,0); transform: matrix(1,0,0,1,0,0) } } .medium-editor-anchor-preview { left: 0; line-height: 1.4; max-width: 280px; position: absolute; text-align: center; top: 0; word-break: break-all; word-wrap: break-word; visibility: hidden } .medium-editor-anchor-preview a { color: #fff; display: inline-block; margin: 5px 5px 10px } .medium-editor-placeholder-relative:after, .medium-editor-placeholder:after { content: attr(data-placeholder)!important; white-space: pre; padding: inherit; margin: inherit; font-style: italic } .medium-editor-anchor-preview-active { visibility: visible } .medium-editor-dragover { background: #ddd } .medium-editor-image-loading { -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out; animation: medium-editor-image-loading 1s infinite ease-in-out; background-color: #333; border-radius: 100%; display: inline-block; height: 40px; width: 40px } .medium-editor-placeholder { position: relative } .medium-editor-placeholder:after { position: absolute; left: 0; top: 0 } .medium-editor-placeholder-relative,.medium-editor-placeholder-relative:after { position: relative } .medium-toolbar-arrow-over:before { border-width: 0 8px 8px; top: -8px } .medium-editor-toolbar ul { margin: 0; padding: 0 } .medium-editor-toolbar li { float: left; list-style: none; margin: 0; padding: 0 } .medium-editor-toolbar li button { box-sizing: border-box; cursor: pointer; display: block; font-size: 14px; line-height: 1.33; margin: 0; text-decoration: none; padding: 5px 10px; background: #f2f2f2; color: #000; margin: 0 3px; min-width: 30px; } .medium-editor-toolbar li button:focus { outline: 0 } .medium-editor-toolbar li .medium-editor-action-underline { text-decoration: underline } .medium-editor-toolbar li .medium-editor-action-pre { font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace; font-size: 12px; font-weight: 100; padding: 15px 0 } .medium-editor-toolbar-active { visibility: visible } .medium-editor-sticky-toolbar { position: fixed; top: 1px } .medium-editor-relative-toolbar { position: relative } .medium-editor-action-bold { font-weight: bolder } .medium-editor-toolbar-form { display: none; padding: 0; border-radius: 10px; gap: 10px; } .medium-editor-toolbar-form a, .medium-editor-toolbar-form input { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif } .medium-editor-toolbar-form .medium-editor-toolbar-form-row { line-height: 14px; margin-left: 5px; padding-bottom: 5px } .medium-editor-toolbar-form .medium-editor-toolbar-input, .medium-editor-toolbar-form label { border: none; box-sizing: border-box; font-size: 14px; margin: 0; padding: 6px; width: 316px; display: inline-block } .medium-editor-toolbar-form-active { display: flex; align-items: center; width: 100%; } .medium-editor-toolbar-actions:after { clear: both; content: ""; display: table } .medium-editor-element { word-wrap: break-word; min-height: 30px } .medium-editor-element img { max-width: 100% } .medium-editor-element sub { vertical-align: sub } .medium-editor-element sup { vertical-align: super } .medium-editor-hidden { display: none } .medium-editor-toolbar-form .medium-editor-toolbar-input { background: #fff; border: 2px solid gainsboro; border-radius: 5px; line-height: 1; height: auto; padding: 8px 10px; width: 100%; } #sf-primary .medium-editor-toolbar-form-active a { width: 35px; height: 30px; background: #e8fff6; line-height: 1; display: flex; justify-content: center; align-items: center; color: #1ea874; border-radius: 5px; font-size: 0!important; } #sf-primary .medium-editor-toolbar-form-active a.medium-editor-toolbar-close { background: #ffdede; color: #d07676; } #sf-primary .medium-editor-toolbar-form-active > a:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 14px; } #sf-primary .medium-editor-toolbar-form-active a.medium-editor-toolbar-close:before { content: "\f00d"; } div#custom-toolbar-container-sf-mention-list-main { display: flex; justify-content: flex-end; width: 100%; } div#custom-toolbar-container-sf-mention-list-main .sf-me-custom-toolbar, div#custom-toolbar-container-sf-topic-list-main .sf-me-custom-toolbar { width: 100%; display: flex; justify-content: flex-end; } #sf-primary .sf-main-feed ul#medium-editor-toolbar-actions1 { margin-left: auto; margin-right: 0; } .medium-editor-toolbar { visibility: hidden; } .medium-editor-anchor-preview { z-index: 999999999; background: #5e5e5e; border-radius: 5px; font-size: 10px; line-height: 1; padding: 7px 10px; max-width: 410px; margin-top: -10px; } a.medium-editor-toolbar-anchor-preview-inner { margin: 0; color: #000; } .medium-editor-toolbar-active.medium-editor-stalker-toolbar { -webkit-animation: medium-editor-pop-upwards 160ms forwards linear; animation: medium-editor-pop-upwards 160ms forwards linear; } .medium-editor-toolbar-active { visibility: visible; } #sf-primary .sf-editor-popup .sf-inputor a { color: #2a50c3; } #sf-primary span.sfmainspan { color: inherit !important; } .medium-editor-toolbar li button.medium-editor-button-active { background: #000; color: #fff; } #sf-primary .sf-editor-popup .sf-inputor ul li { list-style: disc!important; } #sf-primary .sf-editor-popup .sf-inputor ol li { list-style: decimal!important; } #sf-primary .sf-editor-popup .sf-inputor ul, #sf-primary .sf-editor-popup .sf-inputor ol { margin-left: 30px; } #sf-primary .sf-activity-contents ul li { list-style: disc!important; } #sf-primary .sf-activity-contents ul { margin-left: 30px!important; } #sf-primary .sf-activity-contents ol li { list-style: decimal!important; } #sf-primary .sf-activity-contents ol { margin-left: 30px!important; } #sf-primary .sf-main-feed .common-content .sf-activity-contents h2, #sf-primary #sf-new-topic-modal.sf-editor-popup .sf-inputor h2, #sf-primary .sf-editor-popup .sf-inputor h2, #sf-primary .sf-activity-contents h2{ font-size: 22px; margin-bottom: 15px; line-height: var(--sf-line-height); } #sf-primary .sf-main-feed .common-content .sf-activity-contents h3, #sf-primary #sf-new-topic-modal.sf-editor-popup .sf-inputor h3, #sf-primary .sf-editor-popup .sf-inputor h3, #sf-primary .sf-activity-contents h3{ font-size: 19px; margin-bottom: 15px; line-height: var(--sf-line-height); } #sf-primary .sf-single-topic-box .sf-comment-content-part .sf-comment-content-wrapper h2{ line-height: var(--sf-line-height); color: #141921; font-size: 22px; font-weight: 400; margin-bottom: 15px; } #sf-primary .sf-single-topic-box .sf-comment-content-part .sf-comment-content-wrapper h3{ line-height: var(--sf-line-height); color: #141921; font-size: 19px; font-weight: 400; margin-bottom: 15px; } .medium-editor-toolbar li button.medium-editor-action-unorderedlist b, .medium-editor-toolbar li button.medium-editor-action-anchor b, .medium-editor-toolbar li button.medium-editor-action-bold b, .medium-editor-toolbar li button.medium-editor-action-underline b, .medium-editor-toolbar li button.medium-editor-action-italic b, .medium-editor-toolbar li button.medium-editor-action-orderedlist b { display: none; } .medium-editor-toolbar li button.medium-editor-action-unorderedlist:before { content: "\f0ca"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; vertical-align: middle; } .medium-editor-toolbar li button.medium-editor-action-orderedlist:before { content: "\f0cb"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; vertical-align: middle; } .medium-editor-toolbar li button.medium-editor-action-anchor:before { content: "\f0c1"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; vertical-align: middle; } .medium-editor-toolbar li button.medium-editor-action-italic:before { content: "\f033"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; vertical-align: middle; } .medium-editor-toolbar li button.medium-editor-action-bold:before { content: "\f032"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; vertical-align: middle; } .medium-editor-toolbar li button.medium-editor-action-underline:before { content: "\f0cd"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; vertical-align: middle; } a.medium-editor-toolbar-anchor-preview-inner { font-size: 0; } a.medium-editor-toolbar-anchor-preview-inner:before { content: "\f044"; font-size: 12px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; } /*Comment Layout */ #sf-primary .sf-comments-wrapper { display: flex; flex-direction: column; width: 100%; margin-top: 0; } #sf-primary #sf_forum_comment_form .sf-custom-editor { margin-bottom: 30px; } #sf-primary .sf-comments-wrapper .sf-comment-row { display: flex; flex-direction: column; gap: 20px; background: #fff; padding: 20px; border-radius: 10px; margin-bottom: 20px; } #sf-primary .sf-comments-wrapper .sf-comment-row .sf-comment-content { display: flex; position: relative; flex-direction: column; align-items: flex-start; gap: 16px; flex: 1; } #sf-primary .sf-comment-header { display: flex; gap: 10px; align-items: center; margin-bottom: 10px; border-bottom: 1px solid gainsboro; padding-bottom: 10px; } #sf-primary .sf-comments-wrapper .sf-comment-row .sf-comment-content .sf-profile-img { height: 40px; width: 40px; } #sf-primary .sf-comments-wrapper .sf-comment-row .sf-comment-content .sf-profile-img img { max-width: 100%; border-radius: 8px; object-fit: cover; } #sf-primary .rate { gap: 8px; display: flex; align-items: center; } #sf-primary .rate .value { font-weight: 500; font-size: 13px; line-height: 20px; text-align: center; } #sf-primary .rate .value.green { color: #000000; background: #f0f0f0; padding: 3px 10px; border-radius: 5px; font-weight: 500; } #sf-primary .rate .value.red { color: #e92c2c; } #sf-primary .rate .sf-comment-btn { display: flex; cursor: pointer; align-items: center; justify-content: center; border: 1px solid #e8e8e8; border-radius: 999px; width: 32px; height: 32px; } #sf-primary .rate .sf-comment-btn:hover { border-color: #969696; } #sf-primary .sf-comments-wrapper .sf-comment-row .sf-comments-content { flex: 1; display: block; } #sf-primary .sf-comments-wrapper .sf-comment-row .sf-comments-content .sf-comment-user { gap: 12px; margin-bottom: 6px; align-items: center; display: flex; } #sf-primary .sf-comments-wrapper .sf-comment-row .sf-comment-footer { margin-top: 12px; gap: 12px; display: flex; align-items: center; } #sf-primary .sf-comments-wrapper .sf-subcomment-main { display: flex; align-items: flex-start; border-top: 1px solid gainsboro; padding-top: 20px; } #sf-primary .sf-comments-wrapper .sf-subcomment-main .sf-subcomment-icon { width: 48px; height: 48px; color: #969696; display: flex; margin-right: 16px; align-items: center; justify-content: center; } #sf-primary .sf-comments-wrapper .sf-subcomment-main .sf-other-comments { flex: 1; display: grid; gap: 20px; } #sf-primary .sf-comments-wrapper h5 { color: #141921; font-weight: 600; font-size: 16px; line-height: 20px; } #sf-primary .sf-comment-created-at { font-size: 12px; line-height: 16px; letter-spacing: 0.04em; text-transform: uppercase; color: #969696; } #sf-primary .sf-comments-wrapper button.sf-comment-btn.sf-comment-btn-outline { appearance: none; background: transparent; outline: 0; border: 0; margin: 0; padding: 0; font: inherit; cursor: pointer; user-select: none; transition: 0.2s ease; box-shadow: none; font-size: 14px; border: none; border-radius: 0; min-width: 40px; display: block; color: var(--sf-bg-color); font-weight: 600; letter-spacing: 0.6px; line-height: 1; padding-bottom: 4px; } #sf-primary .sf-comment-btn { display: flex; flex-direction: row; align-items: center; color: #1c1c1c; padding: 7px 13px; font-size: 16px; background: transparent; gap: 6px; border-radius: 8px; } #sf-primary .sf-comment-btn i { font-size: 16px; color: #969696; } #sf-primary .sf-comment-btn-outline { background: transparent; border: 1px solid #e8e8e8; } #sf-primary .sf-comment-btn:hover { border-color: #969696; } #sf-primary .sf-comments-wrapper button.sf-comment-btn.sf-comment-btn-outline i { color: var(--sf-bg-color); } #sf-primary button.sf-liked { color: #0571ed; } #sf-primary button.sf-liked i{ animation: anim 0.5s ease-in-out; -webkit-animation: anim 0.5s ease-in-out; } #sf-primary button.sf-like {font-size: 15px; cursor: pointer; font-weight: 600; color: #8a8a8a; background: transparent; padding: 0; outline: none; box-shadow: none; border: none; display: flex; align-items: center; gap: 5px; } #sf-primary .sf-like i { font-size: 16px; } #sf-primary button.sf-like.sf-liked .sf-show-if-empty { display: none; } #sf-primary .sf-show-if-liked { display: none; } #sf-primary .sf-liked .sf-show-if-liked { display: block; color: #ff4242; } #sf-primary .sf-comment-content-wrapper { margin-bottom: 10px; margin-top: 15px; } #sf-primary .sf-comment-action-wrapper { display: flex; gap: 10px; position: absolute; right: 0; top: 0; } #sf-primary .sf-comment-action-wrapper .sf-dropdown-item { justify-content: flex-start; gap: 10px; } #sf-primary .sf-comment-action-wrapper .sf-dropdown-menu { min-width: 150px; } #sf-primary .sf-comment-action-wrapper a.sf-delete-comment.sf-dropdown-item { color: red; } #sf-primary .sf-comment-action-wrapper a.sf-edit-btn.sf-dropdown-item { color: #0e4a65; } /* Comment Layout V2*/ #sf-primary .sf-comments-wrapper .sf-subcomment-main { background: #f4f6fa; padding: 0 15px; } #sf-primary .sf-comments-wrapper .sf-comment-row { padding: 0!important; gap: 0 20px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.05), 0 1px 3px 0 rgba(0,0,0,0.15); overflow: hidden; } #sf-primary .sf-comments-wrapper .sf-comment-row:hover { box-shadow: 0 0 1px 0 rgba(0,0,0,0.05),0 1px 20px 0 rgba(0,0,0,0.15); } #sf-primary .sf-comments-wrapper .sf-comment-row .sf-comment-content { padding: 15px; } #sf-primary .sf-comment-action-wrapper{ right: 10px; top: 10px; } #sf-primary .sf-page-title h1.sf-entry-title { color: #141921; font-size: 22px; font-weight: 800; line-height: 30px; } #sf-primary p.readmore-excerpt, #sf-primary .readmore-full{ color: #19283a; font-size: 16px; font-weight: 500; line-height: 20px; line-height: var(--sf-line-height); } #sf-primary .sf-post-banner-simple { background: #fff; padding: 10px 20px; background: #fff; border-bottom: 1px solid #abb0b9; border-radius: 0; position: relative; z-index: 10; } #sf-primary .sf-post-banner-simple .sf-page-title { margin-bottom: 0; } #sf-primary .sf-post-banner-simple .sf-grid-card-icon-content{ margin-bottom: 10px; } #sf-primary .sf-extended-list-view .sf-forum-white-box, .single-sftopic #sf-primary .sf-post-loop { max-width: var(--sf_middle_section_width); margin-left: auto; margin-right: auto; } .post-type-archive #sf-primary .sf-extended-list-view .sf-forum-white-box { max-width: 100%; } /*One Forum Layout*/ #sf-primary .sf-single-box-title { font-size: 22px; font-weight: 700; margin-bottom: 8px; } #sf-primary .sf-single-box-content-container { padding: 20px 20px; margin: 8px auto; border-width: 1px; border-style: solid; border-radius: 8px; background: #fff; border-color: #c6cbd3; } #sf-primary .sf-single-box-description p { margin-bottom: 10px; font-size: 16px; line-height: 24px; color: #19283a; } #sf-primary .sf-single-box-content-container img.sf-member-explore-image { border-radius: 8px; width: 100%; } #sf-primary .sf-single-box-content-container .wp-video { border-radius: 8px; overflow: hidden; width: 100%!important; } #sf-primary .sf-single-box-content-container .wp-video .wp-video-shortcode { width: 100% !important; } #sf-primary .sf-member-single-box-view { margin-bottom: 30px; } #sf-primary .sf-single-box-description iframe { max-width: 100%; border-radius: 8px; } #sf-primary .sf-single-box-description *:last-child { margin-bottom: 0; } /*body.single-smartforum #sf-primary .sf-add-topic-btn-wrapper .sf-btn.sf-btn-topic { display: none; }*/ /*Like Popup*/ #sf-primary .sf-person-liked-popup ul.sf-user-lists { padding: 0; list-style: none; } #sf-primary .sf-person-liked-popup ul.sf-user-lists .sf-user-list-box { display: flex; gap: 10px; align-items: center; } #sf-primary .sf-person-liked-popup .sf-popup-popup-main { width: 400px; } #sf-primary .sf-person-liked-popup .sf-popup-popup-main .sf-user-card-img img { width: 50px; height: 50px; object-fit: cover; border-radius: 5px; } #sf-primary .sf-person-liked-popup .sf-popup-popup-main .sf-user-card-img { width: 50px; } #sf-primary .sf-person-liked-popup .sf-popup-popup-main .sf-user-card-img figure { margin: 0; } #sf-primary .sf-person-liked-popup .sf-popup-popup-main .sf-popup-outline-popup { padding: 10px 20px 20px; } #sf-primary .sf-person-liked-popup .sf-user-card-info-box > a { font-weight: 600; } #sf-primary .sf-person-liked-popup .sf-popup-popup-main .sf-popup-outline-popup li { border-bottom: 1px solid gainsboro; padding-bottom: 10px; margin-bottom: 10px; } #sf-primary .sf-person-liked-popup .sf-popup-popup-main .sf-popup-close-icon .sf-btn-icon { padding: 0; margin: 0; outline: none; box-shadow: none; background: transparent; color: #747474; font-size: 18px; line-height: 1; border: none; } #sf-primary .sf-person-liked-popup .sf-popup-main-title { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid gainsboro; padding-bottom: 10px; margin-bottom: 20px; } #sf-primary .sf-person-liked-popup .sf-popup-popup-main .sf-popup-outline-popup li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } #sf-primary .sf-person-liked-popup ul.sf-user-lists { overflow-y: auto; max-height: 250px; } #sf-primary .sf-person-group-user-popup ul.sf-user-lists { padding: 0; list-style: none; } #sf-primary .sf-person-group-user-popup ul.sf-user-lists .sf-user-list-box { display: flex; gap: 10px; align-items: center; } #sf-primary .sf-person-group-user-popup .sf-popup-popup-main { width: 400px; } #sf-primary .sf-person-group-user-popup .sf-popup-popup-main .sf-user-card-img img { width: 50px; height: 50px; object-fit: cover; border-radius: 5px; } #sf-primary .sf-person-group-user-popup .sf-popup-popup-main .sf-user-card-img { width: 50px; } #sf-primary .sf-person-group-user-popup .sf-popup-popup-main .sf-user-card-img figure { margin: 0; } #sf-primary .sf-person-group-user-popup .sf-popup-popup-main .sf-popup-outline-popup { padding: 10px 20px 20px; } #sf-primary .sf-person-group-user-popup .sf-user-card-info-box > a { font-weight: 600; } #sf-primary .sf-person-group-user-popup .sf-popup-popup-main .sf-popup-outline-popup li { border-bottom: 1px solid gainsboro; padding-bottom: 10px; margin-bottom: 10px; } #sf-primary .sf-person-group-user-popup .sf-popup-popup-main .sf-popup-close-icon .sf-btn-icon { padding: 0; margin: 0; outline: none; box-shadow: none; background: transparent; color: #747474; font-size: 18px; line-height: 1; border: none; } #sf-primary .sf-person-group-user-popup .sf-popup-main-title { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid gainsboro; padding-bottom: 10px; margin-bottom: 20px; } #sf-primary .sf-person-group-user-popup .sf-popup-popup-main .sf-popup-outline-popup li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } #sf-primary .sf-person-group-user-popup ul.sf-user-lists { overflow-y: auto; max-height: 250px; } #sf-primary .sf-forum-white-box.sf-forum-main-width { max-width: 950px; width: 100%; } .sf-post-content-single-forum-page { padding: 20px 30px; background: #fff; border-radius: 10px; } #sf-primary .sf-forum-white-box iframe { max-width: 100%; } #sf-primary .sf-action-btn-with-name { position: relative; } #sf-primary .sf-action-btn-with-name .sf-right-side-box.sf-dropdown { top: 0; } #sf-primary .sf-user-card-info-box > a { white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } /*Sidebar v2*/ /*#sf-primary .sf-poster-content-right.sf-widget-minimized .widget-overlay .widget-icon { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 9999999; cursor: pointer; } #sf-primary .sf-poster-content-right.sf-widget-minimized .widget-icon { background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } #sf-primary .sf-poster-content-right.sf-widget-minimized .widget-content { display: none; position: relative; z-index: 999999; } #sf-primary .sf-poster-content-right.sf-widget-minimized .widget-content.open { display: block; } #sf-primary .sf-poster-content-right.sf-widget-minimized { width: 100%; position: fixed; top: 0; bottom: 0; width: 430px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 9998; overflow-y: auto; z-index: 9999999; right: 70px; padding: 15px; max-height: 600px; margin-top: auto; margin-bottom: auto; border-radius: 10px; height: max-content; } #sf-primary .sf-poster-content-right.sf-widget-minimized .widget-content.open:before { content: ""; position: fixed; right: 0; left: 0; bottom: 0; z-index: 0; background: rgb(0 0 0 / 10%); height: 100%; width: 100%; } */ #sf-primary .sf-widget-icon { position: fixed; right: 0; top: 50%; transform: translateY(calc(-50% + 50px)); z-index: 9999999; cursor: pointer; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-radius: 5px 0 0 5px; width: 40px; height: 70px; display: flex; align-items: center; justify-content: center; } body:not(.sf-open-widget) #sf-primary .minimized-sidebar-activated .sf-poster-content-right { display: none; } body:not(.sf-open-widget) #sf-primary .minimized-sidebar-activated .sf-poster-content-left {max-width: 100%; } /*New topic page*/ #sf-primary .sf-comments-wrapper .sf-subcomment-main .sf-subcomment-icon { display: none; } #sf-primary .sf-comment-created-at { font-size: 12px; font-weight: 500; } #sf-primary .sf-comments-wrapper .sf-subcomment-main h5 { font-size: 14px; line-height: 1; } #sf-primary .sf-comments-wrapper .sf-subcomment-main .sf-comment-created-at { font-size: 11px; } #sf-primary .sf-comment-content-wrapper { font-size: 14px; font-weight: 400; max-width: 100%; line-height: var(--sf-line-height);; color: #141921; } #sf-primary .sf-widget-icon{ display: none; } #sf-primary .minimized-sidebar-activated .sf-widget-icon{ display: flex; } /*.post-type-archive-smartforum #sf-primary .minimized-sidebar-activated .sf-widget-icon { display: none; } */ #sf-primary .sf-community-lounge-main-wrapper.minimized-sidebar-activated .sf-widget-icon { display: none; } #sf-primary .sf-community-lounge-main-wrapper .sf-poster-content-right { display: none; } #sf-primary .smartforum-action-buttons-wrap { display: flex; justify-content: flex-end; margin: 10px; gap: 10px; } #sf-primary .sf--action { text-decoration: none; color: #333; padding: 7px 20px; border: 1px solid #ccc; border-radius: 5px; display: flex; line-height: 1; align-items: center; font-size: 14px; font-weight: 600; } #sf-primary .sf--action:hover { background-color: #f0f0f0; } #sf-primary .smartforum-unsolved { background-color: #fff; } #sf-primary .smartforum-open { background-color: #dff0d8; } #sf-primary .smartforum-public { background-color: #d9edf7; } #sf-primary .sf-sx { margin-right: 5px; } #solvedtext, #closetext, #privatetext { margin-left: 5px; } #sf-primary .sf-comment-btn.sf-comment-btn-outline { background-color: #ece9e9; color: #000000; border-color: #ece9e9; border-radius: 5px; font-size: 14px; font-weight: 500; letter-spacing: 0.5px; } #sf-primary .sf-comment-btn.sf-comment-btn-outline i { font-size: 14px; color: #7c7c7c; } #sf-primary .sf-delete-comment.sf-comment-btn.sf-comment-btn-outline { background-color: #ffeded; color: #ef2b2b; border-color: #ffeded; } #sf-primary .sf-delete-comment.sf-comment-btn.sf-comment-btn-outline i { color: #ef2b2b; } @keyframes anim { 100% { transform: rotate(-15deg) scale(1.3); -webkit-transform: rotate(-15deg) scale(1.3); -moz-transform: rotate(-15deg) scale(1.3); -ms-transform: rotate(-15deg) scale(1.3); -o-transform: rotate(-15deg) scale(1.3); filter: blur(0.5px); -webkit-filter: blur(0.5px); } } /*Alert Box*/ #sf-primary .error-container { text-align: center; padding: 30px; border-radius: 8px; background-color: var(--sf-error-message-background-color); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.05); } #sf-primary .error-container p, #sf-primary .error-container li{ color: var(--sf-error-message-text-color); margin-bottom: 15px; font-size: 16px; line-height: var(--sf-line-height); font-weight: 400; } #sf-primary .error-container li{ margin-bottom: 5px; } #sf-primary .icon-box i { font-size: 48px; color: var(--sf-error-message-text-color, #333); margin-bottom: 20px; } #sf-primary .message-box { font-size: 18px; font-weight: bold; color: var(--sf-error-message-text-color, #333); } #sf-primary .message-box a{ color: var(--sf-link-text-color); text-decoration: underline; } #sf-primary .error-container { max-width: 900px; margin-left: auto; margin-right: auto; min-width: 500px; margin-top: 20px; margin-bottom: 20px; } #sf-primary .sf-error-wrapper, #sf-primary .sf-v-center { position: relative; height: 100%; display: flex; align-content: center; align-items: center; align-items: safe center;} #sf-primary .sf-error-wrapper { align-items: safe center; height: 100%; overflow-y: auto; } #sf-primary .error-container h2 { margin-bottom: 15px; margin-top: 20px; font-size: 22px; } #sf-primary .error-container .message-box img { width: auto; } #sf-primary .error-container .message-box ol { list-style: auto; margin-left: 20px; margin-bottom: 10px;} #sf-primary .error-container .message-box ul { list-style: disc; margin-bottom: 10px; } /* Add Comment Box*/ #sf-primary .sf-header-input-area > input {padding: 10px;width: 100%;font-size: 16px;border-radius: 5px;border: 2px solid gainsboro;border-color: transparent;} #sf-primary .sf-message-box-main .sf-poup-message-heading .sf-tb .sf-header-input-area { width: 100%; position: relative; } #sf-primary .sf-message-box-main .sf-poup-message-heading .sf-tb { display: flex; align-items: center; padding-right: 10px; gap: 8px!important; margin-bottom: 0; } #sf-primary .sf-message-box-main .sf-poup-message-heading .sf-p-c-i img { width: 35px; height: 35px; border: none; border-radius: 100%; object-fit: cover; background: #f9f9f9; } #sf-primary .sf-message-box-main .sf-poup-message-heading .sf-p-c-i { width: 40px; border: none; outline: none; } #sf-primary .sf-message-box-main .sf-poup-message-heading { align-items: center; } #sf-primary .sf-message-box-main .sf-poup-message-heading a.sf-model-close-button { color: gray; } #sf-primary .sf-header-input-area > input, #sf-primary .sf-header-input-area > input:focus, #sf-primary .sf-header-input-area > input:hover{ border-color: #ffe2d7 !important; outline: none; } #sf-primary .sf-lr-form .sf-header-input-area .sf-field-error { margin: 0; padding: 5px; right: 0; font-size: 12px; position: absolute; top: 0; } #sf-primary .sf-td.sf-content-area #sf-post-content { position: absolute; bottom: 10px; margin: 0; padding: 5px; right: 0; font-size: 12px; } #sf-primary .sf-td.sf-content-area { position: relative; } #sf-primary #sf-new-topic-modal.sf-editor-popup .sf-message-box-main .sf-td.sf-content-area { display: flex; flex-direction: column; padding: 10px; width: 100%; font-size: 16px; border-radius: 5px; border: 2px solid #d6d6d6; min-height: 200px; } #sf-primary .sf-topic-title { width: 100%; } #sf-primary .sf-topic-title input { padding: 10px; width: 100%; font-size: 16px; border-radius: 5px; border: 2px solid #ffe2d7; } #sf-primary .sf-topic-title { margin-top: 0px; margin-bottom: 20px; position: relative;} /* Feed CSS */ #sf-primary .sf-main-feed*, #sf-primary .sf-main-feed *::before, #sf-primary .sf-main-feed *::after { box-sizing: border-box; } #sf-primary .actions-buttons-list button { font-family: inherit; font-size: inherit; background-color: transparent; color: inherit; border-width: 0; padding: 0; margin: 0; cursor: pointer; text-align: inherit; } #sf-primary .sf-main-feed a { text-decoration: none; color: inherit; cursor: pointer; font-size: 16px; } #sf-primary .sf-main-feed a:hover{ text-decoration: none; } #sf-primary .sf-main-feed img { display: block; max-width: 100%; } #sf-primary .sf-main-feed ul { list-style: none; padding: 0; margin: 0; } #sf-primary .sf-main-feed ul.main-feed-list { margin-top: 20px; } #sf-primary .user-and-group > span { font-size: 15px; color: #2a2a2a; font-weight: 400;line-height:1.3; } #sf-primary .user-and-group > span:before { content: ''; } #sf-primary .user-and-group > span > a { font-weight: 600; } #sf-primary .sf-main-feed a.sf-nested-comment-reply { font-size: 13px; } #sf-primary .sf-comment-main-start > .sf-comment-list-wrapper > .sf-comment-row:first-child { padding-bottom: 10px; padding-top: 10px; margin-top: 0; } #sf-primary .sf-main-feed a.sfbp-secondary-action { font-size: 14px; } :root { --main-color:#1877f2; --text-color:#050505; --full-color:255 255 255; --empty-color:0 0 0; --abalance1:rgba(var(--full-color) / 1); --abalance80:rgba(var(--full-color) / 0.80); --balance1:rgb(var(--empty-color) / 0.05); --balance2:rgb(var(--empty-color) / 0.10); --balance3:rgb(var(--empty-color) / 0.15); --balance4:rgb(var(--empty-color) / 0.20); --balance8:rgb(var(--empty-color) / 0.60); --balance10:rgb(var(--empty-color) / 0.80); --balance-full:#f0f2f5; --height-header:40px; --size1:4px; --size2:calc(var(--size1) * 2); --size3:calc(var(--size1) * 3); --size4:calc(var(--size1) * 4); } #sf-primary .sf-main-feed .u-flex { display: flex !important; } #sf-primary .sf-main-feed .summary { align-items: center; justify-content: space-between; margin-top: 10px; } #sf-primary .sf-main-feed .activity-state-reactions { font-size: 14px; line-height: 1; display: flex; gap: 5px; align-items: center; font-weight: 400; } #sf-primary .sf-main-feed .icon-arrow-block-end { width: 0; height: 0; border: solid 0 transparent; border-width: 5px 7px; border-inline-start-color: var(--balance10); margin: auto 0; } #sf-primary .sf-main-feed .icon-privacy { filter: grayscale(1) opacity(0.8); } #sf-primary .sf-main-feed .icon-menu { text-align: center; } #sf-primary .sf-main-feed .icon-menu::before { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 50%; background-color: var(--balance10); box-shadow: -6px 0px var(--balance10), 6px 0px var(--balance10); } #sf-primary .sf-main-feed .total-comments.u-margin-inline-start a { font-size: 13px; } #sf-primary .sf-main-feed ::-webkit-scrollbar { width: 6px !important; height: 6px !important; } #sf-primary .sf-main-feed ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0); } #sf-primary .sf-main-feed :hover::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); } #sf-primary .sf-main-feed ::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0); } #sf-primary .sf-post-status-icon {display: inline-block;margin-left: 5px;} #sf-primary .sf-post-status-icon i { font-size: 14px; color: gray;} #sf-primary .sf-main-feed .time-and-privacy .sf-post-status-icon::before { content: none!important;} #sf-primary .sf-main-feed { grid-area: main; max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 0; padding-left: 15px; padding-right: 15px; } #sf-primary .sf-main-feed { grid-area: main; max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 0; padding-left: 0; padding-right: 0; max-width: 100%;} #sf-primary .sf-error-feed { grid-area: main; max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 0; padding-left: 15px; padding-right: 15px; height: 100%; } #sf-primary main.sf-main-feed .sf-page-title { margin-bottom: 0; } #sf-primary .sf-login-register-template-style .sf-lr-form .sf-lr-checkbox-radio label p { font-size: 15px; flex: 1; } #sf-primary .sf-poster-content-row.sf-show-column.sf-poster-content-row.sf-show-column.sf-user-is-not-logged-in { display: flex; flex-direction: column; align-items: center; justify-content: safe center; gap: 0; margin: 0; } #sf-primary .sf-poster-content-row.sf-show-column.sf-poster-content-row.sf-show-column.sf-user-is-not-logged-in .sf-poster-content-right.sf-post-content-box-widget { display: none; } #sf-primary .sf-poster-content-row.sf-show-column{ padding-left: 20px; padding-right: 20px; } #sf-primary .sf-sticky-main-wrapper.sf-set-fixed-bottom.sf-poster-content-row.sf-show-column.sf-poster-content-row.sf-show-column.sf-user-is-not-logged-in { align-items: center !important; } #sf-primary .sf-custom-page-start .sf-post-banner.sf-banner-static .sf-poster-content { background: transparent; padding: 0; } #sf-primary .sqb_member_engagement-inner.sqb_member_engagement_full_width_temp .sqb_member_engagement-left { /*padding: 0; margin: 0; background: #fff;*/ padding: 30px; margin-left: auto; margin-right: auto; } #sf-primary .sqb_m_engagement-card.sqb_m_engagement-inner-item { padding-top: 30px; padding-bottom: 0; } #sf-primary .sqb_m_engagement-card.sqb_m_engagement-inner-item:first-child { padding-top: 0; } #sf-primary .sf-post-content-full-content h3.sqb_m_engagement-card-title { margin: 0 0 15px 0; } #sf-primary .sqb-quiz-listing { margin-left: -15px; margin-right: -15px; gap: 25px 0; } /*#sf-primary .sqb-quiz-listing-inner-wrapper { margin-bottom: 0; height: calc(100%); }*/ @media (max-width:1366px) { #sf-primary .quiz-per-row-3 .sqb-quiz-listing-single { width: 50%; } #sf-primary .sf-poster-content-left.sf-list-view { max-width: var(--sf-category-list-width); width: calc(100% - var(--sf_widget_area_width)); } #sf-primary .sf-poster-content-left.sf-grid-view { max-width: var(--sf-category-grid-width); width: calc(100% - var(--sf_widget_area_width)); } } @media (max-width:767px) { #sf-primary .quiz-per-row-3 .sqb-quiz-listing-single { width: 100%; } } @media (max-width:700px) { #sf-primary .sf-main-feed { margin-bottom: 40px; } } #sf-primary .sf-main-feed .icon-button-2 { width: 36px; height: 36px; border-radius: 50%; text-align: center; } #sf-primary .sf-main-feed .icon-button-2 .icon-menu::before { vertical-align: 3px; } #sf-primary .sf-main-feed .icon-button-2:hover, #sf-primary .sf-main-feed .icon-button-2:focus { background-color: var(--balance1); } #sf-primary .sf-main-feed .user-image { border-radius: 50%; margin-inline-end: var(--size2); width: 50px; height: 50px; object-fit: cover; } #sf-primary .sf-main-feed .common-post { padding: var(--size3) var(--size4); padding-block-end: var(--size1); margin-block-end: 30px; background-color: var(--abalance1); border-radius: var(--sf-activity-box-radius); box-shadow: 0 1px 2px var(--balance4); } #sf-primary .sf-main-feed .common-post-header { margin-bottom: var(--size2); } #sf-primary .sf-main-feed .user-and-group { font-weight: bold; line-height: 1; } #sf-primary .sf-main-feed .user-and-group .icon-arrow-block-end { margin-inline-start: var(--size2); } #sf-primary .sf-main-feed .time-and-privacy { font-size: 15px; } #sf-primary .sf-main-feed .time-and-privacy > *:not(:first-child)::before { content: ""; vertical-align: bottom; display: inline-block; width: 2px; height: 2px; background-color: var(--balance10); margin: var(--size2); } #sf-primary .sf-main-feed .total-comments a:hover, #sf-primary .sf-main-feed .total-comments a:focus { text-decoration: underline; } #sf-primary .sf-main-feed .reactions_item i { font-size: 14px; } #sf-primary .reactions_item svg { width: 20px; } #sf-primary .activity-reactions_count { color: #565d62; } #sf-primary .sf-main-feed .reactions { letter-spacing: -2px; } #sf-primary .sf-main-feed .common-content b { font-weight: bold; } #sf-primary .sf-main-feed .common-content, #sf-primary .sf-main-feed .common-content p { margin-bottom: var(--size1); font-size: 17px; line-height: var(--sf-line-height); } #sf-primary .sf-main-feed .common-content a, #sf-primary .sf-main-feed a.replaced { color: var(--main-color); } #sf-primary .sf-main-feed .common-content a:hover, #sf-primary .sf-main-feed .common-content a:focus { text-decoration: none; } /*#sf-primary .sf-main-feed .common-content img:not(.embed-content-image) { display: block; width: calc(100% + 32px); margin: 16px -16px; max-width: none; } */ #sf-primary .sf-main-feed .embed-content { display: block; background-color: var(--balance1); margin: 16px -16px; } #sf-primary .sf-main-feed .embed-content-text { padding: var(--size3) var(--size4); } #sf-primary .sf-main-feed .embed-content-info { text-transform: uppercase; color: var(--balance8); font-size: 15px; margin-bottom: var(--size1); } #sf-primary .sf-main-feed .embed-content-title { font-weight: bold; font-size: 18px; } #sf-primary .sf-main-feed .embed-content-paragraph { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; color: var(--balance8); } #sf-primary .sf-main-feed .embed-content-image { width: 100%; height: 150px; object-fit: cover; } #sf-primary .sf-main-feed .actions-buttons { padding-top: var(--size1); margin-top: var(--size2); border-top: solid 1px var(--balance4); padding: 0; } #sf-primary .sf-main-feed .actions-buttons-item { flex: 1; outline: none; } #sf-primary .sf-main-feed .actions-buttons-button { width: 100%; text-align: center; height: 32px; border-radius: var(--size1); font-size: 15px; } #sf-primary .sf-main-feed .actions-buttons-button:hover, #sf-primary .sf-main-feed .actions-buttons-button:focus { background-color: var(--balance1); } #sf-primary .sf-main-feed .actions-buttons-button .icon { margin-inline-end: var(--size1); filter: grayscale(1); } #sf-primary .sf-page-form-with-heading { display: flex; justify-content: space-between; align-items: center; } #sf-primary h1.sf-entry-title { font-size: 30px; font-weight: 600; color: #202123; } #sf-primary #dir-activity-search { border: 1px solid gainsboro; outline: none; box-shadow: none; padding: 10px; min-height: unset; height: unset; line-height: 1; font-size: 14px; min-width: 240px; border-radius: 5px; } #sf-primary button#dir-activity-search-submit { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); line-height: 1; display: flex; align-items: center; } #sf-primary .sf-actitiy-search-wrapper { position: relative; } #sf-primary button#dir-activity-search-submit i { font-size: 14px; color: gainsboro; line-height: 1; } #sf-primary .sf-main-feed ul.main-feed-list .embed-content-image { height: auto; max-height: 350px; } #sf-primary .image-wrapper { border-radius: 8px; overflow: hidden; width: 100%; height: auto; position: relative; flex-basis: 48%; display: flex; } #sf-primary .image-overlay { position: absolute; z-index: 1; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 16, 34, 0.8) 0%, rgba(240, 244, 253, 0.2) 90%); padding: 0; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; } #sf-primary .sfb-video-info { width: 100%; display: flex ; justify-content: center; position: absolute; height: 100%; /* top: calc(50% - 30px); */ /* left: calc(50% - 30px); */ align-items: center; } #sf-primary .video-info-text { width: calc(100% - 40px); } #sf-primary .video-name, #sf-primary .video-subtext { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #sf-primary .video-info-text p { margin: 0; } #sf-primary .video-name.medium, #sf-primary .video-subtext.medium { font-size: 14px; line-height: 24px; } #sf-primary .video-name, #sf-primary .video-subtext { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #sf-primary .video-subtext { opacity: 0.8; } #sf-primary .video-info-text p { margin: 0; } #sf-primary .video-name.medium, #sf-primary .video-subtext.medium { font-size: 14px; line-height: 24px; } #sf-primary .btn-play { border-radius: 50%; background-color: rgb(255 255 255 / 69%); border: none; box-shadow: 0 2px 6px 0 rgba(136, 148, 171, 0.2), 0 24px 20px -24px rgba(71, 82, 107, 0.1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%2322244a' stroke='%2322244a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-play'%3E%3Cpolygon points='5 3 19 12 5 21 5 3'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; width: 60px; height: 60px; flex-shrink: 0; } #sf-primary .image-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: 0.2s ease-in; } #sf-primary .video-time{ display: none;} #sf-primary .section-part.sf-one-layout { margin-bottom: 10px; margin-top: 10px; } #sf-primary .sf-main-feed button.actions-buttons-button.sf-activity-like { text-align: left; } #sf-primary .sf-main-feed .actions-buttons-button.sf-add-activity-comment { text-align: right; display: flex; justify-content: flex-end; } #sf-primary .sf-main-feed .actions-buttons-button { height: unset; display: flex; align-items: center; justify-content: flex-start; } #sf-primary .sf-main-feed .actions-buttons-button:hover, #sf-primary .sf-main-feed .actions-buttons-button:focus { background: transparent!important; } #sf-primary .sf-main-feed .actions-buttons { padding-top: var(--size1); margin-top: var(--size2); border-top: none; padding: 0; background: #ffffff; margin-left: -15px; margin-right: -15px; padding: 10px 20px 13px; overflow: hidden; border-radius: 0 0 5px 5px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } /*SF Gallery Image*/ #sf-primary .sf-photos-grid-container { display: flex; align-items: start; flex-direction: row; flex-wrap: wrap; } #sf-primary .sf-photos-grid-container .sf-gallery-img-box { position: relative; } #sf-primary .sf-photos-grid-container .sf-gallery-img-box:hover .sf-gallery-transparent-box { background-color: rgba(0, 0, 0, 0.6); } #sf-primary .sf-photos-grid-container .sf-gallery-img-box:hover .sf-gallery-caption { transform: translateY(-5px); } #sf-primary .sf-photos-grid-container img { max-width: 100%; display: block; height: auto; } #sf-primary .sf-photos-grid-container .sf-gallery-caption { color: white; transition: transform 0.3s ease, opacity 0.3s ease; font-size: 1.5rem; } #sf-primary .sf-photos-grid-container .sf-gallery-transparent-box { height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; transition: background-color 0.3s ease; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; } #sf-primary .sf-photos-grid-container .sf-gallery-main-photo { grid-row: 1; grid-column: 1; } #sf-primary .sf-photos-grid-container .sf-gallery-sub-img { display: flex; flex-direction: row; flex-wrap: wrap; } #sf-primary .sf-gallery-hide-element { border: 0; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #sf-primary .sf-gallery-sub-img .sf-gallery-img-box { width: 50%; } #sf-primary .sf-post-count-4 .sf-gallery-sub-img .sf-gallery-img-box:first-child, #sf-primary .sf-post-count-3 .sf-gallery-sub-img .sf-gallery-img-box { width: 100%; } #sf-primary .sf-gallery-main-photo.sf-gallery-img-box { width: 50%; } #sf-primary .sf-gallery-other-img { width: 50%; } #sf-primary .sf-gallery-img-box img { object-fit: cover; height: 300px; border-radius: 5px; overflow: hidden; width: 100%; border: 1px solid #ffffff; max-width: max-content; } #sf-primary .sf-post-count-1 .sf-gallery-img-box img { height: auto; } #sf-primary .sf-gallery-sub-img .sf-gallery-img-box img { height: 150px; } #sf-primary .sf-post-count-2 .sf-gallery-sub-img .sf-gallery-img-box { width: 100%; } #sf-primary .sf-post-count-2 .sf-gallery-sub-img .sf-gallery-img-box img { height: 300px; } #sf-primary .sf-post-count-1 .sf-gallery-main-photo{ width: 100%; } #sf-primary .glightbox-clean .gclose { padding: 5px; background: transparent; color: #fff; } #sf-primary .sf-video-gallery .sf-gallery-img-box:after { content: '\f144'; font-family: "Font Awesome 5 Free"; position: absolute; top: 50%; left: 50%; color: #dedede; font-size: 60px; transform: translate(-50%, -50%); } .sf-forum-list-post-content-main { max-width: 100%; margin-left: auto; margin-right: auto; } #sf-primary .sf-img-video-player > a { display: block; position: relative; text-decoration: none; } #sf-primary .sf-video-gallery-preview .sf-img-video-player > a:before { content: '\f144'; font-family: "Font Awesome 5 Free"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 30px; } #sf-primary .sf-rounded-circle { width: 100px; height: 100px; object-fit: cover; border-radius: 90px; margin-left: auto; margin-right: auto; } #sf-primary .sf-avatar { text-align: center; } #sf-primary .sf-card-title a { text-decoration: none; display: block; text-align: center; font-size: 14px; font-weight: 400;} #sf-primary .sf-mt-10 { margin-top: 10px; } #sf-primary .sf-one-line-text { display: block; width: 100%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } #sf-primary .sf-user-list-wrapper .sf-card-footer { border: none; text-align: center; } #sf-primary .sf-user-list-wrapper .sf-card-footer button.sf-btn { text-align: center; display: block; margin: 0 auto; } #sf-primary ul.sf-show-results-wrapper { display: flex; list-style: outside none none; margin-bottom: 0; padding: 0; width: 100%; flex-direction: row; flex-wrap: wrap; gap: 20px; margin-top: 20px!important; margin-left: auto; margin-right: auto; } #sf-primary ul.sf-show-results-wrapper li { display: flex; margin-bottom: 0; position: relative; width: calc(20% - 16px); justify-content: space-between; align-items: center; background: #fff; padding: 10px; border-radius: 8px; } #sf-primary .sf-show-results-wrapper > li figure { display: flex; margin-bottom: 0; vertical-align: middle; width: calc(100% - 150px); align-items: center; gap: 10px; } #sf-primary .sf-show-results-wrapper > li figure img { border-radius: 5px; margin-right: 0; width: 50px; background: #efefef; height: 50px;} #sf-primary .sf-show-results-wrapper > li figure a { font-size: 16px; font-weight: 400; text-decoration: none; } #sf-primary .sf-show-results-wrapper > li button i { font-size: 13px; } /*#sf-primary .sf-show-results-wrapper > li button.sug-like.sf-unfollow-btn { background: var(--sf-bg-color); color: var(--sf-text-color); }*/ #sf-primary .sf-show-results-wrapper > li figure > a { width: calc(100% - 60px); white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; text-transform: capitalize; } #sf-primary .sf-user-list-wrapper .sf-show-results-wrapper > li .sf-user-card-img figure > a { width: 100%; } #sf-primary button.sf-unfollow-btn i.fas, #sf-primary button.sf-follow-btn-text i.fas{ margin-right: 5px; display: none; } html body #sf-primary .sf-gallery-main-photo img { max-height: var(--sf-max-image-height, 500px); width: auto; } #sf-primary .sf-user-card-box { width: 100%; display: flex; gap: 0; flex-direction: column; align-items: center; } #sf-primary .sf-user-card-img { width: 100%; } #sf-primary .sf-show-results-wrapper > li .sf-user-card-img figure { width: 100%; margin: 0;} #sf-primary .sf-show-results-wrapper > li .sf-user-card-img figure img { width: 100%; height: 150px; object-fit: cover; border-radius: 5px 5px 0 0; } #sf-primary .sf-show-results-wrapper > li .sf-user-card-img figure img { object-fit: cover; border-radius: 110px; width: 100px; height: 100px; margin-top: 20px; margin-left: auto; margin-right: auto; display: block; margin-bottom: 10px; } #sf-primary .sf-user-card-box .sf-user-card-info-box {padding: 10px;width: 100%;text-align: center;} #sf-primary .sf-show-results-wrapper > li .sf-user-card-box button { width: 100%; text-align: center; justify-content: center; margin-top: 9px; cursor: pointer; } #sf-primary ul.sf-show-results-wrapper li { padding: 0; overflow: hidden; box-shadow: 0 2px 4px 1px rgb(77 77 77 / 1%), 0 6px 12px 0 rgba(18,43,70,.02); } #sf-primary .sf-user-card-info-box > a { font-size: 15px; line-height: 1; display: block; font-weight: 500; } /*Activity Comments*/ #sf-primary .sf-comment-writing { background: #ffffff; border: 1px solid #e8e8e8; border-radius: 8px; margin-bottom: 15px; padding: 12px; margin-top: 10px; } #sf-primary .sf-comment-writing .sf-comment-textarea { width: 100%; color: #585757; height: 50px; overflow-y: auto; appearance: none; border: 0; outline: 0; resize: none; font-size: 16px; line-height: 24px; } #sf-primary .sf-comment-writing:focus-within { border: 1px solid #0085ff; box-shadow: 0px 0px 2px 2px rgba(0, 133, 255, 0.15); } #sf-primary .sf-comment-writing .sf-comment-footer { margin-top: 12px; padding-top: 12px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e8e8e8; } #sf-primary .sf-comment-writing .sf-comment-footer .sf-comment-text-format { display: flex; align-items: center; gap: 17px; } #sf-primary .sf-comment-row { display: grid; gap: 0; } #sf-primary .sf-comment-row .sf-comment-user-banner { display: flex; justify-content: space-between; align-items: center; } #sf-primary .sf-comment-row .sf-comment-user-banner .sf-comment-user { gap: 8px; align-items: center; display: flex; } #sf-primary .sf-comment-row .sf-comment-user-banner .sf-comment-user .sf-comment-user-avatar { height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid transparent; position: relative; border-radius: 100px; font-weight: 500; font-size: 13px; line-height: 20px; } #sf-primary .sf-comment-row .sf-comment-user-banner .sf-comment-user .sf-comment-user-avatar img { max-width: 100%; border-radius: 50%; height: 32px; width: 32px; object-fit: cover; } #sf-primary .sf-comment-row .sf-comment-user-banner .sf-comment-user .sf-comment-user-avatar .sf-comment-stat { display: flex; position: absolute; right: -2px; bottom: -2px; display: block; width: 12px; height: 12px; z-index: 9; border: 2px solid #ffffff; border-radius: 100px; } #sf-primary .sf-comment-row .sf-comment-user-banner .sf-comment-user .sf-comment-user-avatar .sf-comment-stat.green { background: #00ba34; } #sf-primary .sf-comment-row .sf-comment-user-banner .sf-comment-user .sf-comment-user-avatar .sf-comment-stat.sf-comment-grey { background: #969696; } #sf-primary .sf-comment-row .sf-comment-footer { gap: 12px; display: flex; align-items: center; } #sf-primary .sf-comment-row .sf-comment-footer .reactions { display: flex; align-items: center; gap: 8px; } #sf-primary .sf-comment-row .sf-comment-footer .sf-comment-divider { height: 12px; width: 1px; background: #e8e8e8; } #sf-primary .sf-comment-row:not(.sf-comment-row:first-child) { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e8e8e8; } #sf-primary .sf-comment-row + .sf-comment-row { padding-top: 12px; } #sf-primary .sf-comment-row.reply .sf-comment-user-banner, #sf-primary .sf-comment-row.reply .sf-comment-content, #sf-primary .sf-comment-row.reply .sf-comment-footer { margin-left: 32px; } #sf-primary .sf-comment-row p { line-height: var(--sf-line-height); font-size: 16px; } #sf-primary .sf-comment-main-start p .atwho-inserted { padding: 2px 8px; background: #e5f3ff; border-radius: 256px; color: #0085ff; } #sf-primary .sf-comment-is-mute { font-weight: 400; font-size: 13px; line-height: 20px; color: #969696; } #sf-primary .sf-comment-list-wrapper a { font-weight: 500; font-size: 13px; line-height: 20px; color: #1c1c1c; text-decoration: none; transition: opacity 0.15s ease-in-out; } #sf-primary .sf-comment-list-wrapper .sf-comment-content a { color: var(--sf-link-text-color); font-weight: inherit; font-size: inherit;} #sf-primary .sf-comment-list-wrapper a:hover { opacity: 0.7; } #sf-primary .sf-comment-list-wrapper h2 { font-weight: 500; font-size: 20px; line-height: 28px; color: #1c1c1c; } #sf-primary .sf-comment-list-wrapper h5, #sf-primary .sf-comment-list-wrapper h5 a { font-size: 16px; font-weight: bold; line-height: 24px; color: #1c1c1c; letter-spacing: 0em; text-align: left; } #sf-primary .sf-comment-group-button { display: flex; gap: 16px; } #sf-primary .sf-comment-text-format button.btn { background: transparent; padding: 0; border: none; box-shadow: none; outline: none; } #sf-primary .sf-comment-text-format button.btn i { color: #969696; font-size: 16px; } #sf-primary button.sf-btn-transparant-text { background: transparent; padding: 0; margin: 0; border: none; outline: none; box-shadow: none; color: #969696; } #sf-primary button.sf-btn-transparant-text i { font-size: 18px; font-weight: 600; } #sf-primary .sf-comment-content { font-size: 16px; margin-top: 5px; margin-bottom: 5px; } /*.sf-comment-list-wrapper { margin-top: 30px; margin-bottom: 15px; } */ #sf-primary .sf-comment-list-wrapper .sf-comment-row {border-bottom: 1px solid gainsboro;padding-bottom: 10px;margin-bottom: 10px; padding-top: 0; } #sf-primary .sf-comment-list-wrapper .sf-comment-row:last-child { border: none; padding-bottom: 10px; margin-bottom: 15px; } #sf-primary .sf-comment-main-start > .sf-comment-list-wrapper { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; background: #fbfbfb; } #sf-primary .sf-comment-main-start .sf-view-more-comment-wrapper { padding-bottom: 10px; display: block; padding-top: 10px; } #sf-primary .sf-comment-list-wrapper a.sf-view-more-comment-btn { font-size: 15px; font-weight: 600; color: #595959; } #sf-primary .sf-comment-main-start .sf-comment-list-wrapper .sf-comment-row { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; } #sf-primary .common-post-content.common-content h1 span, #sf-primary .common-post-content.common-content h2 span, #sf-primary .common-post-content.common-content h3 span, #sf-primary .common-post-content.common-content h4 span, #sf-primary .common-post-content.common-content h5 span, #sf-primary .common-post-content.common-content h6 span{display: inline-block;} /*Badge Point Style*/ #sf-primary .sf-user-points .gamipress-user-points { display: flex; align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 20px; } #sf-primary .sf-user-points .gamipress-points { display: flex; align-items: center; background: #fff; width: max-content; border-radius: 7px; padding: 8px 15px; gap: 20px; border: 2px solid #dadada; } #sf-primary .sf-user-points .gamipress-user-points-image { margin-right: 0; padding: 10px; background: #f6f6f6; border-radius: 5px; width: 35px; height: 35px; display: none; } #sf-primary .sf-user-points .gamipress-points-thumbnail { width: 100%; height: 100%; max-width: 50px; } #sf-primary .sf-user-points .gamipress-user-points-description { display: flex; flex-direction: row; width: 100%; align-items: center; gap: 8px; } #sf-primary .sf-user-points .gamipress-user-points-amount { font-size: 1.2em; font-weight: bold; line-height: 1; } #sf-primary .sf-user-points .gamipress-user-points-label { font-size: 0.8em; color: #888; } #sf-primary .gamipress-achievement .gamipress-achievement-image, #sf-primary .gamipress-rank .gamipress-rank-image, #sf-primary .achievement-wrap .gamipress-achievement-image, #sf-primary .rank-wrap .gamipress-rank-image{ opacity: 1; } #sf-primary .common-post .sf-activity-form-empty-box-inline, #sf-primary .common-post .sf-activity-form-empty-box { margin-top: 10px; margin-bottom: 10px; } #sf-primary .common-post .sf-activity-form-empty-box-inline .whats-on-mind-view-header, #sf-primary .common-post .sf-activity-form-empty-box .whats-on-mind-view-header { padding: 0; gap: 10px; align-items: center; } #sf-primary .common-post .sf-activity-form-empty-box-inline .sf-empty-add-post-bio, #sf-primary .common-post .sf-activity-form-empty-box .sf-empty-add-post-bio { width: 45px; padding: 0; margin: 0; } #sf-primary .common-post .sf-activity-form-empty-box-inline .sf-empty-textbox, #sf-primary .common-post .sf-activity-form-empty-box .sf-empty-textbox { padding: 0; height: auto; font-size: 16px; } #sf-primary .common-post .sf-activity-form-empty-box-inline #sf-empty-post-toolbar, #sf-primary .common-post .sf-activity-form-empty-box #sf-empty-post-toolbar { padding: 0; background: transparent; border: none; pointer-events: none;} #sf-primary .common-post .sf-activity-form-empty-box-inline .whats-on-mind-view, #sf-primary .common-post .sf-activity-form-empty-box .whats-on-mind-view { display: flex; justify-content: space-between; align-items: center; padding: 5px 10px; background: #f6f6f6; } #sf-primary .common-post .sf-activity-form-empty-box-inline .sf-post-footer-empty .sf-td > span, #sf-primary .common-post .sf-activity-form-empty-box .sf-post-footer-empty .sf-td > span { display: none; } #sf-primary .common-post #sf-empty-post-toolbar .sf-post-footer-empty .sf-td { background: transparent; padding: 0; } /*Badge Archivment*/ #sf-primary .sf-user-ranks #gamipress-user-ranks .gamipress-rank, #sf-primary .sf-achivhments #gamipress-achievements-container[class*="gamipress-columns"].gamipress-achievements-container .gamipress-achievement { padding: 15px; align-self: unset; background: #fff; width: calc(50% - 10px); border-radius: 7px; border: 1px solid #e0dfdb; } #sf-primary .sf-user-ranks #gamipress-user-ranks, #sf-primary .sf-achivhments #gamipress-achievements-container[class*="gamipress-columns"] { gap: 20px; display: flex; } #sf-primary .sf-achivhments #gamipress-achievements-container .gamipress-achievement-title, #sf-primary .sf-user-ranks #gamipress-user-ranks .gamipress-rank-title { font-size: 18px; font-weight: 600; } #sf-primary .sf-achivhments #gamipress-achievements-container .gamipress-achievement-title a, #sf-primary .sf-user-ranks #gamipress-user-ranks .gamipress-rank-title a { text-decoration: none; } #sf-primary .sf-achivhments .gamipress-achievement-points { font-size: 14px; color: #b3b3b3; line-height: 1; } #sf-primary .gamipress-rank-excerpt p, #sf-primary .sf-achivhments .gamipress-achievement-excerpt, #sf-primary .gamipress-achievement-excerpt p { font-size: 16px; line-height: var(--sf-line-height); } #sf-primary .gamipress-rank-excerpt, #sf-primary .sf-achivhments .gamipress-achievement-excerpt { margin-top: 5px; } #sf-primary .gamipress-rank-requirements, #sf-primary .sf-achivhments .gamipress-achievement-attached { margin-top: 10px; margin-bottom: 10px; } #sf-primary .gamipress-rank-requirements .gamipress-open-close-switch > a, #sf-primary .sf-achivhments .gamipress-achievement-attached .gamipress-open-close-switch > a { width: 100%; display: flex; justify-content: space-between; align-items: center; background: #e5eef6; padding: 5px 10px; text-decoration: none; line-height: 1; font-size: 15px; font-weight: 500; border-radius: 5px; } #sf-primary .gamipress-rank-requirements h4, #sf-primary .sf-achivhments .gamipress-achievement-description h4 { font-size: 13px; line-height: 1.2; } #sf-primary .gamipress-rank-requirements .gamipress-extras-window, #sf-primary .sf-achivhments .gamipress-extras-window { margin-top: 10px; } #sf-primary .gamipress-rank-requirements ul.gamipress-rank-requirements, #sf-primary .sf-achivhments ul.gamipress-achievement-steps { list-style: none; padding: 0; margin: 0; } #sf-primary .gamipress-rank-requirements ul.gamipress-rank-requirements li:before, #sf-primary .sf-achivhments .gamipress-achievement-description ul.gamipress-required-achievements li:before { content: "\f35a"; font-family: "Font Awesome 5 Free"; display: inline-block; font-weight: 400; font-style: normal; speak: none; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; font-size: 14px; vertical-align: top; text-align: center; text-decoration: none; position: relative; color: #858585; } #sf-primary .gamipress-rank-requirements ul.gamipress-rank-requirements li, #sf-primary .sf-achivhments ul.gamipress-achievement-steps li { display: flex; align-items: center; gap: 5px; font-size: 15px; } #sf-primary .sf-user-ranks #gamipress-user-ranks .gamipress-rank-unlock-with-points button, #sf-primary .sf-achivhments .gamipress-achievement-unlock-with-points button { background: #000000; color: #fff; border: none; outline: none; box-shadow: none; text-decoration: none; padding: 12px 20px; display: block; width: max-content; line-height: 1; border-radius: 6px; font-size: 15px; font-weight: 600; margin-bottom: 10px; } #sf-primary .sf-achivhments .gamipress-achievement-earners-list img.avatar { border-radius: 100%; width: 30px; height: 30px; object-fit: cover; margin-right: 2px; margin-left: 2px; } #sf-primary .sf-achivhments ul.gamipress-achievement-earners-list li .earner-display-name, #sf-primary .sf-achivhments ul.gamipress-rank-earners-list li .earner-display-name { position: absolute; background: #000; color: #fff; display: none; bottom: 100%; width: 110px; padding: 5px 10px; line-height: 1.2; font-weight: 600; z-index: 999; text-align: center; font-size: 14px; border-radius: 5px; left: -50%; transform: translateX(-24px); } #sf-primary .sf-achivhments ul.gamipress-achievement-earners-list li:hover .earner-display-name { display: block; } #sf-primary .sf-achivhments ul.gamipress-achievement-earners-list li .earner-display-name:after { content: ''; --tooltip-color: #333; --arrow-size: 10px; --scale: 0; position: absolute; left: calc(50% - 10px); transform: translate(-50%, var(--translate-y)) scale(var(--scale)); transition: transform 100ms; transition-timing-function: linear; --translate-y: calc(-1 * var( --arrow-size)); content: ''; border: var(--arrow-size) solid transparent; border-top-color: var(--tooltip-color); transform-origin: top center; --scale: 1; transition-timing-function: cubic-bezier(0.25, 0.1, 0.45, 1.93); top: 100%; transform: rotate(0deg); } #sf-primary .gamipress-rank-image img.gamipress-rank-thumbnail, #sf-primary .sf-achivhments .gamipress-achievement-image img.gamipress-achievement-thumbnail { width: 100px; height: auto; max-height: 100px; object-fit: contain; max-width: 100%; } .sf-achivhments .gamipress-achievement.gamipress-layout-left .gamipress-achievement-description { padding-left: 15px!important; } #sf-primary .gamipress-ranks-list.gamipress-user-ranks h2.gamipress-rank-title { font-size: 16px; } #sf-primary .gamipress-ranks-list.gamipress-user-ranks .gamipress-ranks-container.gamipress-columns-3.gamipress-columns-small-1 { width: 100%; margin-top: 10px; gap: 20px; } #sf-primary .sf-user-ranks { width: 100%; } #sf-primary .gamipress-ranks-list.gamipress-user-ranks h2.gamipress-rank-type-title { font-size: 18px; } #sf-primary .gamipress-ranks-list.gamipress-user-ranks .gamipress-rank { background: #ededed; border-radius: 5px; } #sf-primary .gamipress-ranks-list.gamipress-user-ranks .gamipress-rank-image { order: 2; } #sf-primary .gamipress-ranks-list.gamipress-user-ranks .gamipress-ranks-container[class*="gamipress-columns"] .gamipress-rank { width: calc(50% - 10px); } #sf-primary .gamipress-ranks-list.gamipress-user-ranks { width: 100%; } #sf-primary .gamipress-ranks-list.gamipress-user-ranks .gamipress-rank-image img.gamipress-rank-thumbnail { border-radius: 5px; } #sf-primary .gamipress-ranks-list.gamipress-user-ranks .gamipress-rank.gamipress-layout-left .gamipress-rank-image { padding-right: 0; padding-left: 10px; } #sf-primary ul.gamipress-achievement-earners-list { margin-top: 5px; } /*Edit Profile Image*/ #sf-primary .sf-input-field textarea, #sf-primary .sf-input-field input[type="text"], #sf-primary .sf-input-field input[type="email"], #sf-primary .sf-input-field input[type="tel"], #sf-primary .sf-input-field input[type="text"], #sf-primary .sf-input-field input[type="password"], #sf-primary .sf-input-field select { display: block; width: 100%; padding: 10px; margin-top: 5px; margin-bottom: 10px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; outline: none; font-size: 16px; box-shadow: none; } #sf-primary .sf-input-field label { font-size: 16px; font-weight: 500; line-height: 1.3; } #sf-primary .sf-input-field textarea{ min-height: 150px; } #sf-primary .sf-input-field { margin-bottom: 15px; } #sf-primary #sf-profile-settings .sf-input-field { margin-bottom: 10px; } #sf-primary .sf-form-container { margin: 20px; } #sf-primary .sf-tooltip-popup { display: none; position: absolute; background-color: #fff; border: 1px solid #f5f5f5; box-shadow: 0 0 10px rgb(139 138 138 / 20%); padding: 15px; z-index: 1000; border-radius: 5px; } #sf-primary .sf-tooltip-popup h3 { margin-top: 0; } #sf-primary .sf-visibilityOptions { width: 100%; padding: 5px; margin-top: 5px; } #sf-primary .sf-two-column-left-right { display: flex; justify-content: space-between; align-items: flex-end; } #sf-primary .sf-change-btn-wrapper { margin-bottom: 10px; } #sf-primary .#sf-changeBtn { font-weight: 600; text-decoration: none; } #sf-primary .sf-change-btn-wrapper { font-size: 16px; } #sf-primary .sf-change-btn-wrapper { position: relative; background: #d6d6d6; padding: 5px 10px; border-radius: 5px; line-height: 1.3; font-size: 14px; margin-bottom: 5px; } #sf-primary .sf-two-column-left-right { position: relative; } #sf-primary .sf-tooltip-popup { bottom: 100%; right: -2px; width: 250px; } #sf-primary .sf-tooltip-popup h3 { font-size: 17px; font-weight: 500; margin-bottom: 10px; } .sf-change-btn-wrapper i.fas.fa-edit { font-size: 14px; } #sf-primary a.sf-changeBtn {font-weight: 600;color: #000;} #sf-primary #sf-profileForm .sf-email-change { background: #ffd7d7; padding: 10px; line-height: 1; border-radius: 5px; font-weight: 600; font-size: 13px; margin-top: 7px; } #sf-primary #sf-profileForm .sf-email-change a { text-decoration: underline; } #sf-primary #sf-profileForm .sf-input-field input, #sf-primary #sf-profileForm .sf-input-field textarea { margin-bottom: 0; } #sf-primary #sf-profileForm .sf-input-field { background: #f6f6f6; padding: 10px; margin-bottom: 10px; border-radius: 5px; } #sf-primary .sf-avatar-edit input { display: none; } #sf-primary .sf-avatar-edit label { color: #000; position: absolute; left: 50%; top: 50%; background: rgb(255 255 255 / 80%);%); padding: 5px; width: 30px; height: 30px; display: none; align-items: center; justify-content: center; transform: translate(-50%, -50%); cursor: pointer; margin: 0; border-radius: 5px; } #sf-primary .sf-avatar-edit label i {font-size: 13px;} #sf-primary .sf-profile-header-avatar:hover label { display: flex; } #sf-primary .sf-banner-edit input, .sf-banner-adjust input { display: none; } #sf-primary .profile-banner-action { position: absolute; z-index: 9; left: 20px; top: 20px; display: flex; gap: 10px } #sf-primary .profile-banner-action .sf-banner-edit label i, #sf-primary .banner-lock-icon i, #sf-primary .banner-unlock-icon i {background: #fff;padding: 10px;border-radius: 5px;font-size: 14px; cursor: pointer;} #sf-primary .sf-banner-edit { margin-bottom: 10px; } #sf-primary .banner-unlock-icon { display: none; } #sf-primary .sf-banner-unlocked .banner-lock-icon { display: none; } #sf-primary .sf-banner-unlocked .banner-unlock-icon { display: block; } #sf-primary .profile-banner-ajust .sf-inline-text { background: rgba(255,255,255,.5); padding: 7px 10px; line-height: 1; display: flex; gap: 10px; align-items: center; border-radius: 6px; font-size: 16px; font-weight: 500; position: absolute; z-index: 1; bottom: 30px; left: 50%; transform: translateX(-50%); } #sf-primary .sf-inline-action-btn { position: absolute; z-index: 11; right: 20px; top: 20px; display: flex; gap: 10px; } #sf-primary .profile-banner-ajust { display: none; } #sf-primary .profile-banner-ajust.sf-adjust-mode-on { display: block; } #sf-primary .sf-submit-field { text-align: center; display: flex; justify-content: center; margin-top: 30px; } #sf-primary .sf-activity-profile-page .sf-poster-content-row.sf-show-column { width: 100%; display: block; margin: 0; padding-left: 0; padding-right: 0; } #sf-primary .sf-activity-profile-page .sf-poster-content-row.sf-show-column .sf-poster-content-left { width: 100%; max-width: 100%; } #sf-primary .sf-activity-profile-page .sf-poster-content-row.sf-show-column main.sf-main-feed { margin: 0; max-width: 100%; } #sf-primary .sf-activity-profile-page .sf-poster-content-row.sf-show-column .common-post { box-shadow: 0 0px 2px var(--balance4); } /*Profile Switch*/ #sf-primary label.sf-switch { position: relative; width: 46px; height: 25px; display: block; margin: 0; } #sf-primary .sf-switch input { display: none; } #sf-primary span.sf-switch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; transition: .3s; box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.5); border-radius: 10rem; } #sf-primary span.sf-switch-slider:before { position: absolute; content: ""; height: 17px; width: 17px; left: 4px; bottom: 4px; transition: .4s; border: none; background-position: 50% 100%; background-repeat: no-repeat; background-size: 150% 150%; border-radius: 50%; box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.5); } #sf-primary span.sf-switch-slider:after { content: ''; } #sf-primary span.sf-switch-slider:after, #sf-primary span.sf-switch-slider:before { content: ''; } #sf-primary input:checked+.sf-switch-slider:before { transform: translateX(calc(100% + (17px / 2) - 3px)); background-color: var(--sf-text-color); box-shadow: none; } #sf-primary input:checked+.sf-switch-slider { box-shadow: inset 0px 0px 0px 2px var(--sf-bg-color); background: var(--sf-bg-color); } /*Widget*/ /*#sf-primary .sf-post-content-box .sf-col-6 { width: 100%; } */ #sf-primary .sf-post-content-box .sf-card-footer { border: none; } #sf-primary .sf-post-content-box .sf-btn.sf-follow-btn, #sf-primary .sf-post-content-box .sf-remove-follower-btn { margin-left: auto; margin-right: auto; } /*Login Registration widget*/ #sf-primary .sf-login-registration-popup .sf-popup-popup-main { width: var(--sf-lr-width); max-height: calc(100% - 40px); max-width: calc(100% - 30px); } #sf-primary .sf-login-registration-popup .sf-popup-close-icon {position: absolute;top: -20px;right: -20px;background: transparent;} #sf-primary .sf-login-registration-popup .sf-lr-template-form-wrapper.sf-lr-template-column { overflow-y: auto; height: 100%; } #sf-primary .sf-login-registration-popup .sf-popup-close-icon .sf-btn-icon { padding: 0; margin: 0; outline: none; box-shadow: none; background: #000; color: #fff; width: 40px; height: 40px; border-radius: 100%; font-size: 18px; line-height: 1; border: none; } #sf-primary .sf-login-registration-popup .sf-popup-close-icon .sf-btn-icon > i { font-size: 18px; line-height: 1; } #sf-primary .sf-field-success { line-height: 1.2; color: green; background: #ecffec; padding: 10px; border-left: 5px solid; font-size: 16px; } #sf-primary .sf-register-message { margin-bottom: 10px; } #sf-primary .sf-field-success a { color: #3F51B5; } #sf-primary .sf-field-success a { color: inherit; text-decoration: none; font-weight: 600; border-bottom: 1px solid; } #sf-primary #sf-gamification-activity-modal .sf-user-how.to-earne-point { margin-top: 30px; } #sf-primary ul.gamipress-points-deducts li.user-has-not-earned { margin-bottom: 10px; padding: 10px; background-color: #fff; border-radius: 4px; transition: background-color 0.3s ease; list-style: none; } #sf-primary ul.gamipress-points-deducts { list-style: none; padding: 0; margin-top: 20px; } /*Social Share*/ #sf-primary .sf-share-button svg { max-width: 24px; fill: #fff; } #sf-primary .sf-social-share-buttons { display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; gap: 10px 20px; } #sf-primary .sf-share-button { display: flex; gap: 10px; justify-content: flex-start; font-size: 14px; width: calc(50% - 10px); align-items: center; background: transparent; padding: 5px 15px; border-radius: 5px; line-height: 24px; min-height: unset; text-decoration: none; color: #000; border: 2px solid; outline: none; font-weight: 500; cursor: pointer; letter-spacing: 0.35px; } #sf-primary button.sf-share-button.sf-facebook-btn { color: #3b5998; border-color: #3b5998; color: #fff; background-color: #3b5998; } #sf-primary button.sf-share-button.sf-facebook-btn:hover { color: #fff; background-color: #3b5998; } #sf-primary .sf-share-button.sf-facebook-btn svg, #sf-primary .sf-share-button.sf-facebook-btn svg path { fill: #3b5998; fill: #fff; } #sf-primary button.sf-share-button.sf-twitter-btn { color: #1a1a1a; border-color: #1a1a1a; } #sf-primary button.sf-share-button.sf-twitter-btn:hover { color: #fff; background-color: #1a1a1a; } .sf-social-share-buttons .sf-share-button svg { max-width: 24px; fill: #fff; } .sf-social-share-buttons { display: block; } .sf-social-share-buttons .sf-share-button { display: flex; gap: 10px; justify-content: flex-start; font-size: 14px; width: calc(50% - 10px); align-items: center; background: transparent; padding: 5px 15px; border-radius: 5px; line-height: 24px; min-height: unset; text-decoration: none; color: #000; border: 2px solid; outline: none; font-weight: 500; cursor: pointer; letter-spacing: 0.35px; } .sf-social-share-buttons button.sf-share-button.sf-facebook-btn { color: #3b5998; border-color: #3b5998; color: #fff; background-color: #3b5998; min-width: 180px; display: flex; max-width: max-content; } .sf-social-share-buttons button.sf-share-button.sf-facebook-btn:hover { color: #fff; background-color: #3b5998; } .sf-social-share-buttons .sf-share-button.sf-facebook-btn svg, .sf-social-share-buttons .sf-share-button.sf-facebook-btn svg path { fill: #3b5998; fill: #fff; } #sf-primary .sf-share-button.sf-twitter-btn svg, #sf-primary .sf-share-button.sf-twitter-btn svg path { fill: #1a1a1a; } #sf-primary button.sf-share-button.sf-linkedin-btn { color: #0a66c2; border-color: #0a66c2; } #sf-primary button.sf-share-button.sf-linkedin-btn:hover { color: #fff; background-color: #0a66c2; } #sf-primary .sf-share-button.sf-linkedin-btn svg, #sf-primary .sf-share-button.sf-linkedin-btn svg path { fill: #0a66c2; } #sf-primary .sf-social-share-buttons button.sf-share-button.sf-facebook-btn { width: auto; min-width: 210px; } #sf-primary button.sf-share-button.sf-pinterest-btn { color: #e60019; border-color: #e60019; } #sf-primary button.sf-share-button.sf-pinterest-btn:hover { color: #fff; background-color: #e60019; } #sf-primary .sf-share-button.sf-pinterest-btn svg, #sf-primary .sf-share-button.sf-pinterest-btn svg path { fill: #e60019; } #sf-primary .sf-share-button:hover { text-decoration: none; } #sf-primary .sf-share-button.sf-facebook-btn:hover svg, #sf-primary .sf-share-button:hover svg path { fill: #fff; } #sf-primary .widget_smartforum_share_point_widget .sf-social-share-buttons button {width: 100%;justify-content: center;padding: 10px;background: #3b5998;color: #fff;align-items: center;line-height: 24px;} #sf-primary .widget_smartforum_share_point_widget .sf-social-share-buttons button svg, #sf-primary .widget_smartforum_share_point_widget .sf-social-share-buttons button svg path { fill: #fff; } /*SF Forum Liting page*/ #sf-primary .sf-post-header { display: flex; justify-content: space-between; background: #dfdfdf; border-bottom: 1px solid #eaeeef; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 10px 10px; text-align: left; align-items: center; } #sf-primary ul.sf-forum-titles { list-style: none; display: flex; padding: 0; margin: 0; justify-content: flex-end; align-items: center; gap: 8px; } #sf-primary ul.sf-forum-titles li, #sf-primary .sf-post-header .sf-support-info > span { text-align: center; font-size: 15px; font-weight: 600; } #sf-primary ul.sf-forum-titles .sf-forum-topic-count, .sf-forum-count #sf-primary ul.sf-forum-titles .sf-forum-reply-count { flex-basis: 25%; } #sf-primary .sf-forum-posts-border-b-radius { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; box-shadow: 0 3px 6px 0 rgba(4,73,89,.06); } #sf-primary .sf-forum-community-post { border-radius: 6px; background-color: #fff; box-shadow: 0 2px 8px 0 rgba(2,47,57,.1); padding: 23px 30px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; transition: all .3s ease-in-out; border: 1px solid transparent; } #sf-primary .sf-forum-community-post { padding: 10px 10px; } #sf-primary .sf-forum-community-post { margin-bottom: 0; border-radius: 0; box-shadow: none; position: relative; } #sf-primary .sf-forum-community-post:not(:last-child) { border-bottom: 1px solid #ddd; } #sf-primary .sf-forum-community-post .sf-forum-list-post-content { display: flex; align-items: center; flex-wrap: wrap; padding: 0px 10px; } #sf-primary .sf-forum-community-post .sf-forum-list-post-content .sf-forum-author-avatar { width: 50px; border-radius: 50%; overflow: hidden; height: 50px; border-radius: 0; margin-right: 20px; } #sf-primary .sf-forum-community-post .sf-forum-list-post-content .sf-forum-author-avatar { padding: 5px; background: #f2f2f2; border-radius: 5px; } #sf-primary .sf-forum-community-post .sf-forum-list-post-content .sf-forum-author-avatar img { max-width: 100%; height: 100%; object-fit: cover; border-radius: 5px;} #sf-primary .sf-forum-community-post .sf-forum-list-post-content .sf-forum-entry-content { flex: 2; margin: 0; } #sf-primary .sf-forum-community-post .sf-forum-list-post-content p { font-size: 14px; line-height: var(--sf-line-height);; margin: 0; } #sf-primary .sf-forum-community-post .sf-forum-list-post-content .sf-forum-entry-content .sf-forum-post-title { font-size: 15px; font-weight: 400; color: #1d2746; margin-bottom: 0; line-height: 1.7; margin-bottom: 0px; } #sf-primary .topic-listing-table-main .sf-forum-community-post .sf-forum-list-post-content .sf-forum-entry-content .sf-forum-post-title { font-weight: 600; color: var(--sf-link-text-color); } #sf-primary ul.sf-forum-titles .sf-forum-last-updated { flex-basis: 50%; text-align: right; } #sf-primary ul.sf-forum-titles .sf-forum-last-updated .sf-last-updated-box { display: flex; font-size: 14px; line-height: 1.3; flex-direction: column; align-items: flex-end; } #sf-primary ul.sf-forum-titles .sf-forum-last-updated .sf-last-updated-box a { font-size: 12px; color: #707070; text-decoration: none; } #sf-primary ul.sf-forum-titles .sf-forum-last-updated .sf-last-updated-box .sf-last-updated-btm { display: flex; justify-content: flex-end; padding-top: 10px; align-items: center; gap: 10px; } #sf-primary ul.sf-forum-titles .sf-forum-last-updated .sf-last-updated-box a span { font-size: 14px; } #sf-primary ul.sf-forum-titles .sf-forum-last-updated .sf-last-updated-box .sf-last-updated-btm .sf-forum-author-avatar img { width: 30px; border-radius: 5px; height: 30px; object-fit: cover; } #sf-primary .sf-forum-community-post .sf-forum-list-post-content .sf-forum-entry-content a { text-decoration: none; } #sf-primary .sf-forum-community-post:hover { background: #fcfcfc; } #sf-primary .sf-category-main-listing-page ul.sf-forum-titles > li { flex-basis: 20%; } #sf-primary .sf-category-main-listing-page ul.sf-forum-titles > li.sf-forum-last-updated { flex-basis: 40%; } #sf-primary .topic-listing-table-main .sf-category-main-listing-page ul.sf-forum-titles > li { flex-basis: 33.33%; } #sf-primary .sf-post-header > div { padding: 0 10px; } #sf-primary .sf-add-topic-btn-wrapper-show-above-table h2.sf-listing-title { font-size: 22px; } .sf-add-topic-btn-wrapper-show-above-table { padding-bottom: 5px; margin-bottom: 10px; } #sf-primary .sf-forum-simple-table .sf-forum-community-post { background: transparent; box-shadow: none; padding-left: 0; padding-right: 0; } #sf-primary .sf-forum-simple-table .sf-forum-posts-border-b-radius { box-shadow: none; padding: 0; } #sf-primary .sf-forum-simple-table .sf-post-header { padding-left: 0; padding-right: 0; } #sf-primary .sf-forum-simple-table .sf-post-by-meta { font-size: 14px; font-weight: 500; margin-top: 5px; } #sf-primary .sf-forum-simple-table .sf-post-by-meta a { color: var(--sf-link-text-color); font-weight: 600; } #sf-primary .sf-flex-lr-text-btn { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid gainsboro; padding-bottom: 5px; margin-bottom: 10px; } #sf-primary .sf-flex-lr-text-btn a.sf-btn.sf-btn-primary.sf-btn-topic { margin-bottom: 5px; margin-top: 5px; } #sf-primary .sf-add-topic-btn-wrapper-show-above-table .sf-flex-lr-text-btn h2.sf-listing-title { margin: 5px 0; } #sf-primary .sf-flex-center-btn { display: flex; justify-content: center; } #sf-primary .sf-flext-two-btn-same-line {display: flex;gap: 10px;align-items: center;} #sf-primary .sf-add-topic-btn-wrapper-show-above-table .sf-forum-main-content-fix-content { margin-bottom: 5px; } #sf-primary .sf-add-topic-btn-wrapper-show-above-table .sf-forum-main-content-fix-content p{ font-size: 15px; line-height: 1.3; margin-bottom: 10px; color: #545861; } #sf-primary .sf-add-topic-btn-wrapper-show-above-table .sf-forum-main-content-fix-content a { font-weight: 600; text-decoration: underline; } #sf-primary .topic-listing-table-main .sf-category-main-listing-page ul.sf-forum-titles > li.sf-action-btn a.sf-btn.sf-btn-underline { margin-left: auto; } #sf-primary .topic-listing-table-main .sf-category-main-listing-page ul.sf-forum-titles > li.sf-action-th { text-align: right; } #sf-primary .topic-listing-table-main .sf-support-category-menus, #sf-primary .topic-listing-table-main .sf-forum-post-meta-wrapper { min-width: 300px; padding: 0 10px; } #sf-primary .sf-comment-count-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; border-bottom: 1px solid gainsboro; padding-bottom: 10px; } #sf-primary .sf-comment-count-wrapper h3 { font-size: 20px; } /*Search box*/ #sf-search-results { top: 40px; display: block; position: absolute; width: 100%; background-color: #fff; box-shadow: 0 2px 7px 1px rgba(0,0,0,.05), 0 6px 32px 0 rgba(18,43,70,.1); border-radius: 5px 5px 5px 5px; z-index: 999; } #sf-search-results ul { list-style: none; padding: 0; margin: 0; } #sf-search-results ul li { padding: 10px; border-bottom: 1px solid #ccc; font-size: 14px; line-height: 1; } #sf-search-results ul li:last-child { border-bottom: none; } #sf-search-results ul li a { text-decoration: none; color: #333; display: block; } #sf-search-results ul li:hover, #sf-search-results ul li:focus { background-color: #f0f0f0; } #sf-primary .activity-inner { border: 1px solid gainsboro; padding: 10px 10px 0; border-radius: 5px; margin-bottom: 15px; } #sf-primary .activity-inner-meta.action { display: flex; gap: 10px; background: #f6f6f6; padding: 10px; line-height: 1; margin-left: -10px; margin-right: -10px; overflow: hidden; border-top: 1px solid gainsboro; margin-top: 10px; } #sf-primary .activity-inner-meta.action a.button { color: #000; font-size: 14px; font-weight: 500; text-decoration: none!important; line-height: 1; } #sf-primary span.sf-screen-reader-text i { font-size: 14px; color: gray; } #sf-primary span.sf-screen-reader-text { display: flex; gap: 5px; align-items: center; color: #4a4a4a; } #sf-primary .sf-reply-child-comment-div { margin-left: 0; margin-top: 0; position: relative; padding-left: 30px; } #sf-primary .sf-reply-child-comment-div > .sf-comment-row:first-child:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M20 21a1 1 0 0 1-.883.993L19 22h-6.5a3.5 3.5 0 0 1-3.495-3.308L9 18.5V5.415L5.707 8.707a1 1 0 0 1-1.32.083l-.094-.083a1 1 0 0 1-.083-1.32l.083-.094 5-5a1.01 1.01 0 0 1 .112-.097l.11-.071.114-.054.105-.035.118-.025.058-.007L10 2l.075.003.126.017.111.03.111.044.098.052.092.064.094.083 5 5a1 1 0 0 1-1.32 1.497l-.094-.083L11 5.415V18.5a1.5 1.5 0 0 0 1.355 1.493L12.5 20H19a1 1 0 0 1 1 1Z' fill='%23969696'%3E%3C/path%3E%3C/svg%3E"); position: absolute; left: 0; } #sf-primary .sf-comment-list-wrapper .sf-reply-child-comment-div .sf-comment-row { padding: 0; margin: 0; padding-top: 10px; padding-bottom: 10px; } #sf-primary .sf-reply-child-comment-div .sf-reply-child-comment-div { margin-bottom: 0; border-bottom: none; margin-top: 0; } #sf-primary .sf-reply-child-comment-div .sf-comment-row:last-child .sf-reply-child-comment-div{ border: none; margin-bottom: 0; margin-top: 0; } #sf-primary .sf-reply-child-comment-div > .sf-comment-row:first-child { margin-top: 10px; } #sf-primary .sf-reply-child-comment-div > .sf-comment-row:last-child { padding-bottom: 0; } /*Reset Password*/ #sf-primary .sf-shadow-box { max-width: 500px; margin: 0 auto; padding: 20px; background-color: #ffffff; border-radius: var(--sf-other-card-radius); box-shadow: 0 2px 7px 1px rgba(0,0,0,.05), 0 6px 32px 0 rgba(18,43,70,.1); } #reset-password-form input { width: 100%; padding: 12px; outline: none; box-shadow: none; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; font-size: 16px; } #reset-password-form input:invalid { border: 1px solid #e74c3c; } #reset-password-form input:valid { border: 1px solid #2ecc71; } #sf-primary .sf-page-title h1 { font-size: 28px; font-weight: 600; text-align: center; } #sf-primary .sf-page-title { margin-bottom: 20px; } #sf-primary .sf-form-footer { text-align: right; margin-left: auto; margin-right: 0; display: flex; justify-content: flex-end; } #sf-primary .sf-alert-box { background: #f1f1f1; padding: 10px; margin-bottom: 10px; line-height: 1.3; font-size: 16px; border-left: 5px solid; font-weight: 500; } #sf-primary .sf-error.sf-alert-box, #sf-primary .sf-field-error { background: #ffe2e2; color: red; } #sf-primary .sf-reset-pass-error{ display: none; } #sf-primary .sf-lr-form .sf-field-error{ background: #ffe2e2; color: red; padding: 10px; margin-bottom: 10px; line-height: 1; font-size: 16px; border-left: 5px solid; font-weight: 500; margin-top: 10px; width: max-content; display: block; max-width: 100%; line-height: 1.2; } .sf-field-sucess { background: #e6ffc8; color: #6f736b; padding: 10px; margin-bottom: 10px; line-height: 1; font-size: 16px; border-left: 5px solid; font-weight: 500; margin-top: 10px; width: max-content; display: block; } .sf-popup-outline-popup .sf-logo { display: none; } #sf-primary .sf-alert-box.error-message { background: #ffdada; color: red; padding: 5px; font-weight: 500; font-size: 14px; } #sf-primary .sf-global-msg-container { padding: 20px 20px 0; width: max-content; text-align: center; margin: 0 auto; } /*Topic Listing Page*/ #sf-primary .sf-listing-container { display: flex; justify-content: space-between; align-items: stretch; padding: 20px 20px 15px; background: #fff; border-radius: var(--sf-other-card-radius); position: relative; box-shadow: 0 0 1px 0 rgba(0,0,0,0.05), 0 1px 3px 0 rgba(0,0,0,0.15); gap: 20px; } #sf-primary .sf-listing-container:hover { box-shadow: 0 0 1px 0 rgba(0,0,0,0.05),0 1px 20px 0 rgba(0,0,0,0.15); } #sf-primary .sf-listing-details-container { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } #sf-primary .sf-listing-image-container a { position: relative; display: block; height: 100%; } #sf-primary .sf-listing-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; } #sf-primary .sf-author-icon { width: 20px; height: 20px; border-radius: 50%; margin-bottom: 0; line-height: 1.3; } #sf-primary .sf-author-name { font-size: 14px; font-weight: 500; } #sf-primary .sf-user-comment-info { color: #666; } #sf-primary .sf-user-comment-info { display: flex; gap: 10px; } #sf-primary .sf-topic-author-info { display: flex; gap: 5px; background: #e5e5e5; padding: 5px 10px 5px 5px; border-radius: 37px; align-items: center; } #sf-primary .footer-area-container { display: flex; gap: 10px; justify-content: space-between; margin-top: 10px; align-items: center; } #sf-primary .sf-listing-container .sf-listing-image-container img { width: 150px; height: 150px; object-fit: cover; border-radius: var(--sf-other-card-radius); background: #efefef; } #sf-primary .sf-author-icon img.avatar { border-radius: 100%; width: 100%; height: auto; } #sf-primary .sf-user-comment-info { background: #fbfbfb; padding: 10px; border-radius: 10px; font-size: 14px; } #sf-primary .sf-user-comment-info i { font-size: 14px; padding-right: 3px; } #sf-primary .sf-post-content { font-size: 16px; font-weight: 500; color: #19283a; line-height: var(--sf-line-height); } #sf-primary .sf-user-comment-info .sf-topic-single-meta:after { content: '|'; padding-left: 5px; color: gainsboro; } #sf-primary .sf-user-comment-info .sf-topic-single-meta:last-child:after { content: no-close-quote; } #sf-primary .sf-topic-single-meta { font-size: 13px; display: flex; align-items: center; } #sf-primary .sf-list-view .sf-listing-title { margin-bottom: 10px; font-size: 19px; font-weight: 700; line-height: 32px; } #sf-primary .sf-extended-list-view.sf-list-view .sf-engagement-likes { display: none; } #sf-primary .sf-extended-list-view.sf-list-view .sf-listing-image-container img { height: 100%; } #sf-primary .sf-extended-list-view.sf-list-view .sf-post-actions{ padding-bottom: 0; } #sf-primary .sf-forum-headinf h2.sf-listing-title { font-size: 22px; font-weight: bold; margin-bottom: 20px; border-bottom: 1px solid gainsboro; padding-bottom: 10px; } #sf-primary .sf-list-view .sf-topic-single-meta > span { color: #000; font-weight: 500; margin-left: 2px; } #sf-primary .sf-list-view .sf-user-comment-info .sf-topic-single-meta:after { padding-left: 10px; } #sf-primary .sf-grid-view .sf-user-comment-info .sf-topic-single-meta:after { content: no-close-quote; } #sf-primary .sf-grid-view .sf-user-comment-info .sf-topic-single-meta { display: flex; align-items: center; flex-direction: column; flex: 1; } #sf-primary .sf-grid-view .sf-user-comment-info .sf-topic-single-meta span { font-weight: 600; margin-top: 5px; } #sf-primary .sf-grid-view .sf-user-comment-info { gap: 5px; } #sf-primary .sf-grid-view .sf-user-comment-info .sf-topic-single-meta:last-child { display: none; } #sf-primary .sf-member-row-flex { display: flex; } #sf-primary .sf-engagement-members { max-width: 150px; cursor: pointer;} #sf-primary .sf-engagement-likes img { width: 32px; height: 32px; object-fit: cover; border-radius: 40px; border: 2px solid white; } #sf-primary .sf-member-user-col { margin-left: -10px; } .sf-member-row-flex { margin-left: 10px; } #sf-primary .sf-engagement-likes { display: flex; align-items: center; gap: 8px; margin-top: 20px; } #sf-primary .sf-engagement-members-descriptor { font-size: 14px; font-weight: 400; } /*Grid View*/ #sf-primary .sf-grid-view .sf-listing-container { display: flex; flex-direction: column; padding: 0; height: 100%; justify-content: flex-start; gap: 0; } #sf-primary .sf-grid-view .sf-post-loop { display: flex; gap: 0 20px; flex-direction: row; flex-wrap: wrap; } #sf-primary .sf-extended-list-view.sf-grid-view .sf-post-loop { flex-direction: column; flex-wrap: wrap; } #sf-primary .sf-grid-view .sf-post-loop .sf-post-row { width: calc(33.33% - 13.33px); } #sf-primary .sf-extended-list-view.sf-grid-view .sf-post-loop .sf-post-row { width: 100%; } #sf-primary .sf-grid-view .sf-listing-details-container { width: 100%; padding: 10px; flex: 1; } #sf-primary .sf-grid-view .sf-listing-container .sf-listing-image-container img { width: 100%; border-radius: var(--sf-other-card-radius) var(--sf-other-card-radius) 0 0; } #sf-primary .sf-grid-view .sf-listing-title { font-size: 16px; color: var(--sf-link-text-color); } #sf-primary .sf-grid-view .sf-post-content { font-size: 15px; } #sf-primary .sf-grid-view .sf-user-comment-info { width: 100%; justify-content: space-between; } #sf-primary .sf-grid-view .sf-listing-details-container .sf-card-content { flex: 1; } /*#sf-primary .sf-grid-view .sf-listing-details-container .sf-card-content a { display: flex; flex-direction: column; align-content: space-between; position: relative; height: 100%; justify-content: space-between; } */ #sf-primary .sf-grid-view .sf-listing-details-container .sf-card-content .sf-default-content a { color: var(--sf-bg-color); font-weight: 600; } #sf-primary .sf-grid-view .sf-post-actions .sf-slug-engagement-comments { display: none; } #sf-primary .sf-grid-view .sf-extended-list-view .sf-post-actions { justify-content: space-between; } /*Topic New view*/ #sf-primary .sf-extended-list-view.sf-grid-view .sf-listing-container { display: flex; flex-direction: column; padding: 0; height: 100%; justify-content: flex-start; border: 1px solid #e4e7eb; box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 16px; border: none; gap: 0; } #sf-primary .sf-extended-list-view.sf-grid-view .sf-listing-details-container { width: 100%; padding: 20px 30px 10px; flex: 1; } #sf-primary .sf-extended-list-view.sf-grid-view .sf-listing-container .sf-listing-image-container img { width: 100%; border-radius: 8px 8px 0 0; height: auto; max-height: 250px; } #sf-primary .sf-extended-list-view.sf-grid-view .sf-listing-title { margin-bottom: 15px; font-size: 22px; margin-top: 10px; font-weight: 700; line-height: 32px; color: #000000; } } #sf-primary .sf-extended-list-view.sf-grid-view .sf-post-content { font-size: 16px; line-height: 1.3; } #sf-primary .sf-extended-list-view.sf-grid-view .sf-listing-container:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 16px; } #sf-primary .sf-extended-list-view .sf-post-actions { padding: 15px 0 5px; width: 100%; display: flex; border-top: 1px solid #e4e7eb; gap: 15px; } #sf-primary .sf-extended-list-view .sf-slug-action-btn { color: #19283a; cursor: pointer; display: flex; align-items: center; text-transform: capitalize; justify-content: center; margin-right: 4px; line-height: 1; font-size: 14px; padding: 0; font-weight: 500; background: transparent; gap: 5px; border: none; } #sf-primary .sf-extended-list-view .sf-slug-engagement-comments { margin-left: auto; display: flex; align-items: center; font-size: 14px; } #sf-primary .sf-extended-list-view span.sf-slug-action-label { display: block; line-height: 18px; } #sf-primary .sf-extended-list-view .sf-slug-action-btn i.far { font-size: 18px; } #sf-primary .sf-extended-list-view .sf-full-content { display: none; } #sf-primary .sf-extended-list-view.sf-grid-view .sf-short-content { display: none; } #sf-primary .sf-extended-list-view.sf-grid-view .sf-full-content { display: block; } #sf-primary .sf-liked span.sf-slug-action-icon { color: var(--sf-bg-color);} #sf-primary .sf-liked span.sf-slug-action-icon i.far.fa-thumbs-up:before { content: "\f164"; font-weight: 600; } #sf-primary .sf-forum-community-post .sf-forum-list-post-content .sf-forum-author-avatar { margin: 0; padding: 0; color: #000; } .sf-forum-author-avatar-with-name { max-width: 100%; } .sf-forum-author-avatar-with-name img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; display: flex; align-items: center; justify-content: center; } .sf-forum-author-avatar-with-name a span { display: block; font-size: 14px; font-weight: 600; margin-top: 5px; color: black; } #sf-primary .sf-forum-author-avatar-with-name a.sf-forum-author-link { display: flex; width: 100%; flex-direction: column; align-items: flex-start; } .sf-forum-author-avatar-with-name a.sf-forum-author-link > span { display: block; } .sf-forum-author-avatar-with-name { width: 100%; } #sf-primary .sf-120px { width: 120px; max-width: 120px; } #sf-primary .sf-col-6-120px { width: calc(90% - 120px); } #sf-primary .sf-person-name-info { color: #000; font-weight: 600; font-size: 14px; } /*#sf-primary .common-post-content > div:not(:last-child), #sf-primary .common-post-content > p:not(:last-child), #sf-primary .sf-post-content-full-content p, #sf-primary .sf-post-content-full-content div, #sf-primary .sf-post-content-full-content li { margin-bottom: 15px; font-size: 16px; line-height: var(--sf-line-height); color: #19283a; list-style: inherit; } */ /*Below css for preventing for shortcode content*/ #sf-primary .sf-post-content-popup.sf-post-content-full-content img, #sf-primary .sf-post-content-popup.sf-post-content-full-content, #sf-primary .common-post-content > div:not(:last-child), #sf-primary .common-post-content > p:not(:last-child), #sf-primary .sf-post-content-full-content > p, #sf-primary .sf-post-content-full-content > div, #sf-primary .sf-post-content-full-content > div li, #sf-primary .sf-post-content-full-content > p li, #sf-primary .sf-post-content-full-content > ul li, #sf-primary .sf-post-content-full-content > ol li{ margin-bottom: 15px; font-size: 16px; line-height: var(--sf-line-height); color: #19283a; list-style: inherit; font-weight: 400; } #sf-primary .sf-post-content-data a { color: var(--sf-link-text-color); text-decoration: underline;} #sf-primary .sf-post-content-full-content .sf-post-content-data > p, #sf-primary .sf-post-content-full-content .sf-post-content-data > div, #sf-primary .sf-post-content-full-content .sf-post-content-data > div li, #sf-primary .sf-post-content-full-content .sf-post-content-data > p li, #sf-primary .sf-post-content-full-content .sf-post-content-data > ul li, #sf-primary .sf-post-content-full-content .sf-post-content-data > ol li{ margin-bottom: 15px; font-size: 16px; line-height: var(--sf-line-height); color: #19283a; list-style: inherit; } #sf-primary .sf-post-content-full-content p:last-child, #sf-primary .sf-post-content-full-content li:last-child { margin-bottom: 0; } #sf-primary .sf-post-content-full-content li { margin-bottom: 8px; margin-top: 0; font-size: 16px; line-height: var(--sf-line-height); color: #19283a; } #sf-primary .sf-post-content-full-content ul { padding-top: 0; padding-bottom: 10px; padding-left: 18px; margin-bottom: 15px; list-style: disc; } #sf-primary .sf-post-content-full-content ol { padding-top: 0; padding-bottom: 10px; padding-left: 18px; margin-bottom: 15px; list-style: decimal; } #sf-primary .sf-post-content-full-content h2 { margin-bottom: 10px; font-size: 23px; margin-top: 15px; font-weight: 600;} #sf-primary .sf-post-content-full-content h3 { margin-bottom: 10px; font-size: 20px; margin-top: 15px; font-weight: 600;} #sf-primary .sf-post-content-full-content h4 { margin-bottom: 10px; font-size: 18px; margin-top: 15px; font-weight: 600;} #sf-primary .sf-post-content-full-content h5 { margin-bottom: 10px; font-size: 17px; margin-top: 15px; font-weight: 600;} #sf-primary .sf-post-content-full-content h6 { margin-bottom: 10px; font-size: 16px; margin-top: 15px; font-weight: 600;} #sf-primary .sf-extended-list-view .sf-listing-container video{ margin-top: 0; } #sf-primary .sf-extended-list-view .sf-listing-container iframe { display: block; max-width: 100%; border-radius: 8px; margin-bottom: 10px; margin-top: 10px; } #sf-widget-related-comments .sf-post-list-item li a { word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap; display: block!important; } #sf-primary .sf-extended-list-view #sf-primary .sf-post-content p { margin-bottom: 10px; font-size: 16px; line-height: 24px; color: #19283a; } #sf-primary .sf-extended-list-view #sf-primary .sf-post-content *:last-child { margin-bottom: 0; } #sf-primary input[type="search"]::-webkit-search-decoration, #sf-primary input[type="search"]::-webkit-search-cancel-button, #sf-primary input[type="search"]::-webkit-search-results-button, #sf-primary input[type="search"]::-webkit-search-results-decoration { display: none; } #sf-primary ul.iti__country-list { padding: 10px; } /*User Badge Icon*/ #sf-primary .sf-badges-list span.gamipress-inline-achievements { display: flex; } #sf-primary .sf-badges-list span.gamipress-inline-achievements span.gamipress-inline-achievement-title { display: none; } #sf-primary .sf-badges-list span.gamipress-inline-achievements span.gamipress-inline-achievements-separator { display: none; } #sf-primary .sf-badges-list span.gamipress-inline-achievements img.gamipress-achievement-thumbnail { width: 32px; height: auto; } #sf-primary .sf-badges-list { margin-top: 10px; display: block; } #sf-primary .sf-badges-list .gamipress-inline-achievement { font-size: 0; line-height: 0; } #sf-primary .sf-badges-list .mycred-users-badges.mycred-vertical { display: flex; } #sf-primary .sf-badges-list .mycred-users-badges.mycred-vertical img.mycred-badge-image { width: 32px; } /*My Cread*/ #sf-primary .my-cread-archivment .mycred-search-bar form { display: flex; align-items: center; justify-content: flex-end; padding: 10px; height: 60px; } #sf-primary .my-cread-archivment .mycred-search-bar form button { background: no-repeat; color: #000; margin: 0 5px; font-size: 12px; position: relative; padding: 0 0 1px; text-transform: capitalize; font-weight: 500; } #sf-primary .my-cread-archivment .mycred-search-bar form input { position: absolute; left: 0; right: 0; width: 100%; border: 2px solid gray; outline: none; padding: 10px; padding-right: 250px; font-size: 14px; font-weight: 500; border-radius: 5px; } #sf-primary .my-cread-archivment .mycred-users-badges.mycred-vertical { display: flex; gap: 20px; margin-top: 10px; } #sf-primary .my-cread-archivment .mycred-users-badges.mycred-vertical .the-badge.vertical.earned { padding: 10px; background: #fff; border-radius: 5px; box-shadow: 0 2px 7px 1px rgba(0,0,0,.05), 0 6px 32px 0 rgba(18,43,70,.1); } #sf-primary .mycred-points .sf-widget-description { display: flex; align-items: center; background: #fff; width: max-content; border-radius: 7px; padding: 8px 15px; gap: 20px; border: 2px solid #dadada; margin-top: 5px; } #sf-primary .mycred-my-balance-wrapper:before { content: "\f005"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: gray; font-size: 18px; line-height: 1; } #sf-primary .mycred-my-balance-wrapper { display: flex; gap: 8px; align-items: center; } #sf-primary .sf-badges-list .mycred-users-badges .the-badge.vertical { display: flex !important; } #sf-primary .sf-user-ranks { display: flex; align-items: center; background: #fff; width: 100%; border-radius: 7px; padding: 8px 15px; gap: 20px; border: 2px solid #dadada; margin-top: 5px; } #sf-primary .search-container {display: block; width: 100%; justify-content: center; margin-left: auto; margin-right: auto; } #sf-primary input#search { margin: 0 auto; width: 100%; height: 45px; padding: 0 30px 0 10px; border: 2px solid #D0CFCE; outline: none; font-size: 15px; border-radius: 5px; } #sf-primary input#search-bar:focus { border: 1px solid #008ABF; transition: 0.35s ease; color: #008ABF; } #sf-primary input#search-bar:focus::-webkit-input-placeholder { transition: opacity 0.45s ease; opacity: 0; } #sf-primary input#search-bar:focus::-moz-placeholder { transition: opacity 0.45s ease; opacity: 0; } #sf-primary input#search-bar:focus:-ms-placeholder { transition: opacity 0.45s ease; opacity: 0; } #sf-primary .search-icon { position: relative; float: right; width: 75px; height: 75px; top: -62px; right: -45px; } #sf-main .search-container button.sf-search-btn { display: flex; align-items: center; background: transparent; padding: 0; margin: 0; outline: none; box-shadow: none; border: none; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); } #sf-primary .search-box-wrapper { display: block; padding: 20px 25px 0; } #sf-primary .filter-card { position: relative; z-index: 999; } #sf-primary .filter-wrapper { display: none; background-color: #fff; padding: 10px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 100%; z-index: 999; width: 300px; } #sf-primary .filter-card.active .filter-wrapper { display: block; } #sf-primary .filter-wrapper input { width: calc(100% - 20px); box-sizing: border-box; } #sf-primary .filter-wrapper label { display: block; margin-bottom: 7px; font-weight: 600; font-size: 14px; color: #494949; } #sf-primary .filter-btn { background-color: #eeeff2; color: #191919; border: none; padding: 10px 15px; border-radius: 5px; cursor: pointer; margin-bottom: 10px; font-size: 13px; border: 2px solid #d7dae0; min-width: 100px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } #sf-primary .sf-custom-search-btn { background-color: #007bff; color: #fff; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; } #sf-primary .search-field-text.sf-search-bar button.sf-custom-search-btn { text-decoration: none; background: transparent; padding: 0px; margin: 0; position: relative; line-height: 0; } #sf-primary .filter-btn-wrapper { display: flex; gap: 10px; margin-top: 10px; } #sf-primary .search-container button.sf-search-btn svg { fill: darkgrey; } /*#sf-primary button.filter-btn:after { content: "\f078"; font-family: "Font Awesome 5 Free"; } */ #sf-primary button.filter-btn .sf-menu-delete-icon{ display: none; } #sf-primary .filter-wrapper-col { position: relative; } #sf-primary .sf-btn-wrapper { margin-top: 10px; } #sf-primary .sf-btn-wrapper button.sf-btn { width: 100%; } #sf-primary .search-field-text { position: relative; } #sf-primary .filter-wrapper.sf-active { display: block; } #sf-primary .filter-btn i { font-size: 13px; } #sf-primary .sf-delete-btn-show span.sf-menu-open-icon { display: none; } #sf-primary button.filter-btn.sf-delete-btn-show span.sf-menu-delete-icon { display: block; } #sf-primary button.filter-btn.sf-delete-btn-show { background: #d1d1ef; } .sf-gdpr-enabled textarea#emojionearea2 { display: none; } /*Mention User*/ #sf-primary .atwho-view-ul li img.mention-image {width: 25px;height: 25px;object-fit: cover;border-radius: 5px;} #sf-primary .atwho-view ul li { display: flex; gap: 10px; font-size: 14px; min-width: 150px; } #sf-primary .sf-inputor { width: 100%; min-height: 50px; outline: none; box-shadow: none; } #sf-primary span.atwho-inserted { color: var(--sf-link-text-color); } #sf-primary a.replaced { color: var(--sf-link-text-color); } #sf-primary .sf-inputor:after { content: attr(placeholder); opacity: 0.5; position: absolute; left: 0; top: 10px; font-style: normal; word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap; padding: 0; margin: 0; } #sf-primary .sf-inputor.sf-has-content:after { display: none; } #sf-primary .sf-inputor { position: relative; font-size: 17px; font-weight: 500; line-height: var(--sf-line-height); } #sf-primary .sf-inputor p{ line-height: var(--sf-line-height); } #sf-primary .sf-comment-list-wrapper .sf-inputor a { font-weight: inherit; font-size: inherit; line-height: 20px; color: var(--sf-link-text-color); } /*#sf-primary .sf-inputor br, #sf-primary .sf-activity-contents br { display: block; margin: 10px 0 !important; content: ' '; width: 100%; float: left; } */ #sf-primary .sf-activity-contents { line-height: var(--sf-line-height); } #sf-primary .sf-whatyousay img.emojioneemoji { display: inline; max-width: 22px; line-height: 1; vertical-align: top; } /*Alert Box*/ /*.cf, .alert { *zoom: 1; } .cf:before, .alert:before, .cf:after, .alert:after { display: table; content: ""; line-height: 0; } .cf:after, .alert:after { clear: both; } */ #sf-alerts { max-width: 400px; top: 12px; right: 10px; position: fixed; z-index: 9999999; list-style: none; padding: 0; margin: 0; min-width: 270px; } #sf-primary .sf-alert-message { font-size: 16px; line-height: var(--sf-line-height); } #sf-primary .sf-alert { width: 100%; margin-bottom: 8px; display: block; position: relative; border-left: 4px solid; right: -50px; opacity: 0; line-height: 1; padding: 0; transition: right 400ms, opacity 400ms, line-height 300ms 100ms, padding 300ms 100ms; display: flex; align-items: center; gap: 10px; } #sf-primary .sf-alert:hover { cursor: pointer; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); } #sf-primary .sf-open { right: 0; opacity: 1; line-height: 1; padding: 12px 15px; transition: line-height 200ms, padding 200ms, right 350ms 200ms, opacity 350ms 200ms; border-radius: 5px; } #sf-primary .sf-alert-title { font-weight: bold; line-height: var(--sf-line-height);} #sf-primary .sf-alert-block { width: 80%; width: -webkit-calc(100% - 10px); width: calc(100% - 10px); text-align: left; } #sf-primary .sf-alert-block em, #sf-primary .sf-alert-block small { font-size: .75em; opacity: .75; display: block; } #sf-primary .sf-alert i { font-size: 38px; margin-right: 0; display: block; opacity: 0.8;} #sf-primary .sf-alert-success { color: #fff; border-color: #539753; background-color: #8fbf2f; } #sf-primary .sf-alert-error { color: #fff; border-color: #dc4a4d; background-color: #f25c5d; } #sf-primary .sf-alert-trash { color: #fff; border-color: #dc4a4d; background-color: #f25c5d; } #sf-primary .sf-alert-info { color: #fff; border-color: #076d91; background-color: #3397db; } #sf-primary .sf-alert-warning { color: #fff; border-color: #dd6137; background-color: #f7931d; } #sf-primary .sf-alert.sf-open:after { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 600; opacity: 0.5; } #sf-primary .sf-post-content-main.sf-lr-auto-form .sf-login-register-template-style { margin-left: auto; margin-right: auto; } #sf-primary .sf-redirect-message { margin-bottom: 20px; } #sf-primary .sf-community-full-width-content .sf-login-register-template-style { max-width: 100%; height: 100%; } #sf-primary .sf-community-full-width-content .sf-login-register-template-style .sf-lr-template-form-wrapper.sf-lr-template-column .sf-lr-form { margin-left: auto; margin-right: auto; } #sf-primary .sf-community-full-width-content .sf-login-register-template-style .sf-lr-template-grid { box-shadow: none!important; min-height: 100vh; grid-template-columns: 600px auto;} #sf-primary .sf-community-full-width-content .sf-lr-template-2.sf-login-register-template-style .sf-lr-template-form-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; } #sf-primary .sf-community-full-width-content .sf-lr-template-2.sf-login-register-template-style .sf-lr-no-overflow {display: none;} #sf-primary .sf-community-full-width-content .sf-login-register-template-style .sf-lr-template-form-wrapper { display: flex; align-items: center; } #sf-primary .sf-lr-form .sf-logo { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 30px; } #sf-primary .sf-lr-form .sf-logo > a > img { text-align: center; display: block; margin-left: auto; margin-right: auto; } #sf-primary .sf-empty-box { text-align: center; padding: 40px 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: #ffffff; width: 100%; flex: 1; } #sf-primary .sf-empty-box .sf-icon { font-size: 48px; margin-bottom: 10px; } #sf-primary .sf-empty-message { color: #555; font-size: 18px; font-weight: 600; line-height: var(--sf-line-height); } #sf-primary .sf-empty-box .sf-icon i { font-size: 70px; color: #d1d1d1; } #sf-primary .sf-widget-description .sf-empty-box { margin-top: 20px; } /*Sidepopup*/ #sf-primary .sf-popup-sidebar-main { display: none; } #sf-primary .sf-popup-sidebar-main.sf-expanded { display: block; } #sf-primary .sf-popup-sidebar-container { position: fixed; height: 100%; width: 750px; background-color: #FFF; right: -250px; opacity: 0; z-index: 999; top: 0; box-shadow: -4px 0px 40px rgba(26, 26, 73, 0); transition: all .25s cubic-bezier(.05,.03,.35,1); max-width: 100%; } .admin-bar #sf-primary .sf-popup-sidebar-container{ top: 32px; } #sf-primary .sf-popup-sidebar-main.sf-expanded .sf-popup-sidebar-container { z-index: 99; right: 0; opacity: 1; box-shadow: -4px 0px 40px rgba(26, 26, 73, 0.2); } #sf-primary .sf-popup-sidebar-main.sf-expanded .sf-popup-sidebar-container { z-index: 9999; } #sf-primary .sf-popup-sidebar-main.sf-expanded:before { content: ''; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 9999; } #sf-primary .sf-popup-sidebar-main .sf-modal-start { height: calc(100vh - 32px); display: flex; flex-flow: column nowrap; } #sf-primary .sf-popup-sidebar-main header.sf-modal-header { display: flex; flex-direction: column; color: var(--sf-text-color); flex-grow: 0; flex-shrink: 0; background: var(--sf-bg-color); padding: 0; } #sf-primary .sf-popup-sidebar-main .sf-modal-header-inner { display: flex; align-items: center; justify-content: space-between; padding: 20px 10px; } #sf-primary .sf-popup-sidebar-main .sf-modal-header-inner h2 { color: var(--sf-text-color); font-size: 20px; font-weight: 700; margin: 0; } #sf-primary .sf-popup-sidebar-main .sf-modal-header-inner h2 p{ color: var(--sf-text-color); } #sf-primary .sf-popup-sidebar-main .sf-delete-icon { cursor: pointer; } #sf-primary .sf-popup-sidebar-main .sf-close-btn { cursor: pointer; color: var(--sf-text-color); text-decoration: none; outline: none; box-shadow: none;} #sf-primary .sf-popup-sidebar-main .sf-modal-header-inner .sf-delete-icon span.dashicons.dashicons-no-alt { font-size: 25px; line-height: 1; width: 25px; height: 25px; } #sf-primary .sf-popup-sidebar-main .sf-popup-content-wrapper { padding: 10px 20px; } #sf-primary .sf-popup-sidebar-main .sf-popup-body-wrapper { flex: 1 1 100%; min-height: auto; overflow: auto; padding: 0; position: relative; } #sf-primary .sf-popup-sidebar-main .sf-gray-bg-box { background: #f4f4f4; padding: 5px 15px 15px; border-radius: 5px; } #sf-primary .sf-popup-sidebar-main .sf-gray-bg-box.sf-gray-bg-box { margin-bottom: 25px; } #sf-primary .sf-popup-sidebar-main .sf-form-group > label { padding: 0 12px 4px 0; font-weight: 600; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: middle; display: block; margin-bottom: 5px; } #sf-primary .sf-popup-sidebar-main .sf-form-group .sf-input-field { padding: 10px 10px; border-radius: 3px; border: 1px solid #cbd6e2; font-size: 16px; transition: all .15s ease-out; background-color: #f5f8fa; color: #33475b; display: block; min-height: 40px; line-height: 22px; text-align: left; vertical-align: middle; width: 100%; margin-right: 0; margin-left: 0; } #sf-primary .sf-popup-sidebar-main .sf-error { color: red; font-weight: 600; font-size: 14px; margin-top: 5px; padding: 7px 10px; border-left: 5px solid; max-width: max-content; margin-top: 10px; font-size: 16px; display: none; } #sf-primary .sf-popup-sidebar-main footer.sf-popup-footer-wrapper { flex-grow: 0; flex-shrink: 0; color: #33475b; padding: 15px 20px; text-align: center; background-color: #f5f8fa; border-top: 1px solid #cbd6e2; z-index: 1; } #sf-primary .sf-popup-sidebar-main .sf-popup-btn-footer { display: flex; gap: 10px; justify-content: center; align-items: center; } #sf-primary .sf-post-content-popup { padding: 20px; } /*DAP Course Template*/ #sf-primary .dap_m_engagement-card{ padding: 0!important; } #sf-primary .dap-member-layout-converted .num_of_products_each_row_3 { gap: 15px; } #sf-primary .dap-member-layout-converted .num_of_products_each_row_3 { padding-top: 15px!important; } #sf-primary .dap_member-info.dap_member_temp_member_profile_section, #sf-primary .dap_m_engagement-card { background-color: transparent!important; padding: 0; } #sf-primary .dap_member-info.dap_member_temp_member_profile_section { display: none!important; } #sf-primary .sf-profile-header .dap_member-info.dap_member_temp_member_profile_section{ display: none!important; } #sf-primary .engagment_shortcode_cont .dap_member_engagement-main { margin: 0; } #sf-primary .engagment_shortcode_cont .dap_member_engagement-main .dap_member_engagement-inner { padding: 0; background: transparent; } #sf-primary .dap_m_engagement-card-title, #sf-primary #frontend_member_engagment_id .dap_m_engagement-card-title { line-height: 1; display: block; margin-bottom: 0!important; } #sf-primary .dap-member-layout-converted .owl-carousel.num_of_products_each_row_3 .section_wrapper { padding-top: 0; gap: 15px; } #sf-primary .completed-courses-list .completed-course-block { box-shadow: 0 0px 10px 0 #f5f5f5; border: 1px solid #e7e7e7; } #sf-primary .dap-member-layout-converted .num_of_products_each_row_1 .completed-course-block, #sf-primary .dap-member-layout-converted .num_of_products_each_row_2 .completed-course-block, #sf-primary .dap-member-layout-converted .num_of_products_each_row_3 .completed-course-block, #sf-primary .dap-member-layout-converted .num_of_products_each_row_4 .completed-course-block, #sf-primary .dap-member-layout-converted .num_of_products_each_row_5 .completed-course-block, #sf-primary .dap-member-layout-converted .num_of_products_each_row_6 .completed-course-block, #sf-primary .dap-member-layout-converted .num_of_products_each_row_7 .completed-course-block { max-width: calc(33.33% - 10px); } #sf-primary .dap_m_engagement-card .owl-carousel .owl-nav .owl-prev span, #sf-primary .dap_m_engagement-card .owl-carousel .owl-nav .owl-next span { font-size: 0; } #sf-primary .dap_m_engagement-card .owl-carousel .owl-nav span:before { content: '\f054'; font-family: "Font Awesome 5 Free"; font-size: 18px; display: block; color: #000000; font-weight: 600; line-height: 1; } #sf-primary .dap_m_engagement-card .owl-carousel .owl-nav .owl-prev span:before { content: "\f053"; } #sf-primary .dap_m_engagement-card .owl-carousel .owl-nav .owl-prev, #sf-primary .dap_m_engagement-card .owl-carousel .owl-nav .owl-next { top: -7px; right: 0; left: auto; background: #f3f3f3!important; padding: 8px 15px!important; width: 60px; border-radius: 5px; height: 34px; } #sf-primary .dap_m_engagement-card .owl-carousel .owl-nav .owl-prev { margin-right: 75px!important; } #sf-primary .dap_member_engagement-sidebar { display: none; } /*User avtar box*/ #sf-primary .sf-user-last-info-header.common-post-header { display: flex !important; margin-bottom: 10px; } #sf-primary .sf-user-last-info-header.common-post-header img.user-image { border-radius: 10px; margin-inline-end: 8px; width: 40px; height: 40px; object-fit: cover; display: block; max-width: 100%; } #sf-primary .sf-user-last-info-header.common-post-header .user-and-group { font-weight: bold; line-height: 1; } #sf-primary .sf-user-last-info-header.common-post-header .time-and-privacy { font-size: 13px; } #sf-primary .sf-user-last-info-header.common-post-header .user-and-group a { text-decoration: none; color: inherit; cursor: pointer; font-size: 15px; } .sf-user-with-badge { display: inline-flex; align-items: center; gap: 5px; } #sf-primary .sf-user-with-badge .sf-badges-list span.gamipress-inline-achievements img.gamipress-achievement-thumbnail { width: 22px; height: auto; } #sf-primary .sf-user-with-badge .sf-badges-list { margin-top: 0; } #sf-primary .sf-user-header-part-with-img h2.sf-listing-title { margin-bottom: 5px; } #sf-primary .sf-user-with-badge .sf-badges-list .mycred-users-badges .the-badge.vertical { margin-bottom: 0; } #sf-primary .sf-user-with-badge .sf-badges-list .mycred-users-badges.mycred-vertical img.mycred-badge-image { width: 22px; height: auto; } #sf-primary .sf-listing-details-container .sf-box-clickable .sf-user-header-part-with-img a.sf-before-clickable:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #sf-primary .sf-listing-details-container .sf-box-clickable.sf-po-relative { position: relative; } #sf-primary .sf-box-clickable .sf-user-last-info-header.common-post-header { position: relative; width: max-content; max-width: 100%; } /*Loader*/ .sf-loading-main { display: none; } .sf-loading-main.sf-active { display: block; } .sf-loader-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgb(0 0 0 / 71%); z-index: 99999999999; display: flex; align-items: center; justify-content: center; } .sf-loader-wrapper .sf-loader { position: absolute; } .sf-loader-wrapper .sf-loader span { position: absolute; display: block; background: #ddd; height: 20px; width: 20px; border-radius: 50%; top: -20px; perspective: 100000px; } .sf-loader-wrapper .sf-loader span:nth-child(1) { right: 60px; animation: bounce2 1s cubic-bezier(0.04, 0.35, 0, 1) infinite; animation-delay: 0s; background: #ff756f; } .sf-loader-wrapper .sf-loader span:nth-child(2) { right: 20px; animation: bounce2 1s cubic-bezier(0.04, 0.35, 0, 1) infinite; animation-delay: .2s; background: #ffde6f; } .sf-loader-wrapper .sf-loader span:nth-child(3) { right: -20px; animation: bounce2 1s cubic-bezier(0.04, 0.35, 0, 1) infinite; animation-delay: .4s; background: #01de6f; } .sf-loader-wrapper .sf-loader span:nth-child(4) { right: -60px; animation: bounce2 1s cubic-bezier(0.04, 0.35, 0, 1) infinite; animation-delay: .6s; background: #6f75ff; } .sf-loader-wrapper .sf-loader-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgb(0 0 0 / 71%); z-index: 99999; display: flex; align-items: center; justify-content: center; } .sf-is-loading .sf-max-width-auto { opacity: 0; } .sf-loader-content { color: #dcdcdc; font-size: 17px; margin-top: 50px; font-weight: 600; } @keyframes bounce2 { 0%, 6%, 100% { transform: translateY(0px); } 25% { transform: translateY(-30px); } } /* Activity Popup*/ #sf-primary .sf-editor-popup{ display: none; } #sf-primary .sf-editor-popup .sf-custom-editor { position: fixed; z-index: 999; width: 610px; left: 0; right: 0; top: 50%; margin: 0 auto; transform: translateY(-50%); } #sf-primary .sf-editor-popup:before { content: ''; z-index: 999; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgb(239 239 239 / 90%); } #sf-primary .sf-editor-popup .emojionearea.emojionearea-inline { width: 30px; border: none; outline: none; box-shadow: none; } #sf-primary .sf-editor-popup .sf-post-privacy { display: flex; height: 25px; cursor: pointer; padding: 0 10px; font-size: 11px; margin-top: 3px; border-radius: 5px; align-items: center; min-width: 98px; background: #E4E6EB; justify-content: space-between; gap: 5px; } #sf-primary .sf-editor-popup .sf-post-privacy span { font-size: 13px; margin-top: 1px; font-weight: 500; line-height: 1; } #sf-primary .sf-editor-popup .sf-post-privacy i { font-size: 11px; } #sf-primary .sf-editor-popup .sf-post-privacy i:last-child { font-size: 13px; margin-left: 1px; } #sf-primary .sf-editor-popup .sf-current-person-name h5 { font-size: 16px; font-weight: 600; } #sf-primary .sf-editor-popup .sf-mb-10 { margin-bottom: 10px; } #sf-primary .sf-editor-popup .sf-inputor { min-height: 100px; padding: 10px 0px; } #sf-primary .sf-poup-message-heading h3, #sf-primary .sf-editor-popup #sf-composer #sf-c-tabs-cvr h3 { font-size: 18px; } #sf-primary .sf-editor-popup .sf-editor-footer-main { border-top: 1px solid gainsboro; padding-top: 15px; } #sf-primary .sf-poup-message-heading, #sf-primary .sf-editor-popup #sf-composer #sf-c-tabs-cvr { display: flex; justify-content: space-between; } #sf-primary .sf-editor-popup ul.sf-files-list li { width: 80px; height: 80px;} #sf-primary .sf-editor-popup #sf-composer .sf-tb, #sf-primary .sf-editor-popup .sf-message-box-main .sf-tb{ gap: 15px; } #sf-primary .sf-editor-popup #sf-composer .sf-editor-footer-right .sf-tb, #sf-primary .sf-editor-popup .sf-message-box-main .sf-editor-footer-right .sf-tb { justify-content: flex-end; width: max-content; } #sf-primary .sf-editor-popup #sf-composer .sf-editor-footer-right, #sf-primary .sf-editor-popup .sf-message-box-main .sf-editor-footer-right { justify-content: flex-end; } #sf-primary #sf-at-icon i { color: #8e8e8e; } a.insert-at-button { display: none; } #sf-primary .sf-editor-popup .sf-audience-activated #sf-composer { display: none; } #sf-primary .sf-editor-popup section.sf-post-audience { padding: 0; background-color: #fff; border: 1px solid gainsboro; border-radius: 8px; } #sf-primary .sf-editor-popup section.sf-post-audience { opacity: 0; transition: opacity 0.12s ease; display: none; } #sf-primary .sf-editor-popup .sf-audience-activated section.sf-post-audience { opacity: 1; display: block; } #sf-primary .sf-editor-popup section.sf-post-audience header { padding: 15px; text-align: center; position: relative; border-bottom: 1px solid #bfbfbf; display: flex; justify-content: space-between; align-items: center; } #sf-primary .sf-editor-popup form .sf-post-options :where(.sf-post-list, li), #sf-primary .sf-editor-popup .sf-post-audience :where(.sf-post-arrow-back, .sf-post-icon, li .sf-post-radio) { display: flex; align-items: center; justify-content: center; } #sf-primary .sf-editor-popup section.sf-post-audience header .sf-post-arrow-back { width: 35px; height: 35px; cursor: pointer; font-size: 15px; color: #747474; border-radius: 50%; background: #E4E6EB; } #sf-primary .sf-editor-popup .sf-post-audience header h3 { font-size: 20px; font-weight: 600; margin: 0; padding: 0; line-height: 1; } #sf-primary .sf-editor-popup .sf-post-audience .sf-post-content { margin: 20px 25px 0; } #sf-primary .sf-editor-popup .sf-post-audience .sf-post-content p { font-size: 17px; font-weight: 600; line-height: 1; margin: 0; padding: 0; } #sf-primary .sf-editor-popup .sf-post-audience .sf-post-content span { font-size: 14px; color: #65676B; line-height: 1; margin-top: 7px; display: block; } #sf-primary .sf-editor-popup .sf-post-audience .sf-post-list { margin: 15px 16px 20px; list-style: none; } #sf-primary .sf-editor-popup .sf-post-audience .sf-post-list li { display: flex; cursor: pointer; margin-bottom: 5px; padding: 12px 10px; border-radius: 7px; align-items: center; justify-content: space-between; } #sf-primary .sf-editor-popup .sf-post form .sf-post-content, #sf-primary .sf-editor-popup .sf-post-audience .sf-post-list li .sf-post-column { display: flex; align-items: center; } #sf-primary .sf-editor-popup .sf-post-audience .sf-post-list li .sf-post-column .sf-post-icon { height: 50px; width: 50px; color: #333; font-size: 23px; border-radius: 50%; background: #E4E6EB; } #sf-primary .sf-editor-popup .sf-post-audience .sf-post-list li .sf-post-column .sf-post-details { margin-left: 15px; } #sf-primary .sf-editor-popup .sf-post-list li .sf-post-column .sf-post-details p { font-weight: 600; margin: 0; padding: 0; font-size: 16px; line-height: 1; } #sf-primary .sf-editor-popup .sf-post-list li .sf-post-radio input{ height: 20px; width: 20px; border-radius: 50%; position: relative; border: 1px solid #707070; } #sf-primary .sf-editor-popup .sf-post-list li.sf-post-active, .sf-post-audience .sf-post-list li.sf-post-active:hover { background: #E5F1FF; } #sf-primary .sf-editor-popup .sf-post-list li .sf-post-column .sf-post-details span { font-size: 15px; line-height: 1; } #sf-primary .sf-editor-popup section.sf-post-audience header > * { width: 33.33%; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } #sf-primary .sf-editor-popup ul.sf-files-list li input[type=file] { display: none; } #sf-primary .sf-editor-popup .sf-footer-attachment { margin-bottom: 10px; margin-top: 10px; background: #eeeeee; padding: 10px; border-radius: 7px; } #sf-primary .emojionearea .emojionearea-button>div { background-image: none!important; transform: unset!important; top: 0; line-height: 1; } #sf-primary .emojionearea .emojionearea-button>div:before { content: "\f118"; font-family: "Font Awesome 5 Free"; font-size: 22px; color: #ff9800; opacity: 1; } #sf-primary .sf-editor-popup .sf-message-box-main .sf-td{ max-height: calc(70vh - 250px); overflow-y: auto; overflow-x: hidden; align-items: flex-start; } #sf-primary .sf-composer-inline-main-box .sf-inputor:after { top: 0; } #sf-primary #sf-new-topic-modal.sf-editor-popup .sf-message-box-main .sf-td { max-height: calc(100vh - 350px); } #sf-primary #sf-new-topic-modal.sf-editor-popup .sf-inputor { min-height: unset; max-height: unset; } #sf-primary .sf-select2-field .select2-container { min-width: 100%; } #sf-primary .sf-select2-field .select2-container .select2-selection--single { height: 40px; border: 1px solid #dce0e4; border-radius: 6px; background-color: #ffffff; transition: all 0.2s ease-in-out; } #sf-primary .sf-select2-field .select2-container .select2-selection--single:hover { border-color: #b3b9bf; } #sf-primary .sf-select2-field .select2-container .select2-selection--single:focus { outline: none; } #sf-primary .sf-select2-field .select2-container .select2-selection--single .select2-selection__arrow { height: 38px; width: 30px; right: 3px; } #sf-primary .sf-select2-field .select2-container .select2-selection--single .select2-selection__arrow b { border-color: #666 transparent transparent transparent; border-width: 5px 5px 0 5px; } #sf-primary .sf-select2-field .select2-container .select2-selection--single .select2-selection__placeholder { color: #6b7280; } #sf-primary .sf-select2-field .select2-container .select2-selection--single .select2-selection__rendered { line-height: 38px; padding-left: 12px; padding-right: 30px; color: #1f2937; font-weight: 600; font-size: 14px; } #sf-primary .sf-select2-field .select2-dropdown { border: 1px solid #dce0e4; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); margin-top: 4px; } #sf-primary .sf-select2-field .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #dce0e4; border-radius: 4px; padding: 8px; } #sf-primary .sf-select2-field .select2-container--default .select2-search--dropdown .select2-search__field:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2); } #sf-primary .sf-select2-field .select2-results__option { padding: 8px 12px; font-size: 14px; } #sf-primary .sf-select2-field .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #2563eb; color: white; } #sf-primary .sf-select2-field .select2-container .select2-selection--multiple { min-height: 40px; border: 1px solid #dce0e4; border-radius: 6px; } #sf-primary .sf-select2-field .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f3f4f6; border: 1px solid #dce0e4; border-radius: 4px; margin: 4px; padding: 4px 8px; } #sf-primary .sf-select2-field .select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 24px; color: #6b7280; font-weight: 500; } #sf-primary .sf-select2-field .select2-container--default .select2-results__option.loading-results { padding: 8px 12px; color: #6b7280; } #sf-primary .sf-select2-field .select2-container--default .select2-results__message { padding: 8px 12px; color: #6b7280; } #sf-primary .sf-select2-field .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #f3f4f6; cursor: not-allowed; } #sf-primary .sf-select-forums { margin-top: 20px; display: none;} #sf-primary .sf-topic-feed-form-box .sf-select-forums { display: block;} #sf-primary #sf_frontend_topic_submit.sf-disabled-field { opacity: 0.2; pointer-events: none; } #sf-primary .sf-chat-disable { opacity: 0.2; pointer-events: none; } /*WP Menu*/ /* Main menu */ #sf-primary .main-menu .menu li { position: relative; display: inline-block; line-height: 1; } #sf-primary .main-menu .menu li a { padding: 10px 20px; display: block; text-decoration: none; color: #333; font-weight: 600; font-size: 16px; } #sf-primary .main-menu .menu ul { position: absolute; top: 100%; left: 10px; background-color: #fff; display: none; padding: 0; border-radius: 0 0 5px 5px; box-shadow: none; z-index: 99; width: 180px; } #sf-primary .main-menu .menu ul li { display: block; } #sf-primary .main-menu .menu ul li a { padding: 11px 15px; display: block; color: #333; text-decoration: none; font-weight: normal; border-bottom: 1px solid gainsboro; } #sf-primary .main-menu .menu ul:before { content: ''; position: absolute; top: -10px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-bottom-color: #fff; } #sf-primary .main-menu .menu li:hover > ul { display: block; } #sf-primary .menu-toggle { display: none; } #sf-primary .main-menu .menu ul.sub-menu li:last-child a { border-bottom: none; } /* New Topic layout*/ #sf-primary .sf-single-topic-box .sf-post-loop .sf-show-comment { padding: 0 20px; margin-top: 10px; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row { box-shadow: none; margin-bottom: 0; } #sf-primary .sf-single-topic-box .sf-comment-btn.sf-comment-btn-outline { background: transparent; border: none; padding: 0; outline: none; } #sf-primary .sf-single-topic-box .sf-comment-header { border: none; padding: 0; margin: 0; align-items: flex-start; max-width: 100%; width: 100%; } #sf-primary .sf-single-topic-box .sf-comment-content-part .sf-comment-content-wrapper { margin: 0; font-size: 16px; margin-top: 7px; word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap; } #sf-primary .common-post-content.common-content.sf-link-preview video { max-width: 100%; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row .sf-comment-content .rate .sf-comment-btn { width: 26px; height: 26px; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row .sf-comment-content .rate .value.green { line-height: 1; padding: 5px 10px; } #sf-primary .sf-single-topic-box .sf-btn-light { line-height: 1; padding: 5px 8px; font-size: 10px; } #sf-primary .sf-single-topic-box .sf-comment-content-part { flex: 1; max-width: calc(100% - 50px); } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row { box-shadow: none; padding: 0; overflow: visible; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row:hover { box-shadow: none; padding: 0; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row .sf-comment-content { padding: 0; } #sf-primary .sf-single-topic-box .sf-comment-action-wrapper { display: none; right: 10px; top: -5px; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row:hover .sf-comment-action-wrapper { display: flex; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row { border-radius: 0; border-bottom: 1px solid gainsboro; margin-bottom: 20px; padding-bottom: 10px!important; } #sf-primary .sf-single-topic-box .sf-comment-count-wrapper { margin-bottom: 30px; } #sf-primary .sf-single-topic-box .sf-comment-count-wrapper h3 { font-size: 17px; } #sf-primary .sf-single-topic-box .sf-activity-form-empty-box-inline, #sf-primary .sf-single-topic-box .sf-activity-form-empty-box { margin-bottom: 20px; } #sf-primary .sf-single-topic-box .sf-extended-list-view .sf-post-actions { border: none; padding-top: 5px; } #sf-primary .sf-single-topic-box .sf-photos-grid-container { margin-top: 5px; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row .sf-comment-content .sf-profile-img img{ height: 40px; width: 40px; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-subcomment-main { background: transparent; padding-left: 50px; padding-top: 10px; border: none; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-subcomment-main h5{ font-size: 14px; } #sf-primary .sf-comment-content-part .sf-comment-content-wrapper video { max-width: 100%; height: auto; } #sf-primary .sf-topic-feed-form-empty-box, #sf-primary .sf-activity-form-empty-box-inline, #sf-primary .sf-activity-form-empty-box { position: relative; transition: transform .2s; display: block; width: 100%; cursor: pointer; background-color: #ffffff; border: 2px solid #e6e6e6;; border-radius: var(--sf-activity-box-radius); box-shadow: none; padding: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } #sf-primary .sf-activity-form-empty-box-inline.sf-inline-editor-active { border: none; border-radius: 0; } #sf-primary .sf-activity-form-empty-box-inline.sf-inline-editor-active .whats-on-mind-view{ display: none; } #sf-primary .sf-topic-feed-form-empty-box #sf-empty-post-toolbar { display: none; } #sf-primary .sf-topic-feed-form-empty-box { margin-top: 20px; margin-bottom: 30px; } #sf-primary .sf-topic-feed-form-empty-box:hover, #sf-primary .sf-activity-form-empty-box:hover{ transform: scale(1.02); } #sf-primary .whats-on-mind-view-header { display: flex; padding: 10px 0px;} #sf-primary .sf-empty-add-post-bio { margin: 0; width: 78px; padding: 16px; height: auto; } #sf-primary .sf-empty-add-post-bio img.avatar { height: auto; border-radius: 100%; width: 45px; height: 45px; object-fit: cover; } #sf-primary #sf-empty-content-text-wrapper { flex: 1; } #sf-primary .sf-empty-textbox {border: none;outline: none;height: 70px;padding: 20px 0;margin: 0;min-height: unset;font-size: 20px;font-weight: 400;color: gray;overflow: hidden;pointer-events: none;} #sf-primary textarea.sf-empty-textbox::placeholder { color: #7a7a7a; } #sf-primary #sf-empty-post-toolbar .sf-post-footer-empty { display: flex; gap: 10px; justify-content: flex-start; align-items: flex-end; } #sf-primary #sf-empty-post-toolbar { padding: 10px; background: #f5f5f5; border-top: 1px solid #dad9d8; } #sf-primary #sf-empty-post-toolbar .sf-post-footer-empty .sf-td { display: flex; align-items: center; gap: 7px; background: #fbfbfb; padding: 5px 10px; border-radius: var(--sf-activity-box-radius); border: 2px solid gainsboro; } #sf-primary #sf-empty-post-toolbar .sf-post-footer-empty .sf-td { pointer-events: none; } #sf-primary #sf-empty-post-toolbar .sf-post-footer-empty .sf-td > span { font-weight: 600; color: gray; font-size: 14px; } /* inline editor */ #sf-primary .sf-composer-inline-main-box .sf-composer-inline { padding: 10px; background-color: #fff; width: 100%; border: 1px solid gainsboro; border-radius: 8px; background: #fbfaf9; } #sf-primary .sf-composer-inline-main-box .sf-editor-footer-right { display: flex; justify-content: flex-end; padding: 0; } #sf-primary .sf-composer-inline-main-box .sf-tb { width: max-content; } #sf-primary .sf-composer-inline-main-box #sf-c-tabs-inline { display: flex; gap: 10px; align-items: center; } #sf-primary .sf-composer-inline-main-box #sf-c-tabs-inline .sf-td { display: flex; cursor: pointer; } #sf-primary .sf-composer-inline-main-box .sf-action-btn { padding: 8px; font-size: 14px; } #sf-primary .sf-composer-inline-main-box .sf-inputor { min-height: 50px; } #sf-primary .sf-composer-inline-main-box #sf-at-icon-inline i { font-size: 20px; color: #8b8b8b; cursor: pointer; } #sf-primary .sf-composer-inline-main-box .sf-inline-editor-footer-flex { display: flex; gap: 10px; align-items: center; } #sf-primary .sf-composer-inline-main-box { display: flex; align-items: flex-start; } #sf-primary .sf-composer-inline-main-box #sf-composer-inline { flex: 1; } #sf-primary .sf-composer-inline-main-box .sf-empty-add-post-bio { padding: 10px; width: 70px; } #sf-primary .sf-composer-inline-main-box .sf-action-btn i { font-size: 14px; } #sf-primary .sf-activity-form-empty-box-inline.sf-inline-editor-active { border: none; border-radius: 0; cursor: inherit; } #sf-primary .sf-inline-editor-footer-flex .emojionearea.emojionearea-inline>.emojionearea-button { position: relative; background: transparent; align-content: normal; top: auto; left: auto; right: auto; width: 20px; opacity: 1; } #sf-primary .sf-inline-editor-footer-flex .emojionearea.emojionearea-inline { border: none; background: transparent; padding: 0; margin: 0; min-width: unset; width: auto; box-shadow: none; height: auto; } #sf-primary .sf-inline-editor-footer-flex .emojionearea-editor { width: 20px; position: absolute; opacity: 0; } #sf-primary .sf-composer-inline-main-box .sf-edior-small-preview { flex: 1; } #sf-primary .sf-composer-inline-main-box .sf-edior-small-preview ul.sf-files-list li input { display: none; } #sf-primary .sf-composer-inline-main-box .sf-edior-small-preview ul.sf-files-list li { width: 40px; height: 35px; } #sf-primary .sf-composer-inline-main-box .sf-edior-small-preview .sf-footer-attachment { margin: 0; } #sf-primary .sf-main-feed .main-feed-list .common-post .sf-activity-form-empty-box-inline .sf-empty-add-post-bio { padding: 10px; width: 70px; } #sf-primary .sf-main-feed .main-feed-list .common-post .sf-activity-form-empty-box-inline .whats-on-mind-view-header .sf-empty-add-post-bio { padding: 0; } #sf-primary .sf-dynamic-btn-shortcode { display: flex; padding: 10px; text-align: center; line-height: 1.4; text-decoration: none !important; justify-content: center; align-items: center; margin-bottom: 15px; } #sf-primary .sf-composer-inline-main-box #sf_forum_comment_form .sf-inputor, #sf-primary .sf-composer-inline-main-box #sf_forum_comment_form .sf-inputor * { font-size: 16px; line-height: var(--sf-line-height); color: #141921; margin-bottom: 15px; } #sf-primary #sf_activity_post_form-inline .sf-inputor p, #sf-primary #sf_activity_post_form-inline .sf-inputor *, #sf-primary #sf_activity_post_form-inline .sf-inputor { line-height: var(--sf-line-height); font-size: 16px; color: rgb(10 10 10 / 85%); } #sf-primary .sf-btn-text-edit-mode{ display: none; } #sf-primary .sf-comment-on-edit .sf-reply-comment-div .sf-composer-inline-main-box .sf-action-btn span.sf-btn-text-create-mode{ display: none;} #sf-primary .sf-comment-on-edit .sf-reply-comment-div .sf-composer-inline-main-box .sf-action-btn span.sf-btn-text-edit-mode{ display: inline;} #sf-primary .sf-activity-on-edit .sf-composer-inline-main-box .sf-action-btn span.sf-btn-text-create-mode{ display: none;} #sf-primary .sf-activity-on-edit .sf-composer-inline-main-box .sf-action-btn span.sf-btn-text-edit-mode{ display: inline;} #sf-primary .sf-activity-form-empty-box-inline .sf-editor-footer-left { padding: 0; } #sf-primary .sf-activity-form-empty-box-inline .medium-editor-toolbar-active .medium-editor-toolbar-actions { display: flex; margin-left: auto; margin-right: 0; width: max-content; } #sf-primary .sf-activity-form-empty-box-inline .medium-editor-toolbar-active { margin-top: 10px; margin-bottom: 10px; } .sf-close-inline-editor { position: absolute; right: -20px; top: -20px; background: #ffcbcb; color: #ff3737; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 30px; cursor: pointer; } #sf-c-c-main-inline{ position: relative; } #sf-primary .sf-community-content-column.sf-move-v-center { display: flex; flex-direction: column; } #sf-primary .sf-community-content-column.sf-move-v-center .sf-post-content-main {flex: 1;display: flex;flex-direction: column;justify-content: center;} #sf-primary.sf-user-not-logged-in .sf-community-content-column.sf-main-activities > .sf-container { height: 100%; position: relative; } #sf-primary .sf-comment-on-edit .sf-profile-img, #sf-primary .sf-comment-on-edit .sf-comment-user-name-info, #sf-primary .sf-comment-on-edit .sf-comment-content-wrapper, #sf-primary .sf-comment-on-edit .sf-gallery-main-photo, #sf-primary .sf-comment-on-edit .sf-gallery-main-video, #sf-primary .sf-comment-on-edit .sf-comment-footer{ display: none!important; } .sf-reply-comment-div .sf-composer-inline-main-box { margin-top: 10px; } .sf-reply-comment-div .sf-composer-inline-main-box .sf-composer-inline { flex: 1; } #sf-primary .sf-reply-comment-div .sf-composer-inline-main-box .sf-empty-add-post-bio { width: 50px; padding: 8px; display: none; } #sf-primary .sf-reply-comment-div .sf-composer-inline-main-box .sf-empty-add-post-bio img { height: auto; } #sf-primary .sf-composer-inline-main-box .custom-toolbar-container-sf-mention-list-main-inline .sf-me-custom-toolbar .medium-editor-toolbar-actions { margin-left: auto; margin-right: 0; width: max-content; } #sf-primary .sf-editor-popup button#sf_submit_comment_form { display: none; } #sf-primary .sf-editor-popup.sf-comment-popup button#sf_submit_activity_form { display: none; } #sf-primary .sf-editor-popup.sf-comment-popup button#sf_submit_comment_form { display: block; } #sf-primary .sf-editor-popup.sf-comment-popup .sf-tb.sf-mb-10 { display: none!important; } /*Mobile Menu*/ #sf-primary .sf-mobile-menu-tab { display: none; width: 400px; align-items: stretch; justify-content: space-around; background-color: #fff; border-radius: 0; position: fixed; bottom: 0; z-index: 999; box-shadow: 0 2px 7px 1px rgba(0,0,0,.05), 0 6px 32px 0 rgba(18,43,70,.1); left: 0; right: 0; width: 100%; } #sf-primary .sf-mobile-menu-tab .sf-mobile-menu-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 20px 10px; } #sf-primary .sf-mobile-menu-tab .sf-mobile-menu-btn:hover i{ color: var(--sf-bg-color); } #sf-primary .sf-mobile-menu-tab .sf-mobile-menu-btn i { font-size: 25px; margin-bottom: 0; line-height: 1; } #sf-primary .sf-mobile-menu-tab .sf-mobile-menu-btn.sf-active a { color: var(--sf-bg-color); } #sf-primary.scp-hide-mobile-menu-item .sf-mobile-menu-tab .sf-mobile-menu-btn.sf-open-menu-icon-sidebar { display: none; } .sf-sidebar-activated #sf-primary .sf-community-content-column.sf-main-profile:before, .sf-sidebar-activated #sf-primary .sf-poster-content-row.sf-show-column:before {content: ''; position: absolute;background: rgb(0 0 0 / 38%);left: 0;right: 0;top: 0;bottom: 0;z-index: 1;} .sf-sidebar-activated #sf-primary .sf-poster-content-right { position: fixed; display: block; left: 0; right: auto; width: 85%; padding: 0; z-index: 99; background: #fff; overflow-y: auto; height: calc(100% - 120px); top: 60px; } .sf-widget-mobile-icon { display: none; position: fixed; right: 0; background: #fff; padding: 20px 10px; box-shadow: 0 2px 7px 1px rgba(0,0,0,.05), 0 6px 32px 0 rgba(18,43,70,.1); top: 50%; z-index: 999; border-radius: 5px 0 0 5px; transform: translateY(-50%); font-size: 14px; line-height: 1; } .sf-sidebar-activated #sf-primary .sf-post-content-box-widget .widget { padding: 15px 15px; margin-bottom: 0; border: none; border-bottom: 1px solid gainsboro; margin-bottom: 0; border-radius: 0; } #sf-primary .sf-activity-comment-images ul.sf-activity-comment { display: flex; flex-direction: row; flex-wrap: wrap; gap: 7px; margin-top: 10px; background: #f6f3f3; padding: 8px 8px; border-radius: 5px; } #sf-primary .sf-activity-comment-images ul.sf-activity-comment li img { width: 70px; height: 70px; object-fit: cover; } #sf-primary .image-wrapper a.glightbox { display: block; width: 100%; } #sf-primary .sf-comment-count-wrapper > a.sf-btn.sf-btn-primary { display: none; } /*SF New Proifle Page*/ #sf-primary .sf-page-v2-style .sf-activity-profile-page .sf-poster-content-row.sf-show-column main.sf-main-feed { padding-left: 0; padding-right: 0; } #sf-primary .sf-page-v2-style .sf-two-column-wrapper.sf-gap-40 { gap: 40px; } #sf-primary .sf-page-v2-style .sf-two-column-wrapper .sf-column-8.sf-c-8-gap-40 { width: calc(66.66666667% - 30px); } #sf-primary .sf-page-v2-style .sf-profile-header .sf-li-row.sf-ptb-20.sf-card-footer { padding-bottom: 20px; } #sf-primary .sf-sticky-main-wrapper.sf-set-fixed-bottom { align-items: flex-end!important; } #sf-primary .sf-sticky-main-wrapper.sf-set-fixed-bottom .sf-sticky-right-wrapper { position: sticky; bottom: 0; top: unset!important; min-height: calc(100vh - 90px) } /* Widget Empty Post*/ #sf-primary ul.sf-latest-posts { list-style: none; padding: 0; } #sf-primary ul.sf-latest-posts li { display: flex; margin-bottom: 15px; gap: 15px; position: relative; } #sf-primary ul.sf-latest-posts li a.sf-post-link { width: 45px; max-height: 45px; background: var(--sf-bg-color); border-radius: 5px; overflow: hidden; } #sf-primary ul.sf-latest-posts li .sf-post-content { flex: 1; } #sf-primary ul.sf-latest-posts li .sf-post-content h4 { margin: 0; line-height: 1; font-weight: 400; font-size: 14px; letter-spacing: -.24px; line-height: 21px; } #sf-primary span.sf-post-date { font-size: 13px; color: #383838; letter-spacing: -.24px; line-height: 19.5px; margin: 3px 0 0; } #sf-primary ul.sf-latest-posts li a.sf-post-link img { width: 45px; height: 45px; object-fit: cover; position: relative; z-index: 2; } #sf-primary ul.sf-latest-posts li a.sf-post-link.sf-empty-img-box:before { content: '\f03e'; position: absolute; top: 0; left: 0; display: flex; width: 45px; height: 45px; justify-content: center; align-items: center; z-index: 1; font-family: "Font Awesome 5 Free"; color: #fff; font-size: 24px; } #sf-primary h2.widget-title { margin-bottom: 20px; } .sf-gdpr-enabled textarea#emojionearea1 { display: none!important; } #sf-primary .sf-sticky-icon { color: #616161; } #sf-primary .sf-post-bookmark-icon-flex { display: flex; gap: 10px; width: 50px; justify-content: flex-end; } #sf-primary .sf-pin-post-wrapper-with-bookmark .sf-post-bookmark-icon { position: unset; } #sf-primary .sf-pin-post-wrapper-with-bookmark { width: max-content; text-align: right; position: absolute; right: 10px; top: 10px; display: flex; gap: 10px; align-items: center; background: #fff; padding: 10px 15px; border-radius: 5px; line-height: 1; } #sf-primary aside.sf-standard-layout-v2__sidebar { padding-bottom: 20px; } #sf-primary .sf-forum-community-lounge-list { padding: 20px 20px 15px; background: #fff; margin-top: 40px; border-radius: var(--sf-other-card-radius); position: relative; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.15); gap: 20px; } #sf-primary .sf-forum-community-lounge-list h2 { font-size: 19px; font-weight: 700; line-height: 32px; margin-bottom: 10px; } #sf-primary .sf-forum-community-lounge-list h3 { font-size: 17px; font-weight: 700; line-height: 1.5; margin-bottom: 10px; border-bottom: 1px solid #f2f2f2; padding-bottom: 5px; } #sf-primary .sf-list-item-wrapper { margin-bottom: 20px; } #sf-primary .sf-list-item-wrapper > div { font-size: 17px; } #sf-primary ul.sf-list-item-wrapper li:before { margin-right: 8px; content: "\f138"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #797979; } #sf-primary ul.sf-list-item-wrapper { padding-left: 0; margin-bottom: 20px; } #sf-primary ul.sf-list-item-wrapper li { margin-bottom: 10px; } #sf-primary ul.sf-list-item-wrapper li a { color: var(--sf-link-text-color); } #sf-primary .sf-forum-community-lounge-list .sf-list-main-wrapper {border-radius: 5px; margin-bottom: 20px; } #sf-primary .sf-forum-community-lounge-list div, #sf-primary .sf-forum-community-lounge-list li, #sf-primary .sf-forum-community-lounge-list p { margin-bottom: 15px; font-size: 16px; line-height: var(--sf-line-height); color: #19283a; list-style: inherit; display: block; } #sf-primary .sf-forum-community-lounge-list .sf-list-main-wrapper { border-radius: 5px; margin-bottom: 20px; border: 2px solid whitesmoke; padding: 10px; } /*Theme header intigration*/ html{--sfb_screen_res: calc(100vw - 17px);} /*.sf-theme-header-activated .sf-user-bottom-sticky-menu { background: #fff; padding: 10px 15px; z-index: 99999999; width: 100%; top: 32px; height: 55px; max-width: calc((var(--sf_widget_area_width))); margin-left: auto; } */ .sf-theme-header-activated #sf-primary .sf-user-bottom-sticky-menu .sf-icons { width: 100%; display: flex; justify-content: flex-end; position: relative; } /*.sf-theme-header-activated #sf-primary .sf-user-bottom-sticky-menu .sf-icons .sf-profile-links { top: auto; bottom: 40px; } .sf-theme-header-activated #sf-primary .sf-header-notification-box.af-popup-active { left: 0; bottom: 40px; top: auto; right: auto; min-width: unset; width: 100%; } */ .sf-theme-header-activated #sf-primary .sf-header-messages-box.af-popup-active, .sf-theme-header-activated #sf-primary .sf-header-notification-box.af-popup-active { /*left: 0; right: auto; min-width: unset; */ width: 100%; } .sf-theme-header-activated #sf-primary .sf-user-bottom-sticky-menu .sf-icons .sf-notification { position: unset; } .sf-theme-header-activated #sf-primary .sf-user-bottom-sticky-menu .sf-icons .sf-bookmark-topic{ display: none; } .sf-theme-header-activated #sf-primary { margin-left: calc((var(--sfb_screen_res) - 100%) / -2); max-width: var(--sfb_screen_res); width: var(--sfb_screen_res); } /*body.archive.tax-smart_forum_category.admin-bar.sf-theme-header-activated #sf-primary.sf-has-sticky-header .sf-content-heading { top: 20px; }*/ .sf-theme-header-activated .ast-container { max-width: 100%; padding: 0; } .sf-theme-header-activated #sf-primary .sf-community-content-column { height: unset; } .sf-theme-header-activated #sf-primary .sf-community-menu-column { height: unset; /*margin-top: -70px;*/} .sf-theme-header-activated #sf-primary aside.sf-standard-layout-v2__sidebar { padding-bottom: 50px; } /*.sf-theme-header-activated #sf-primary .sf-user-bottom-sticky-menu-container { margin-left: auto; margin-right: 0; position: sticky; top: 32px; height: 55px; max-width: calc(100% - 350px); padding-top: 15px; margin-bottom: 15px; } */ .sf-theme-header-activated #sf-primary .sf-user-bottom-sticky-menu-container { margin-left: auto; margin-right: 0; position: sticky; top: 32px; z-index: 99; } .sf-theme-header-activated #sf-primary .sf-popup-sidebar-main.sf-expanded:before { z-index: 99999999999; } .sf-theme-header-activated #sf-primary .sf-popup-sidebar-main.sf-expanded .sf-popup-sidebar-container { z-index: 9999999999; } .sf-theme-header-activated #sf-primary.sf-has-sticky-header .sf-community-menu-column, .sf-theme-header-activated #sf-primary.sf-has-sticky-header .sf-community-content-column { height: calc(100vh - var(--sf_custom_header_offset)); } /*.sf-theme-header-activated #sf-primary .sf-top-sticky-bar-fixed { padding: 0 20px; position: absolute; right: 0; z-index: 999; }*/ .sf-thrive-element-header div#theme-top-section { display: none!important; } .sf-thrive-element-header div#content { display: none!important; } .sf-thrive-element-header div#theme-bottom-section { display: none!important; } .sf-thrive-element-header footer#thrive-footer { display: none!important; } .sf-thrive-element-header #wrapper { min-height: unset!important; } .sf-thrive-element-header header#thrive-header { z-index: 99999999999!important; } .medium-editor-anchor-preview,.medium-editor-toolbar { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; z-index: 2000 } @-webkit-keyframes medium-editor-image-loading { 0% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes medium-editor-image-loading { 0% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes medium-editor-pop-upwards { 0% { opacity: 0; -webkit-transform: matrix(.97,0,0,1,0,12); transform: matrix(.97,0,0,1,0,12) } 20% { opacity: .7; -webkit-transform: matrix(.99,0,0,1,0,2); transform: matrix(.99,0,0,1,0,2) } 40% { opacity: 1; -webkit-transform: matrix(1,0,0,1,0,-1); transform: matrix(1,0,0,1,0,-1) } 100% { -webkit-transform: matrix(1,0,0,1,0,0); transform: matrix(1,0,0,1,0,0) } } @keyframes medium-editor-pop-upwards { 0% { opacity: 0; -webkit-transform: matrix(.97,0,0,1,0,12); transform: matrix(.97,0,0,1,0,12) } 20% { opacity: .7; -webkit-transform: matrix(.99,0,0,1,0,2); transform: matrix(.99,0,0,1,0,2) } 40% { opacity: 1; -webkit-transform: matrix(1,0,0,1,0,-1); transform: matrix(1,0,0,1,0,-1) } 100% { -webkit-transform: matrix(1,0,0,1,0,0); transform: matrix(1,0,0,1,0,0) } } .medium-editor-anchor-preview { left: 0; line-height: 1.4; max-width: 280px; position: absolute; text-align: center; top: 0; word-break: break-all; word-wrap: break-word; visibility: hidden } .medium-editor-anchor-preview a { color: #fff; display: inline-block; margin: 5px 5px 10px } .medium-editor-anchor-preview a.medium-editor-toolbar-anchor-preview-inner { margin: 0; text-decoration: none; } .medium-editor-placeholder-relative:after, .medium-editor-placeholder:after { content: attr(data-placeholder)!important; white-space: pre; padding: inherit; margin: inherit; font-style: normal; } .medium-editor-anchor-preview-active { visibility: visible } .medium-editor-dragover { background: #ddd } .medium-editor-image-loading { -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out; animation: medium-editor-image-loading 1s infinite ease-in-out; background-color: #333; border-radius: 100%; display: inline-block; height: 40px; width: 40px } .medium-editor-placeholder { position: relative } .medium-editor-placeholder:after { position: absolute; left: 0; top: 0 } .medium-editor-placeholder-relative,.medium-editor-placeholder-relative:after { position: relative } .medium-toolbar-arrow-over:before { border-width: 0 8px 8px; top: -8px } .medium-editor-toolbar ul { margin: 0; padding: 0 } .medium-editor-toolbar li { float: left; list-style: none; margin: 0; padding: 0 } .medium-editor-toolbar li button { box-sizing: border-box; cursor: pointer; display: block; font-size: 14px; line-height: 1.33; margin: 0; text-decoration: none; padding: 5px 10px; background: #f2f2f2; color: #000; margin: 0 3px; min-width: 30px; } .medium-editor-toolbar li button:focus { outline: 0 } .medium-editor-toolbar li .medium-editor-action-underline { text-decoration: underline } .medium-editor-toolbar li .medium-editor-action-pre { font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace; font-size: 12px; font-weight: 100; padding: 15px 0 } .medium-editor-toolbar-active { visibility: visible } .medium-editor-sticky-toolbar { position: fixed; top: 1px } .medium-editor-relative-toolbar { position: relative } .medium-editor-action-bold { font-weight: bolder } .medium-editor-toolbar-form { display: none; padding: 0; border-radius: 10px; gap: 10px; } .medium-editor-toolbar-form a, .medium-editor-toolbar-form input { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif } .medium-editor-toolbar-form .medium-editor-toolbar-form-row { line-height: 14px; margin-left: 5px; padding-bottom: 5px } .medium-editor-toolbar-form .medium-editor-toolbar-input, .medium-editor-toolbar-form label { border: none; box-sizing: border-box; font-size: 14px; margin: 0; padding: 6px; width: 316px; display: inline-block } #sf-primary .medium-editor-toolbar-form .medium-editor-toolbar-input:focus, .medium-editor-toolbar-form-active { display: flex; align-items: center; width: 100%; } .medium-editor-toolbar-actions:after { clear: both; content: ""; display: table } .medium-editor-element { word-wrap: break-word; min-height: 30px } .medium-editor-element img { max-width: 100% } .medium-editor-element sub { vertical-align: sub } .medium-editor-element sup { vertical-align: super } .medium-editor-hidden { display: none } .medium-editor-toolbar-form .medium-editor-toolbar-input { background: #fff; border: 2px solid gainsboro; border-radius: 5px; line-height: 1; height: auto; padding: 8px 10px; width: 100%; } #sf-primary .medium-editor-toolbar-form-active a { width: 35px; height: 30px; background: #e8fff6; line-height: 1; display: flex; justify-content: center; align-items: center; color: #1ea874; border-radius: 5px; font-size: 0; } #sf-primary .medium-editor-toolbar-form-active a.medium-editor-toolbar-close { background: #ffdede; color: #d07676; } #sf-primary .medium-editor-toolbar-form-active > a:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 14px; } #sf-primary .medium-editor-toolbar-form-active a.medium-editor-toolbar-close:before { content: "\f00d"; } div#custom-toolbar-container-sf-mention-list-main { display: flex; justify-content: flex-end; width: 100%; } div#custom-toolbar-container-sf-mention-list-main .sf-me-custom-toolbar { width: 100%; display: flex; } #sf-primary .sf-main-feed ul#medium-editor-toolbar-actions1 { margin-left: auto; margin-right: 0; } .sf-previous-next-posts-outer { display: flex; gap: 10px; justify-content: space-between; margin-top: 10px; } /*Gamipress*/ #sf-primary .sf-post-content-main .gamipress-rank-title, #sf-primary .sf-post-content-main .gamipress-rank-description h4 { font-size: 16px; margin-bottom: 6px; } #sf-primary .sf-post-content-main ul.gamipress-rank-earners-list img.avatar { border-radius: 100%; width: 30px; height: 30px; object-fit: cover; margin-right: 2px; margin-left: 2px; } #sf-primary .sf-post-content-main ul.gamipress-rank-earners-list span.earner-display-name { position: absolute; background: #000; color: #fff; display: none; bottom: 100%; width: 150px; padding: 5px 10px; line-height: 1.2; font-weight: 600; z-index: 999; text-align: center; font-size: 14px; border-radius: 5px; left: -50%; transform: translateX(-24px); max-width: 150px; } #sf-primary .sf-post-content-main ul.gamipress-rank-earners-list li:hover span.earner-display-name { display: block; } #sf-primary span.gamipress-inline-rank-thumbnail img { width: 20px; } #sf-primary span.gamipress-inline-rank-title { display: none; } #sf-primary .sf-user-last-info-header.common-post-header .user-and-group a { display: block; text-decoration: none; } #sf-primary .sf-user-last-info-header.common-post-header .time-and-privacy { line-height: 1; margin-top: 3px; } #sf-primary .sf-post-content-main .gamipress-user-points { background-color: #f9f9f9; border-radius: 8px; padding: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); max-width: 300px; } #sf-primary .sf-post-content-main .gamipress-points { display: flex; align-items: center; } #sf-primary .sf-post-content-main .gamipress-user-points-image { margin-right: 15px; } #sf-primary .sf-post-content-main .gamipress-user-points-image img { border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background: #fff; padding: 5px; } #sf-primary .sf-post-content-main .gamipress-user-points-description { display: flex; flex-direction: column; } #sf-primary .sf-post-content-main .gamipress-user-points-amount { font-size: 24px; font-weight: bold; color: #333; line-height: 1;} #sf-primary .sf-post-content-main .gamipress-user-points-label { font-size: 14px; color: #666; margin-top: 5px; line-height: 1;} #sf-primary .sf-post-content-full-content .gamipress-points-type { background-color: #f8f8f8; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); width: 100%; max-width: 100%; } #sf-primary .sf-post-content-full-content .gamipress-points-type-title { font-size: 22px; color: #333; margin-top: 0; margin-bottom: 15px; } #sf-primary .sf-post-content-full-content .gamipress-points-awards-heading { font-size: 18px; color: #555; margin-top: 0; margin-bottom: 10px; } #sf-primary .sf-post-content-full-content .gamipress-points-awards { list-style-type: none; padding-left: 0; margin-bottom: 0; padding-bottom: 0; } #sf-primary .sf-post-content-full-content .gamipress-points-awards li { margin-bottom: 10px; padding: 10px; background-color: #fff; border-radius: 4px; transition: background-color 0.3s ease; list-style: none; } #sf-primary .sf-post-content-full-content .gamipress-points-awards li:hover { background-color: #f0f0f0; } #sf-primary .sf-post-content-full-content .gamipress-points-awards a { text-decoration: underline; transition: color 0.3s ease; } #sf-primary .sf-post-content-full-content [class^="gamipress"] .user-has-not-earned { opacity: 0.7; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content h3.gamipress-points-type-title { display: none; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content ul.gamipress-points-deducts { padding-left: 0; margin-top: 5px; } #sf-primary #sf-gamification-activity-modal .gamipress-points-type-deducts { margin-top: 30px; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content h4.gamipress-points-deducts-heading { margin-bottom: 0; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content [class^="gamipress"] .user-has-not-earned { border-left: none; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content [class^="gamipress"] .user-has-not-earned:before { margin-right: 10px; content: "\f14a"; font-family: "Font Awesome 5 Free"; font-weight: 900; text-decoration: none; font-size: 20px; line-height: 1; vertical-align: text-bottom; color: #ef784d; } #sf-primary .sf-post-content-full-content .gamipress-points-type-description { width: 100%; } #sf-primary .sf-post-content-full-content .gamipress-rank { background-color: #f9f9f9; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex; align-items: flex-start; } #sf-primary .sf-post-content-full-content .gamipress-rank-image img { border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background: #fff; padding: 5px; } #sf-primary .sf-post-content-full-content .gamipress-rank-description { flex: 1; } #sf-primary .sf-post-content-full-content .gamipress-rank-title { font-size: 24px; color: #333; margin: 0 0 10px 0; } #sf-primary .sf-post-content-full-content .gamipress-rank-excerpt p { font-size: 14px; color: #666; margin: 0 0 15px 0; } #sf-primary .sf-post-content-full-content .gamipress-rank-requirements { background-color: #fff; border-radius: 4px; padding: 10px; } #sf-primary .sf-post-content-full-content .gamipress-open-close-switch a { text-decoration: none; font-size: 14px; } #sf-primary .sf-post-content-full-content .gamipress-rank-requirements-heading { font-size: 16px; color: #333; margin: 10px 0; } #sf-primary .sf-post-content-full-content .gamipress-rank-requirements ul { list-style-type: none; padding: 0; } #sf-primary .sf-post-content-full-content .gamipress-rank-requirements li { font-size: 14px; color: #666; margin-bottom: 5px; } #sf-primary .sf-post-content-full-content [class^="gamipress"] .user-has-earned, #sf-primary .sf-post-content-full-content [class^="gamipress"] .user-has-earned a { color: #28a745; } #sf-primary .sf-post-content-full-content [class^="gamipress"] .user-has-not-earned { color: #000000; } #sf-primary .sf-post-content-full-content .current-user-rank { border: 2px solid #28a745; } #sf-primary .sf-post-content-full-content #gamipress-achievements-filters-wrap { margin-bottom: 20px; } #sf-primary .sf-post-content-full-content #gamipress-achievements-filter { display: flex; align-items: center; gap: 10px; } #sf-primary .sf-post-content-full-content #gamipress-achievements-filter label { font-weight: bold; } #sf-primary .sf-post-content-full-content #achievements_list_filter { padding: 8px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; } #sf-primary .sf-post-content-full-content .gamipress-achievement { background-color: #f9f9f9; border-radius: 8px; padding: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex; align-items: flex-start; width: 100%; } #sf-primary .sf-post-content-full-content .gamipress-achievement-image { margin-right: 20px; } #sf-primary .sf-post-content-full-content .gamipress-achievement-image img { border-radius: 5px; width: 100px; height: 100px; object-fit: cover; padding: 5px; background: #fff; } #sf-primary .sf-post-content-full-content .gamipress-achievement-description { flex: 1; } #sf-primary .sf-post-content-full-content .gamipress-achievement-title { font-size: 18px; margin: 0 0 10px 0; } #sf-primary .sf-post-content-full-content .gamipress-achievement-title a { color: #333; text-decoration: none; } #sf-primary .sf-post-content-full-content .gamipress-achievement-excerpt { font-size: 14px; color: #666; margin-bottom: 15px; } #sf-primary .sf-post-content-full-content .gamipress-achievement-steps-heading { font-size: 16px; margin: 10px 0; } #sf-primary .sf-post-content-full-content .gamipress-achievement-steps { list-style-type: none; padding: 0; } #sf-primary .sf-post-content-full-content .gamipress-achievement-steps li { font-size: 14px; color: #666; margin-bottom: 5px; padding: 5px; background-color: #fff; border-radius: 4px; } #sf-primary .sf-post-content-full-content [class^="gamipress"] .user-has-earned { border-left: 4px solid #28a745; } #sf-primary .sf-post-content-full-content [class^="gamipress"] .user-has-not-earned { border-left: 4px solid #dc3545; } #sf-primary .sf-post-content-full-content #gamipress-achievements-load-more { display: block; margin: 20px auto; padding: 10px 20px; background-color: #0066cc; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } #sf-primary .sf-post-content-full-content #gamipress-achievements-load-more:hover { background-color: #0056b3; } #sf-primary .sf-post-content-full-content .gamipress-spinner { text-align: center; padding: 20px; } #sf-primary .sf-post-content-full-content .gamipress-earnings-table { width: 100%; border-collapse: separate; border-spacing: 0; background-color: #fff; border-radius: 8px; overflow: hidden; border: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } #sf-primary .sf-post-content-full-content .gamipress-earnings-table th, #sf-primary .sf-post-content-full-content .gamipress-earnings-table td { padding: 10px 15px; text-align: left; border: none; border-bottom: 1px solid #e0e0e0; font-size: 14px; } #sf-primary .sf-post-content-full-content .gamipress-earnings-table thead th { background-color: #f5f5f5; font-weight: bold; color: #333; text-transform: uppercase; font-size: 14px; } #sf-primary .sf-post-content-full-content .gamipress-earnings-table tbody tr:hover { background-color: #f9f9f9; } #sf-primary .sf-post-content-full-content .gamipress-earnings-col-thumbnail img { border-radius: 50%; width: 50px; height: 50px; object-fit: cover; } #sf-primary .sf-post-content-full-content .gamipress-earning-title { display: inline-block; font-weight: bold; color: #333; margin-bottom: 6px; } #sf-primary .sf-post-content-full-content .gamipress-earning-description { font-size: 14px; color: #666; } #sf-primary .sf-post-content-full-content .gamipress-earnings-col-points { font-weight: bold; color: #28a745; } #sf-primary .sf-post-content-full-content .gamipress-earnings-pagination { margin-top: 20px; text-align: center; } #sf-primary .sf-post-content-full-content .gamipress-earnings-pagination .page-numbers { display: inline-block; padding: 8px 12px; margin: 0 5px; border: 1px solid #ddd; border-radius: 4px; color: #333; text-decoration: none; display: flex; } #sf-primary .sf-post-content-full-content .gamipress-earnings-pagination .page-numbers.current { background-color: #28a745; color: #fff; border-color: #28a745; } #sf-primary .sf-post-content-full-content .gamipress-earnings-table tr { border: none!important; } #sf-primary .sf-post-content-full-content .gamipress-earnings-table td { line-height: 1; } #sf-primary .sf-main-feed .user-and-group { display: flex; gap: 10px; line-height: 1; } #sf-primary .sf-main-feed a.gamipress-inline-rank-link { line-height: 1; display: flex; } #sf-primary .sf-user-ranks #gamipress-user-ranks .current-user-rank.gamipress-layout-left { border-color: #28a745; background-color: #f3fff5; position: relative; } #sf-primary .sf-user-ranks #gamipress-user-ranks .current-user-rank.gamipress-layout-left:before { content: var(--sf-current-box-text); position: absolute; right: 0; top: 0; background: #28a745; color: #fff; padding: 7px; font-size: 14px; line-height: 1; } #sf-primary .sf-profile-user-content .sf-user-name-wraper { display: flex; gap: 5px; align-items: center; } #sf-primary #sf-gamification-activity-modal .sf-user-activities-earning-table .gamipress-earning-title { font-size: 14px; margin-bottom: 0; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content .gamipress-earnings-table thead th { font-size: 13px; font-weight: 600; text-transform: capitalize; } #sf-primary #sf-gamification-activity-modal.sf-popup-sidebar-main .sf-popup-sidebar-container { width: 800px; } #sf-primary .sf-post-content-full-content .gamipress-earnings-table td.gamipress-earnings-col.gamipress-earnings-col-thumbnail.gamipress-earnings-col-empty { background-image: url(../images/token.png); background-position: center; background-repeat: no-repeat; background-size: 40px; } @media (max-width: 768px) { #sf-primary .sf-post-content-full-content .gamipress-earnings-table, #sf-primary .sf-post-content-full-content .gamipress-earnings-table tbody, #sf-primary .sf-post-content-full-content .gamipress-earnings-table tr, #sf-primary .sf-post-content-full-content .gamipress-earnings-table td { display: block; } #sf-primary .sf-post-content-full-content .gamipress-earnings-table thead { display: none; } #sf-primary .sf-post-content-full-content .gamipress-earnings-table tr { margin-bottom: 15px; border: 1px solid #e0e0e0; border-radius: 8px; } /*#sf-primary .sf-post-content-full-content .gamipress-earnings-table td::before { content: attr(data-label); position: absolute; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } */ #sf-primary .sf-post-content-full-content .gamipress-achievement { display: flex; flex-direction: column; gap: 10px; } #sf-primary .sf-post-content-full-content .gamipress-achievement .gamipress-achievement-image { width: 100%; } #sf-primary .sf-post-content-full-content .gamipress-achievement-description { width: 100%; } #sf-primary .sf-post-content-main .gamipress-points { padding: 10px; } #sf-primary .sf-post-content-full-content .gamipress-points-type { padding: 10px; } #sf-primary .sf-post-content-full-content .gamipress-points-awards a { text-align: left; } #sf-primary .sf-post-content-full-content .gamipress-rank-image { margin: 0 auto 20px; } #sf-primary .sf-post-content-full-content .gamipress-rank-description { width: 100%; } #sf-primary .sf-post-content-full-content .gamipress-earnings-table td.gamipress-earnings-col.gamipress-earnings-col-thumbnail { border: none; display: block; margin: auto; width: 100%; } } @media (max-width: 767px) { #sf-primary .dap_member_frontend_shortcode .dap_single_column .dap_btn_container, #sf-primary .dap_single_column .dap_btn_container { position: unset !important;} } @media (max-width: 480px) { #sf-primary .sf-post-content-full-content .gamipress-rank { flex-direction: column; text-align: center; } #sf-primary .sf-post-content-full-content .gamipress-rank-image { margin-right: 0; margin-bottom: 15px; } } @media (max-width: 768px) { #sf-primary .sf-post-content-full-content .gamipress-columns-2 { column-count: 1; } } /*SF Model CSS*/ #sf-primary .sf-model-box { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); padding: 10px 20px; background: var(--sf-popup-bg-color); width: var(--sf-popup-width); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999999; border-radius: 5px; max-width: 100%; } #sf-primary .sf-model-wrapper:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 99999; } #sf-primary .sf-model-heading { display: flex; justify-content: space-between; align-items: center; } #sf-primary .sf-model-heading-icon { color: var(--sf-popup-icon-color); position: relative; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 100%; } #sf-primary .sf-model-heading-content { display: flex; align-items: center; gap: 10px; } #sf-primary .sf-model-heading-content h3.sf-section-heading { margin: 0; padding: 0; font-size: 20px; font-weight: 600; color: var(--sf-popup-text-color); } #sf-primary .sf-model-content-wrapper p { margin-top: 0; margin-bottom: 10px; color:var(--sf-popup-text-color); } #sf-primary a.sf-close-btn svg path { fill: #000; fill-opacity: 7; } #sf-primary .sf-model-content-wrapper p:last-child { margin: 0; font-size: 17px; font-weight: 400; line-height: 1.5; } #sf-primary .sf-model-content-wrapper { margin-bottom: 10px; margin-top: 10px; border-top: 1px solid gainsboro; padding-top: 10px; min-height: 100px; } #sf-primary .sf-model-footer { display: flex; gap: 0; justify-content: center; border-top: 1px solid gainsboro; padding-top: 10px; flex-direction: column; align-items: flex-end; } #sf-primary .sf-model-box .sf-model-content-wrapper { max-height: 250px; overflow-y: auto; } #sf-primary .sf-model-heading-icon:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--sf-popup-icon-color); opacity: 0.2; border-radius: 100%; } #sf-primary .sf-model-heading-icon i { position: relative; z-index: 999; } #sf-primary .sf-model-wrapper.sf-opt-in-confirmation-modal .sf-model-box { background: #fff3f3; width: 650px;} #sf-primary .sf-model-bottom-right .sf-model-box { bottom: 20px; right: 20px; transform: unset; top: unset; left: unset; } #sf-primary .sf-model-bottom-right .sf-model-box .sf-model-content-wrapper { min-height: unset; } #sf-primary .sf-model-bottom-right .sf-model-box .sf-model-close-icon { display: block; } #sf-primary .sf-model-footer .sf-primary-btn.sf-btn { background: var(--sf-popup-btn-color); color: var(--sf-popup-btn-text-color); } #sf-primary .sf-model-left-footer a.sf-dont-ask-again { font-size: 13px; color: var(--sf-link-text-color); border-bottom: 1px solid; } #sf-primary .sf-model-right-footer { display: flex; gap: 10px; } #sf-primary .sf-model-right-footer { display: flex; align-items: center; justify-content: flex-start; } #sf-primary .sf-model-right-footer .sf-back-btn.sf-btn { line-height: 1.8; } /*New Comment Area*/ .sf-comment-content-part .sf-comment-layout-box span.sec-like-box-count {background: #ffffff;padding: 8px 10px;line-height: 1;border-radius: 33px;cursor: pointer;box-shadow: 0 0 6px -2px rgba(0, 0, 0, .3);position: absolute;right: 5px;bottom: 5px;transform: translate(50%, 50%);z-index: 1;display: flex;gap: 5px;} .sf-comment-content-part .sf-comment-layout-box span.sec-like-box-count > a{display: flex;gap: 5px;} .sf-comment-content-part .sf-comment-layout-box { width: 100%; background: #fafafa; max-width: calc(100% - 50px); padding: 10px 15px; border-radius: 6px; margin-bottom: 5px; min-width: 180px; } .sf-comment-content-part .sf-comment-layout-box { position: relative; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row:hover .sf-comment-content-part .sf-comment-layout-box .sf-comment-action-wrapper { right: -50px; top: 0; z-index: 2; } #sf-primary .sf-comment-content-part .sf-comment-layout-box.sf-liked i.sf-show-if-empty { display: none; } /*New Leaderboard Style*/ #sf-primary .sfb-lb-list-view-container { display: flex; gap: 24px; flex-direction: row; flex-wrap: wrap; justify-content: center; } #sf-primary .sfb-lb-list-view-board { flex: 1; background: #fcfcfc; border-radius: 12px; padding: 24px; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.08); border: 1px solid #f4f4f4; } #sf-primary .sfb-lb-list-view-title { font-size: 20px; font-weight: 600; text-align: center; margin: 0 0 10px 0; color: #1a1a1a; border-bottom: 1px solid gainsboro; padding-bottom: 10px; } #sf-primary .sfb-lb-list-view-list { list-style: none; padding: 0; margin: 0; } #sf-primary .sfb-lb-list-view-item { display: flex; align-items: center; padding: 8px 0; min-height: 48px; } #sf-primary .sfb-lb-list-view-rank-container { width: 40px; height: 40px; position: relative; display: flex; align-items: center; justify-content: center; } #sf-primary .sfb-lb-list-view-rank { color: #666; font-size: 15px; font-weight: 500; text-align: center; } #sf-primary .sfb-lb-list-view-medal { position: absolute; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; } #sf-primary .sfb-lb-list-view-medal-1 { background: #FFA500; } #sf-primary .sfb-lb-list-view-medal-2 { background: #C0C0C0; } #sf-primary .sfb-lb-list-view-medal-3 { background: #8B4513; } #sf-primary .sfb-lb-list-view-list .avatar { width: 40px; height: 40px; border-radius: 50%; margin: 0 12px; object-fit: cover; } #sf-primary .sfb-lb-list-view-name { flex: 1; font-size: 15px; font-weight: 500; color: #1a1a1a; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } #sf-primary .sfb-lb-list-view-fire { display: inline-block; margin-left: 4px; } #sf-primary .sfb-lb-list-view-score { font-size: 15px; font-weight: 500; } #sf-primary .sfb-lb-list-view-score-recent { color: #2b6cb0; } #sf-primary .sfb-lb-list-view-score-alltime { color: #1a1a1a; } #sf-primary .sfb-lb-list-view-medal:after { content: "\f02e"; font-family: "Font Awesome 5 Free"; color: #FFA500; position: absolute; top: calc(100% - 14px); z-index: 0; } #sf-primary .sfb-lb-list-view-medal > span { position: relative; z-index: 1; } #sf-primary .sfb-lb-list-view-medal.sfb-lb-list-view-medal-1:after { color: #FFA500; } #sf-primary .sfb-lb-list-view-medal.sfb-lb-list-view-medal-2:after { color: #C0C0C0; } #sf-primary .sfb-lb-list-view-medal.sfb-lb-list-view-medal-3:after { color: #8B4513; } #sf-primary .sf-no-leaderboards-found { color: var(--leaderboard-main-text-color); text-align: center; display: block; width: 100%; } /*New Topic Feeds*/ #sf-primary .sfb-tfeed-container { margin: 0 auto 0; max-width: var(--sf-community-feed-width); padding: 0 20px;} #sf-primary .sfb-tfeed-header { margin-bottom: 20px; } #sf-primary .sfb-tfeed-nav { position: relative; display: flex; gap: 12px; padding: 0; margin-bottom: 24px; overflow: hidden; } #sf-primary .sfb-tfeed-nav-scroll { display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding-right: 60px; } #sf-primary .sfb-tfeed-nav-scroll::-webkit-scrollbar { display: none; } #sf-primary .sfb-tfeed-more-menu { position: absolute; right: 0; top: 0; background: linear-gradient(90deg, transparent, #f8f9fa 20%); padding: 0 0 0 40px; display: flex; align-items: center; } #sf-primary .sfb-tfeed-nav-item-menu, #sf-primary .sfb-tfeed-nav-item { padding: 13px 20px; background: white; border-radius: 8px; font-size: 14px; color: #666; cursor: pointer; white-space: nowrap; transition: all 0.2s; border: 1px solid #eee; line-height: 1; height: 42px; } #sf-primary .sfb-tfeed-nav-item.active { background: var(--sf-bg-color); color: var(--sf-text-color); border-color: var(--sf-bg-color); } #sf-primary .sfb-tfeed-post { background: white; border-radius: 12px; padding: 20px; margin-bottom: 26px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } #sf-primary .sfb-tfeed-post:hover { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } #sf-primary .sfb-tfeed-post-header { display: flex; align-items: center; margin-bottom: 16px; } #sf-primary .sfb-tfeed-avatar { width: 40px; height: 40px; border-radius: 50%; background: #e9ecef; margin-right: 12px; overflow: hidden; } #sf-primary .sfb-tfeed-post-meta { flex: 1; } #sf-primary .sfb-tfeed-author { font-weight: 600; color: #1a1a1a; margin-bottom: 4px; } #sf-primary .sfb-tfeed-timestamp { font-size: 13px; color: #666; } #sf-primary .sfb-tfeed-content { font-size: 16px; line-height: 1.5; color: #333; margin-bottom: 16px; } #sf-primary .sfb-tfeed-content-desc a { color: #333; } #sf-primary .sfb-tfeed-image { margin: 16px -20px; position: relative; background: #f8f9fa; min-height: 200px; display: flex; align-items: center; justify-content: center; } #sf-primary .sfb-tfeed-image img { max-width: 100%; height: auto; } #sf-primary .sfb-tfeed-engagement { display: flex; align-items: center; gap: 12px; padding-top: 12px; border-top: 1px solid #eee; } #sf-primary .sfb-tfeed-stat > a{ display: flex; align-items: center; gap: 8px; color: #666; font-size: 14px; cursor: pointer; padding: 6px; border-radius: 6px; transition: all 0.2s; } #sf-primary .sfb-tfeed-stat:hover { background: #f0f2f5; } #sf-primary .sfb-tfeed-stat svg { width: 20px; height: 20px; } #sf-primary .sfb-tfeed-avatars { display: flex; align-items: center; margin-left: auto; } #sf-primary .sf-expand-item .sfb-tfeed-nav-scroll { overflow: unset; display: flex; flex-direction: row; flex-wrap: wrap; padding-right: 0; } #sf-primary .sfb-tfeed-avatars a { width: 30px; height: 30px; margin-left: 3px;} #sf-primary .sfb-tfeed-avatars a img { width: 30px; height: 30px; border-radius: 50%; border: 2px solid #dfdfdf; } #sf-primary.sfb-tfeed-new-comment { font-size: 13px; color: #1a73e8; margin-left: 12px; margin-left: 0; } #sf-primary .sf-expand-item .sfb-tfeed-nav-scroll { overflow: unset; display: flex; flex-direction: row; flex-wrap: wrap; padding-right: 0; } #sf-primary .sf-expand-item .sfb-tfeed-more-menu { display: none; } #sf-primary .sfb-tfeed-content h4 { font-size: 20px; color: #333; margin-bottom: 7px; } #sf-primary .sfb-tfeed-author { font-weight: 600; font-style: normal; font-size: 16px; line-height: 1.5; margin-bottom: 0; } #sf-primary .sfb-tfeed-new-comment { font-size: 14px; } #sf-primary .sf-topic-feed-form-empty-box #sf-empty-content-textarea .sf-empty-textbox { font-size: 18px; line-height: 37px; } #sf-primary .sf-hide-forum-back-btn .sf-content-heading { display: none; } /*Live Chat*/ #sf-primary #sf-live-chat { margin-left: 20px; margin-right: 20px; } #sf-primary #sf-live-chat .sfb-chat-container { display: flex; height: calc(100vh - 246px); background: #fff; padding: 0; margin: 30px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); border-radius: 10px; overflow: hidden; max-width: var(--sf-chat-container-width); margin-left: auto; margin-right: auto;} #sf-primary #sf-live-chat .sfb-sidebar { width: 375px; border-right: 1px solid #e6e6e6; display: flex; flex-direction: column; background: white; } #sf-primary #sf-live-chat .sfb-sidebar-header { padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; /*border-bottom: 1px solid #e6e6e6;*/ position: relative; } #sf-primary #sf-live-chat .sfb-sidebar-title { color: #393e41; font-size: 24px; font-weight: 600; letter-spacing: -0.24px; line-height: 1.3; padding: 0; } #sf-primary #sf-live-chat .sfb-header-actions { display: flex; gap: 10px; } #sf-primary #sf-live-chat .sfb-header-btn { background: none; border: none; cursor: pointer; padding: 4px; display: flex; align-items: center; color: #666; } #sf-primary #sf-live-chat .sfb-header-btn svg { width: 24px; height: 24px; fill: #393e41;} #sf-primary #sf-live-chat .sfb-dropdown-menu { position: absolute; top: 100%; right: 16px; background: white; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); min-width: 200px; z-index: 1000; display: none; margin-top: 4px; padding: 5px; } #sf-primary #sf-live-chat .sfb-dropdown-menu.sfb-show { display: block; } #sf-primary #sf-live-chat .sfb-dropdown-item { padding: 10px 15px; display: flex; align-items: center; gap: 12px; color: #393e41; text-decoration: none; cursor: pointer; transition: background-color 0.2s; font-size: 13px; line-height: 1; } #sf-primary #sf-live-chat .sfb-dropdown-item > a { color: #393e41; } #sf-primary #sf-live-chat .sfb-dropdown-item:hover { background-color: #f5f5f5; } #sf-primary #sf-live-chat .sfb-dropdown-item svg { width: 18px; height: 18px; color: #666; } #sf-primary #sf-live-chat .sfb-search-container { padding: 0 20px 10px; /* border-bottom: 1px solid #f0f0f0; */ background: #fff; } #sf-primary #sf-live-chat .sfb-search-input { width: 100%; padding: 12px 12px 12px 40px; border: none; border-radius: 8px; font-size: 14px; background: #f5f7fb; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 12px center; transition: all 0.2s ease; min-width: 100%; } #sf-primary #sf-live-chat .sfb-search-input:focus { background-color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); outline: 2px solid gainsboro; } #sf-primary #sf-live-chat .sfb-chat-list { flex: 1; overflow-y: auto; padding: 10px 20px; } #sf-primary #sf-live-chat .sfb-chat-item { display: flex; align-items: center; cursor: pointer; border-bottom: 1px solid #f5f5f5; padding: 15px; margin-bottom: 4px; border-radius: 0 5px 5px 0; border: none; transition: all 0.2s ease; } #sf-primary #sf-live-chat .sfb-chat-item:hover { background: #fbfaf9; transform: translateX(4px); } #sf-primary #sf-live-chat .sfb-chat-item.sfb-active { background: var(--sf-chat-active-color); border-left: 2px solid #2196f3; border: none; border-radius: 6px; } #sf-primary #sf-live-chat .sfb-avatar { margin-right: 12px; object-fit: cover;width: 52px; height: 52px; border-radius: 62px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); border: 3px solid var(--sf-chat-border-color); } #sf-primary #sf-live-chat .sfb-chat-details { flex: 1; min-width: 0; } #sf-primary #sf-live-chat .sfb-chat-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; } #sf-primary #sf-live-chat .sfb-chat-name { font-size: 14px; font-weight: 600; color: #393e41; text-transform: capitalize; } #sf-primary #sf-live-chat .sfb-chat-time { font-size: 13px; font-weight: 400; color: #aaaaaa; letter-spacing: -0.19px; line-height: 17px; } #sf-primary #sf-live-chat .sfb-user-msg-box { color: #393e41; font-size: 13px; font-weight: 500; letter-spacing: -0.21px; line-height: 1.5; display: flex; align-items: center; } #sf-primary #sf-live-chat .sfb-chat-time:before { content: ""; height: 3px; width: 3px; border-radius: 50%; vertical-align: middle; background-color: #aaaaaa; margin-right: 5px; display: inline-block; display: none;} #sf-primary #sf-live-chat .sfb-last-message { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: #393e41; margin-top: 0; display: inline-block; vertical-align: middle; padding-right: 5px; flex: 1; } #sf-primary #sf-live-chat .sfb-main-chat { flex: 1; display: flex; flex-direction: column; background: #ffffff; position: relative;} #sf-primary #sf-live-chat .sfb-main-header { display: flex; justify-content: space-between; align-items: center; position: relative; border-bottom: 1px solid #e6e6e6; padding: 16px 24px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); po } #sf-primary #sf-live-chat .sfb-main-user { display: flex; align-items: center; gap: 12px; } #sf-primary #sf-live-chat .sfb-user-info { display: flex; flex-direction: column; } #sf-primary #sf-live-chat .sfb-user-name { font-size: 16px; font-weight: 600; color: #393e41; } #sf-primary #sf-live-chat .sfb-user-status { color: #aaaaaa; font-size: 13px; font-weight: 400; line-height: 1.4; display: inline-block; } #sf-primary #sf-live-chat .sfb-messages-area { flex: 1; padding: 20px; overflow-y: auto; background: #fff; padding: 24px; display: flex; flex-direction: column; gap: 16px; } #sf-primary #sf-live-chat.sfb-create-room-show .sfb-messages-area { opacity: 0; pointer-events: none; } #sf-primary #sf-live-chat .sfb-message { display: flex; align-items: flex-start; margin-bottom: 8px; gap: 8px; } #sf-primary #sf-live-chat .sfb-message-content { background: transparent; color: #1a1a1a; padding: 0; border-radius: 8px; font-size: 14px; line-height: 1; flex: 1;} #sf-primary #sf-live-chat .sfb-message.sfb-sent { flex-direction: row-reverse; } #sf-primary #sf-live-chat .sfb-message.sfb-sent .sfb-message-content { background: #2563eb; color: #fff; border-bottom-right-radius: 4px; } #sf-primary #sf-live-chat .sfb-input-area { padding: 16px 24px 24px 24px; background: #fff; border-top: 1px solid #f0f0f0; } #sf-primary #sf-live-chat .sfb-input-container { border: 1px solid #e6e6e6; display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 24px; border-radius: 16px; background: #f8fafc; transition: all 0.2s ease; } #sf-primary #sf-live-chat .sfb-message-input { flex: 1; border: none; outline: none; font-size: 14px; padding: 8px 0; resize: none; padding: 8px 0; font-size: 14px; line-height: 1.5; color: #1e293b; background: transparent; } #sf-primary #sf-live-chat .sfb-input-actions { display: flex; gap: 16px; align-items: center; padding: 0 8px; } #sf-primary #sf-live-chat .sfb-action-btn { background: none; border: none; cursor: pointer; display: flex; align-items: center; padding: 8px; border-radius: 8px; color: #64748b; transition: all 0.2s ease; } #sf-primary #sf-live-chat .sfb-action-btn svg { width: 20px; height: 20px; } #sf-primary #sf-live-chat .sfb-send-btn { padding: 10px; border-radius: 62px; background: #2563eb; color: #fff; transition: all 0.2s ease; } #sf-primary #sf-live-chat .sfb-send-btn svg { width: 20px; height: 20px; fill: #fff;} #sf-primary #sf-live-chat .sfb-message.sfb-received .sfb-message-content { background: #fff; border-bottom-left-radius: 4px; color: #1e293b; } #sf-primary #sf-live-chat .sfb-input-container:focus-within { background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); } #sf-primary #sf-live-chat .sfb-message-input::placeholder { color: #94a3b8; } #sf-primary #sf-live-chat .sfb-action-btn:hover { background: #f1f5f9; color: #2563eb; } #sf-primary #sf-live-chat .sfb-send-btn:hover { background: #1d4ed8; transform: translateX(2px); } #sf-primary #sf-live-chat .sfb-message .sfb-avatar { width: 43px; height: 43px; margin-right: 10px; } #sf-primary #sf-live-chat .sfb-message .sfb-msg-person-info { display: flex; align-items: center; gap: 5px; margin-bottom: 3px; } #sf-primary #sf-live-chat .sfb-message .sfb-message-person-name { font-size: 14px; color: #393e41; letter-spacing: -0.2px; line-height: 1.5; font-weight: 600; } #sf-primary #sf-live-chat .sfb-message .sfb-message-time { color: #aaaaaa; font-size: 13px; padding-left: 3px; line-height: 1.5; } #sf-primary #sf-live-chat .sfb-message .sfb-person-message-content { color: #393e41; line-height: 1.5; overflow: initial; word-wrap: break-word; font-size: 14px; } #sf-primary #sf-live-chat .sfb-thread-multiple-avatar:before { content: ""; height: 38px; width: 38px; background-color: #ffffff; border-radius: 50%; position: absolute; left: 15px; top: 15px; z-index: 1; } #sf-primary #sf-live-chat .sfb-thread-multiple-avatar { min-height: 52px; min-width: 52px; position: relative; margin-right: 12px; } #sf-primary #sf-live-chat .sfb-thread-multiple-avatar .sfb-avatar { width: 35px; height: 35px; position: absolute; left: 0; top: 0; } #sf-primary #sf-live-chat .sfb-thread-multiple-avatar .sfb-avatar+img { top: 17px; left: 17px; z-index: 2; margin: 0; } #sf-primary #sf-live-chat .sfb-messages-notice { display: none; } #sf-primary #sf-live-chat.sf-page-archive #sf_chat_form { display: none!important; } #sf-primary #sf-live-chat.sf-page-archive .sfb-messages-notice { display: block; width: 100%; text-align: center; } #sf-primary #sf-live-chat.sf-page-archive .sfb-header-actions { display: none; } #sf-primary #sf-live-chat .sfb-messages-notice { border: 0; border-radius: 6px; margin: 0; background-color: #fbfaf9; padding: 20px; width: 100%; text-align: center;} #sf-primary #sf-live-chat .sfb-feedback.notice p { margin: 0; padding: 0; text-align: center; line-height: 1.5; color: #aaaaaa; font-size: 13px; } #sf-primary #sf-live-chat .archive-button.archived.generic-button > a { font-size: 14px; font-weight: 600; color: #ff703d; line-height: 1.5; min-height: auto; background: none; border: 0; padding: 0; } #sf-primary #sf-live-chat.sf-page-archive .button-wrapper .archive-button { margin-top: 5px; } #sf-primary a.sfb-goto-chat { display: flex; align-items: center; gap: 5px; } #sf-primary .sfb-no-message-content > h3 { font-size: 24px; font-weight: 600; margin-bottom: 5px; color: #393e41; } #sf-primary .sfb-no-message-content > p { font-size: 16px; color: #5b5b5b; line-height: 1.5; margin-top: 5px; } #sf-primary .sfb-empty-msg-icon svg { fill: gainsboro; width: 80px; height: 80px; } #sf-primary .sf-chat-start-btn .sf-create-chat-room { text-align: center; margin: auto; margin-top: 10px; } #sf-primary .sfb-no-message-content { text-align: center; } #sf-primary .sf-chat-start-btn p { font-weight: 500; color: #19283a; line-height: var(--sf-line-height); font-size: 16px; } #sf-primary .sf-chat-start-btn h3 { font-size: 19px; } /*#sf-primary #sf-live-chat.sfb-empty-chat .sfb-main-header { display: none; } */ #sf-primary #sf-live-chat.sfb-empty-chat .sf-composer-inline-main-box { display: none; } #sf-primary #sf-live-chat.sfb-empty-chat .sfb-messages-area { display: none; } #sf-primary #sf-live-chat.sfb-empty-chat .sfb-messages-notice { display: none; } #sf-primary #sf-live-chat .sfb-no-message-wrap { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); display: none; } #sf-primary #sf-live-chat.sfb-empty-chat .sfb-no-message-wrap { display: block; } #sf-primary .sfb-person-message-content iframe { display: block; margin: 10px 0; border-radius: 8px; max-width: 400px; } #sf-primary #sf-live-chat span.sf-message-deleted { background: #fbfaf9; color: #aaaaaa; font-size: 13px; font-weight: 400; padding: 5px 15px 5px 10px; border: none; border-radius: 4px; margin-top: 7px; display: block; width: max-content; max-width: 100%; } #sf-primary #sf-live-chat span.sf-message-deleted:before { content: "\f05e"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; } #sf-primary #sf-live-chat .sfb-message .sfb-person-message-content .sf-gallery-main-photo.sf-gallery-img-box { margin-top: 10px; } #sf-primary #sf-live-chat .sfb-document-wrap { padding: 10px 15px; background: #fbfaf9; display: flex; border-radius: 5px; max-width: 600px; margin-top: 10px; width: max-content; max-width: 100%; min-width: 300px; justify-content: space-between; align-items: center; } #sf-primary #sf-live-chat .sfb-document-wrap a.sf-entry-img { font-size: 21px; margin-right: 10px; background: #fff; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 8px; border: 1px solid gainsboro; } #sf-primary #sf-live-chat a.sf-document-detail-wrap { display: flex; flex-direction: column; } #sf-primary #sf-live-chat .sfb-download-left-part { display: flex; align-items: center; } #sf-primary #sf-live-chat span.document-description { font-size: 13px; color: #aaaaaa; } #sf-primary #sf-live-chat a.sf-document-download-wrap { width: 54px; height: 34px; background: #000000; border-radius: 4px; display: flex; justify-content: center; align-items: center; color: #ffffff; } #sf-primary #sf-live-chat li.sf-image-preview.sf-file-preview { background: #d9d9d9; display: flex; justify-content: center; align-items: center; font-size: 20px; } #sf-primary .sfb-alert-popup .sfb-popup-body { padding: 15px 20px; } #sf-primary .sfb-alert-popup .sfb-popup-header { padding: 12px 20px; } #sf-primary .sfb-alert-popup .sfb-popup-footer { padding: 12px 20px; } #sf-primary .sf-notice-bar { position: relative; background: var(--sf-chat-bg-image) no-repeat; background-position: center; background-size: cover;background-color:var(--sf-chat-banner-background-color); } #sf-primary .sf-notice-outer { display: flex; justify-content: space-between; } #sf-primary .sf-notice-left { flex-direction: column; padding: 25px 25px 25px 0; } #sf-primary .sf-notice-left h4 { color: #131313; margin-bottom: 5px; font-size: 28px; line-height: 1.4; font-weight: 700;} #sf-primary .sf-notice-left p { font-size: 18px; color: #131313; margin-bottom: 0; } #sf-primary .sf-notice-left { max-width: var(--sf-chat-inner-box-width); flex: 1; position: relative; background: var(--sf-chat-innerbox-bg-color); padding: 20px; border-radius: 5px; margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 25px; } #sf-primary .sf-notice-left h4, #sf-primary .sf-notice-left p { color: var( --sf-chat-innerbox-text-color); } #sf-primary .sf-community-menu-column { scrollbar-width: none; -ms-overflow-style: none; } #sf-primary .sf-community-menu-column::-webkit-scrollbar { display: none; /* For Chrome, Safari, and Opera */ } #sf-primary .sf-notice-bar:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(213, 213, 213, 0.3); z-index: 0; } #sf-primary .sf-notice-bar .sf-container { position: relative; } #sf-live-chat #sf_chat_form { width: 100%; } #sf-primary #sf-live-chat .sf-composer-inline-main-box #sf_chat_form .sf-editor-footer-right { padding: 0; } #sf-primary #sf-live-chat .sfb-message-input { height: 72px; padding: 15px; overflow-y: auto; width: 100%; } #sf-live-chat #sf-c-c-main-inline { padding: 0; border: 1px solid #e0dfdb; border-radius: 6px; margin: 15px 30px; padding: 0; -webkit-transition: box-shadow ease 0.1s; transition: box-shadow ease 0.1s; background: #fff; } #sf-primary #sf-live-chat .sf-composer-inline-main-box .sf-edior-small-preview .sf-footer-attachment { margin-right: auto; margin-left: auto; width: 100%; } #sf-primary #sf-live-chat .sf-editor-footer-left { padding: 0; } #sf-primary #sf-live-chat .sf-editor-footer-main { background: #f9f9f9; padding: 10px; border-radius: 0; } #sf-primary #sf-live-chat .sf-composer-inline-main-box { background: #fff; } #sf-primary #sf-live-chat .sfb-send-btn { padding: 8px; } #sf-primary #sf-live-chat .sfb-send-btn svg { width: 17px; height: 17px; } #sf-primary #sf-live-chat .sfb-date-header { text-align: center; font-size: 13px; position: relative; background: transparent; z-index: 2; position: relative; top: 0; } #sf-primary #sf-live-chat .sfb-date-header:before { content: ''; border-bottom: 1px solid gainsboro; width: 100%; position: absolute; left: 0; right: 0; top: calc(50% - 1px); transform: translateY(-50%); } #sf-primary #sf-live-chat .sfb-date-header span {width: max-content;margin-left: auto;margin-right: auto;padding: 6px 10px;border-radius: 6px;background: #f3f3f3; font-weight: 600; z-index: 1; position: relative;} #sf-primary #sf-live-chat .sfb-messages-area:hover .sfb-date-header { position: sticky; } #sf-primary #sf-live-chat .sfb-messages-area:hover .sfb-date-header:before{ display:none; } #sf-primary .sf-header-messages-box .sf-messages-main-row { max-width: 400px; margin: 0 auto; background-color: #ffffff; border-radius: 8px; padding: 0; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-chat-item-top { display: flex; align-items: center; padding: 12px 16px; border-bottom: 1px solid #e0e0e0; transition: background-color 0.3s ease; cursor: pointer; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-chat-item-top:last-child { border-bottom: none; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-chat-item-top:hover { background-color: #f0f0f0; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-chat-item-top.sfb-active { background-color: var(--sf-chat-active-color); } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-person-thumb-img { margin-right: 12px; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-avatar { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; border: 2px solid #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-thread-multiple-avatar { display: flex; position: relative; width: 55px; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-thread-multiple-avatar .sfb-avatar { width: 40px; height: 40px; margin-right: -10px; border: 2px solid #ffffff; z-index: 1; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-thread-multiple-avatar .sfb-avatar:nth-child(2) { z-index: 2; margin-left: -13px; margin-top: 13px; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-chat-details { flex-grow: 1; overflow: hidden; position: relative; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-chat-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-chat-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; font-size: 14px; font-weight: 600; color: #393e41; text-transform: capitalize; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-user-msg-box { display: flex; justify-content: space-between; align-items: center; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-last-message { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; font-size: 13px; color: #393e41; margin-top: 0; display: inline-block; } #sf-primary .sf-header-messages-box .sf-messages-main-row .sfb-chat-time { margin-left: 10px; font-size: 13px; font-weight: 400; color: #aaaaaa; letter-spacing: -0.19px; line-height: 17px; } #sf-primary .sf-empty-notification-alert { margin-bottom: 10px; box-shadow: none; margin-top: 10px; } #sf-primary .sf-header-messages-box span.sfb-unread-count { position: absolute; right: 0; z-index: 99; background: #ff703d; width: 10px; height: 10px; font-size: 0px; border-radius: 10px; top: 0; } #sf-live-chat #sf-c-c-main-inline:hover { box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .05), 0 6px 18px 0 rgba(18, 43, 70, .1); } #sf-primary ul.select2-selection__rendered { padding: 5px; } #sf-primary .select2-search__field::placeholder { color: #858585; opacity: 1; } #sf-primary #sf-live-chat.sfb-empty-chat .sfb-main-header-info-box .sfb-chat-options { opacity: 0; pointer-events: none; } #sf-primary .select2-container .select2-search--inline .select2-search__field { font-size: 15px; line-height: 1; font-weight: 500; caret-color: auto; pointer-events: auto; visibility: visible; width: auto !important; } #sf-primary #sf-live-chat.sfb-create-room-show .sfb-header-btn.sf-create-chat-room { background: #f1f1f1; border-radius: 5px; } #sf-primary #sf-live-chat .sf-close-chat-room { cursor: pointer; } body .select2-dropdown { border: none; padding: 8px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06), 0 6px 24px rgba(0, 0, 0, 0.12); border: 1px solid var(--bb-content-border-color); margin: 40px 0 0 -30px; max-width: 230px; } body .select2-container--default .select2-results__option { border-radius: 6px; color: #393e41!important; font-size: 13px; font-weight: 500; padding: 6px 8px; } body .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #fbfaf9; } body .select2-results__option img { max-width: 30px; margin-right: 6px; } #sf-primary .sfb-main-header-create-box li.select2-selection__choice { background-color: var(--sf-chat-active-color) !important; border: 0; border-radius: 6px; font-size: 15px; color: #393e41; letter-spacing: -0.24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: row-reverse; flex-flow: row-reverse; padding: 6px 6px 6px 10px; margin-right: 5px; font-weight: 600; line-height: 1; } #sf-primary .sfb-main-header-create-box .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #393e41; padding-left: 5px; font-size: 18px; } #sf-primary li.select2-search.select2-search--inline { line-height: 1; } #sf-primary .select2-container--default .select2-selection--multiple { line-height: 1; } #sf-primary .sf-before-text-wrapper-text { font-size: 15px; color: #393e41; font-weight: 600; } /* Modern Popup Styles */ #sf-primary .sfb-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); z-index: 1000; padding: 20px; } #sf-primary .sfb-popup-content { position: relative; background-color: #fff; margin: 5% auto; width: 90%; max-width: 560px; border-radius: 16px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); overflow: hidden; } #sf-primary .sfb-popup-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; border-bottom: 1px solid #f0f0f0; } #sf-primary .sfb-popup-header h2 { margin: 0; font-size: 20px; font-weight: 600; color: #1a1a1a; } #sf-primary .sfb-close-popup { background: none; border: none; padding: 4px; cursor: pointer; color: #666; transition: color 0.2s; line-height: 0; } #sf-primary .sfb-close-popup:hover { color: #1a1a1a; } #sf-primary .sfb-popup-body { padding: 24px; max-height: 380px; overflow-y: auto; } #sf-primary .sfb-popup-footer { padding: 20px 24px; border-top: 1px solid #f0f0f0; display: flex; justify-content: flex-end; gap: 12px; } #sf-primary .group-block-members-confirm p, #sf-primary .group-block-members-confirm, #sf-primary .group-block-members-confirm li { font-size: 14px; padding: 0; font-size: 16px; } #sf-primary .group-block-members-confirm ul { margin: 0; padding: 0; margin-bottom: 10px; } #sf-primary .group-block-members-confirm li { list-style: disc; margin-left: 15px; } #sf-primary .group-block-members-confirm p { margin-bottom: 10px; } #sf-primary #sf-live-chat span.sfb-unread-count { position: absolute; right: 10px; z-index: 99; background: #ff703d; width: 10px; height: 10px; font-size: 0px; border-radius:10px; top: 25px; } #sf-primary #sf-live-chat .sfb-chat-item { position: relative } @media screen and (max-width: 1200px) { #sf-primary .sf-community-menu-column { left: calc(-1 * var(--sf-left-menu-width)); position: absolute; z-index: 99; transition: transform 0.3s ease; } #sf-primary .sf-mobile-menu-tab{ display: flex; } .sf-menu-opened #sf-primary .sf-community-menu-column { transform: translateX(100%); } #sf-primary .sf-community-content-column { width: 100%; } #sf-primary .sf-grid-view .sf-post-loop .sf-post-row { width: calc(50% - 10px); } #sf-primary .sf-listing-container .sf-listing-image-container img { height: 250px; } .tax-smart_forum_category #sf-primary .sf-tab-list, .post-type-archive-smartforum #sf-primary .sf-tab-list { position: relative; top: unset; } #sf-primary .sfb-lb-list-view-container { gap: 16px; padding: 16px; } #sf-primary .sfb-lb-list-view-board { padding: 20px; } } @media screen and (max-width: 991px) { #sf-primary .sf-poster-content-row.sf-show-column { margin-top: 0; flex-direction: column; gap: 0; } #sf-primary .sf-poster-content-right { width: 100%; } /* body:not(.sf-open-widget) #sf-primary .minimized-sidebar-activated .sf-poster-content-right { display: block; } */ #sf-primary .minimized-sidebar-activated .sf-widget-icon { display: none; } #sf-primary .sf-post-banner{ padding: 20px 20px; } #sf-primary .sf-main-feed { padding-left: 30px; padding-right: 30px; max-width: 100%; margin-top: 30px; } #sf-primary .sf-poster-content-left{ width: 100% !important; max-width: 100% !important; } .sf-widget-mobile-icon{ display: none; } body.home .sf-widget-mobile-icon{ display: block; } #sf-primary .sf-custom-header-for-lesson header{ position: relative; z-index: 2; } #sf-primary .sf-two-column-wrapper .sf-column-8{ width: 100%; } #sf-primary .sf-col-3 { width: 50%; } #sf-primary .sf-login-register-template-style.sf-lr-template-1 { max-height: calc(90vh - 50px); overflow-y: auto; } #sf-primary .sfb-lb-list-view-container { flex-direction: column; gap: 24px; } #sf-primary .sfb-lb-list-view-board { width: 100%; max-width: 600px; margin: 0 auto; } } @media screen and (max-width: 767px) { #sf-primary .sf-model-box{ max-width: calc(100% - 40px); left: 20px; right: 20px; transform: translate(0, -50%);} #sf-primary .sf-model-bottom-right .sf-model-box{transform: unset;} #sf-primary .error-container { width: 100%; max-width: 100%; min-width: unset; margin: 10px; } #sf-primary .sf-community-content-column { padding-bottom: 70px; } #sf-primary .sf-mobile-menu-tab{ display: flex; } #sf-primary .sf-burger-menu{ display: block; } #sf-primary .sf-burger-menu{ display: none; } #sf-primary .main-menu .menu { display: none; } #sf-primary .menu-toggle { display: block; cursor: pointer; } #sf-primary .menu-toggle .bar { display: block; width: 25px; height: 3px; background-color: #333; margin: 5px auto; } #sf-primary .menu-toggle.active ~ .main-menu .menu { display: block; } #sf-primary .sf-main-feed { margin-bottom: 90px; } #sf-primary .sf-user-is-not-logged-in .sf-empty-heafer-box { display: none; } #sf-primary .main-menu .menu ul.sub-menu li:last-child a { border-bottom: none; } #sf-primary nav.main-menu { position: absolute; right: 0; top: 110px; bottom: 0; left: 0; background: #fff; z-index: 9999999; } #sf-primary .main-menu .menu li { display: block; border-bottom: 1px solid gainsboro; font-size: 24px; } #sf-primary .menu-toggle.active ~ .main-menu .menu { text-align: left; padding: 0; } #sf-primary .main-menu .menu ul li a { border-bottom: none; padding-left: 30px; } #sf-primary .main-menu .menu li a { font-size: 18px; padding: 15px; } #sf-primary .main-menu .menu li> ul { background: #fafafa; } #sf-primary .main-menu .menu ul:before { content: no-close-quote; } #sf-primary .menu-main-sfb-menu-container { position: relative; height: 100%; overflow: scroll; } #sf-primary .sf-poster-content-right { display: none; } #sf-primary .sf-action-btn-with-name.sf-name-btn-flex { display: flex; align-items: flex-start; flex-direction: column; margin-bottom: 20px; } /*Responsive CSS*/ .sf-menu-opened #sf-primary .sf-community-menu-column {transform: translateX(100%);} .sf-menu-opened #sf-primary .sf-community-column:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgb(0, 0, 0, 52%); z-index: 1; } #sf-primary .sf-custom-header-for-lesson header { position: relative; z-index: 99; } #sf-primary .sf-grid-view .sf-user-comment-info .sf-topic-single-meta { flex-direction: row; gap: 5px; width: 100%;} #sf-primary .sf-grid-view .sf-user-comment-info .sf-topic-single-meta span{ margin-top: 0; } #sf-primary a.sf-user-menu span.sf-user-name { display: none; } #sf-primary .sf-filter-outer { width: 100%; } #sf-primary .sf-content-heading { width: 100%; gap: 10px; position: relative; flex-direction: column; } .sf-empty-div { display: none; } #sf-primary .sf-poster-content-left { width: 100%; } #sf-primary .sf-grid-card-icon-content .sf-filter-buttons { display: none; } #sf-primary .sf-icons { width: max-content; min-width: 160px; } #sf-primary .sf-listing-container { flex-direction: column; gap: 0; } #sf-primary .sf-listing-container .sf-listing-image-container img { width: 100%; height: auto; } #sf-primary .sf-user-comment-info { width: 100%; justify-content: space-between; text-align: center; } #sf-primary .sf-topic-single-meta { width: 33.33%; justify-content: left; } #sf-primary .sf-user-comment-info .sf-topic-single-meta:after { display: none; } #sf-primary p.sf-poster-sub-heading { font-size: 15px; } #sf-primary .sf-poster-content h1 { font-size: 22px; } #sf-primary .sf-content-heading .sf-grid-card-icon-content.sf-heading-main-search-outer { width: 100%; } #sf-primary .sf-col-6 { width: 100%; } #sf-primary .sf-grid-view .sf-post-loop .sf-post-row { width: 100%; } #sf-primary .sf-header-messages-box, #sf-primary .sf-header-notification-box { min-width: 100%; width: 350px; right: -82px; top: 20px; zoom: 0.85;} #sf-primary .sf-tab-list{ flex-direction: column; } #sf-primary .sf-tab-list li label { width: 100%; text-align: center; } #sf-primary .sf-post-content-main { padding: 15px; } /*Activity Page*/ #sf-primary .sf-main-feed { padding-left: 15px; padding-right: 15px; } #sf-primary .sf-main-feed { padding-left: 0; padding-right: 0; } #sf-primary .sf-poster-content-row.sf-show-column { padding-left: 0; padding-right: 0; } #sf-primary .sf-empty-textbox { font-size: 17px; line-height: var(--sf-line-height); height: auto; padding: 0; } #sf-primary .sf-empty-add-post-bio { width: 50px; padding: 0; margin: 0 10px; } #sf-primary .whats-on-mind-view-header { display: flex; align-items: center; } #sf-primary .sf-main-feed a { font-size: 14px; } #sf-primary .sf-main-feed .time-and-privacy { font-size: 13px; } #sf-primary .sf-main-feed .user-image { width: 35px; height: 35px; } #sf-primary .sf-btn-light { padding: 7px; font-size: 14px; } #sf-primary .sf-main-feed .actions-buttons-button, #sf-primary .sf-main-feed .actions-buttons-button i { font-size: 13px; } #sf-primary .sf-comment-row .sf-comment-user-banner .sf-comment-user .sf-comment-user-avatar img { width: 25px; height: 25px; } #sf-primary .sf-comment-row .sf-comment-user-banner .sf-comment-user { gap: 5px; } #sf-primary .sf-main-feed .common-post { padding: 10px; margin-bottom: 15px; } #sf-primary .sf-main-feed .actions-buttons { margin-left: -10px; margin-right: -10px; } #sf-primary .sf-main-feed .common-post-header { border-bottom: 1px solid #ececec; padding-bottom: 10px; margin-bottom: 15px; } #sf-primary .sf-main-feed .common-content p { font-size: 16px; } #sf-primary .sf-main-feed .common-post-content.common-content { margin-bottom: 20px; } #sf-primary .sf-poster-content-right { padding-left: 0; padding-right: 0; } #sf-primary .sf-post-count-2 .sf-gallery-sub-img .sf-gallery-img-box img { height: 200px; } #sf-primary .sf-gallery-img-box img {height: 200px;} #sf-primary .sf-gallery-sub-img .sf-gallery-img-box img { height: 100px; } #sf-primary .sf-editor-popup .sf-custom-editor { max-width: 100%; padding: 0 10px; } #sf-primary .sf-editor-popup .sf-inputor img.emojioneemoji { width: 17px; vertical-align: middle; margin-left: 3px; margin-right: 5px; margin-bottom: 2px; } #sf-primary .sf-two-column-wrapper .sf-column-8 { width: 100%; } #sf-primary .sf-column-4 { width: 100%; } /*Member Page*/ #sf-primary ul.sf-show-results-wrapper li { width: calc(50% - 10px); } #sf-primary .filter-btn-wrapper { flex-direction: row; flex-wrap: wrap; position: relative; } #sf-primary .filter-wrapper-col { width: 100%; position: unset; } #sf-primary .filter-btn { width: 100%; margin-bottom: 0; } #sf-primary .filter-wrapper { left: 0; right: 0; width: 100%; top: auto; margin-top: 10px; } #sf-primary .sf-profile-cover-image .guillotine-window { height: 100% !important; } #sf-primary .sf-user-comment-info{ flex-direction: column; } #sf-primary .sf-grid-view .sf-user-comment-info .sf-topic-single-meta:last-child { display: flex; } /*Profile Page*/ #sf-primary .profile-banner-ajust .sf-inline-text { font-size: 13px; bottom: 50px; line-height: 1.2; } #sf-primary .sf-btn { font-size: 13px; padding: 10px 16px; } #sf-primary .sf-model-right-footer .sf-back-btn.sf-btn { line-height: 1; padding: 8px 16px; font-size: 13px; } #sf-primary .sf-profile-person-image { display: flex; flex-direction: column; align-items: center; gap: 0; padding-bottom: 0; } #sf-primary .sf-profile-user-content { width: 100%; } #sf-primary .sf-profile-user-row { flex-direction: column; align-items: center; } #sf-primary .sf-badges-list span.gamipress-inline-achievements { justify-content: center; } #sf-primary .sf-badges-list { margin-bottom: 10px; } #sf-primary .sf-member-actions-menu-wrapper { margin-top: 10px; } #sf-primary .sf-li-row ul { justify-content: center; } #sf-primary .sf-li-row ul.sf-nav.sf-nav-bottom-line { overflow-x: auto; width: 100%; gap: 10px; justify-content: flex-start; overflow-y: hidden; flex-direction: row; flex-wrap: wrap; } #sf-primary .sf-card { padding: 15px; } #sf-primary .sf-li-row ul.sf-nav.sf-nav-bottom-line.sf-sub-tabs-navigation { display: flex; flex-direction: row; flex-wrap: wrap; } /*Login register page*/ #sf-primary .sf-login-register-template-style .sf-lr-template-grid { display: flex; flex-direction: column; } #sf-primary .sf-login-register-template-style .sf-lr-template-column { width: 100%; } #sf-primary .sf-login-register-template-style .sf-lr-template-form-wrapper { padding: 20px!important; } #sf-primary .sf-login-register-template-style .sf-lr-no-overflow { min-height: 150px; } /* Topic Table */ .sf-col-4.sf-forum-post-meta-wrapper { display: none; } #sf-primary .sf-forum-community-post .sf-120px.sf-forum-list-post-content { max-width: 50px; width: 50px; padding-top: 5px; } .sf-forum-author-avatar-with-name img { height: auto; } #sf-primary .sf-forum-community-post .sf-col-6-120px.sf-forum-list-post-content { flex: 1; } #sf-primary .sf-forum-simple-table .sf-forum-community-post { align-items: flex-start; } #sf-primary .sf-forum-simple-table .sf-post-header { display: none; } /*body.single-smartforum #sf-primary .sf-add-topic-btn-wrapper .sf-btn.sf-btn-topic{ display: block; }*/ #sf-primary .sf-flex-lr-text-btn a.sf-btn.sf-btn-primary.sf-btn-topic{ display: none; } #sf-primary .sf-add-topic-btn-wrapper { display: flex; width: 100%; flex-direction: row; align-content: center !important; justify-content: center; flex-direction: column; } #sf-primary .sf-add-topic-btn-wrapper .sf-topic-end-header { /* display: flex; flex-direction: column; align-content: center;*/ width: 100%;} #sf-primary .sf-add-topic-btn-wrapper .sf-btn.sf-btn-topic { margin-left: auto; margin-right: auto; } #sf-primary .sf-add-topic-btn-wrapper a.sf-btn.sf-btn-primary { margin-left: auto; margin-right: auto; } #sf-primary .sf-community-content-column .sf-post-content-main > .sf-container { padding-left: 0; padding-right: 0; } #sf-primary .sf-user-header-part-with-img h2.sf-listing-title { margin-bottom: 10px; } #sf-primary .sf-single-topic-box .sf-listing-details-container .sf-action-btn-with-name.sf-name-btn-flex { display: flex; flex-direction: row; } #sf-primary .sf-single-topic-box .sf-comment-content-part .sf-comment-content-wrapper, #sf-primary .sf-single-topic-box .sf-comment-content-part .sf-comment-content-wrapper p { font-size: 14px; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-subcomment-main { padding-left: 10px; } #sf-primary .sf-single-topic-box .sf-post-loop .sf-show-comment { padding: 15px; } #sf-primary .common-post-content > div:not(:last-child), #sf-primary .common-post-content > p:not(:last-child), #sf-primary .sf-post-content-full-content p, #sf-primary .sf-post-content-full-content li{ font-size: 15px; } /*#sf-primary .sf-post-banner { padding: 0; }*/ #sf-primary .sf-poster-bg-img img{ height: 100%; } #sf-primary .sf-user-name-wraper { text-align: center; } #sf-primary .sf-follower-count{ justify-content: center; } #sf-primary .sf-change-sub-tab { font-size: 13px; } #sf-primary .sf-col-3 { width: 100%; } #sf-primary .sf-card-footer button.sf-btn.sf-btn-sm { margin-left: auto; margin-right: auto; margin-top: 10px; } #sf-primary .sf-popup-sub-tab-wrapper .sf-card .sf-d-flex { justify-content: center; } #sf-primary .sf-user-ranks #gamipress-user-ranks .gamipress-rank, #sf-primary .sf-achivhments #gamipress-achievements-container[class*="gamipress-columns"].gamipress-achievements-container .gamipress-achievement { width: 100%; } #sf-primary .gamipress-ranks-list.gamipress-user-ranks .gamipress-ranks-container[class*="gamipress-columns"] .gamipress-rank { width: 100%; padding: 10px; } #sf-primary button.sf-unfollow-btn, #sf-primary button.sf-follow-btn-text, #sf-primary .sf-post-content-box-widget .sf-card-footer button.sf-btn{ font-size: 13px; } .sf-theme-header-activated #sf-primary .sf-user-bottom-sticky-menu .sf-icons { position: unset; } .sf-theme-header-activated #sf-primary .sf-header-messages-box.af-popup-active, .sf-theme-header-activated #sf-primary .sf-header-notification-box.af-popup-active { left: 5%; right: 5%; width: 90%; min-width: 90%; top: 35px; } .sf-theme-header-activated #sf-primary .sf-user-bottom-sticky-menu-container{ width: 100%; } body.sf-theme-header-activated #sf-primary .sf-community-content-column { padding-bottom: 0; } body.sf-theme-header-activated #sf-primary .sf-main-feed{ margin-bottom: 0; } body.sf-theme-header-activated { padding-bottom: 70px; } #sf-primary .sf-flex-lr-text-btn { display: flex; flex-direction: column-reverse; gap: 5px; } #sf-primary aside.sf-standard-layout-v2__sidebar { padding-bottom: 90px; } #sf-primary .sf-inline-editor-footer-flex .emojionearea.emojionearea-inline { position: unset!important; } #sf-primary .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after { display: none; } #sf-primary .sf-composer-inline-main-box .sf-empty-add-post-bio { display: none; } #sf-primary .sf-editor-footer-main { position: relative; } #sf-primary .sf-forum-community-lounge-list { margin-bottom: 50px; } .single-smartforum #sf-primary .sf-forum-white-box.sf-forum-main-width { padding: 10px; } #sf-primary .sfb-lb-list-view-container { padding: 0; } #sf-primary .sfb-lb-list-view-board { padding: 16px; border-radius: 8px; } #sf-primary .sfb-lb-list-view-title { font-size: 18px; } #sf-primary .sfb-lb-list-view-item { padding: 6px 0; } #sf-primary .sfb-lb-list-view-list .avatar { width: 36px; height: 36px; } #sf-primary .sfb-lb-list-view-name { font-size: 14px; } #sf-primary .sfb-lb-list-view-score { font-size: 14px; min-width: 50px; text-align: right; } #sf-primary .sf-notice-left h4 { font-size: 18px; } #sf-primary .sf-notice-left p { font-size: 14px; line-height: 1.3; } #sf-primary .sf-notice-left { padding: 14px; } #sf-primary .sf-card.sf-cover-image-container { overflow: inherit; } #sf-primary .sf-profile-cover-image { max-width: calc(100% + 30px); margin: -15px -15px 0; } } @media screen and (max-width: 540px) { #sf-primary .sf-model-right-footer { display: flex; flex-direction: column; align-content: center; align-items: center; width: 100%; } #sf-primary .sf-model-right-footer { display: flex; flex-direction: column; align-content: center; align-items: center; width: 100%; } #sf-primary .sf-custom-header-for-lesson header.sf-user-is-not-logged-in { display: flex; flex-direction: column; align-items: center; height: auto; gap: 10px; } #sf-primary .sf-custom-header-for-lesson header.sf-user-is-not-logged-in .sf-logo a { align-items: center; } #sf-primary .sf-model-heading-content h3.sf-section-heading { font-size: 17px; } #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row:hover .sf-comment-content-part .sf-comment-layout-box .sf-comment-action-wrapper { top: 8px; transform: none; right: 5px; background: #fff; } #sf-primary .sf-comment-content-part .sf-comment-layout-box {max-width: 100%;} #sf-primary .sf-single-topic-box .sf-comments-wrapper .sf-comment-row:hover .sf-comment-content-part .sf-comment-layout-box .sf-comment-action-wrapper .sf-btn-light {background: #dbdbdb;} #sf-primary .sfb-lb-list-view-medal { zoom: 0.8; } #sf-primary .sfb-lb-list-view-container { padding: 0; } #sf-primary .sfb-lb-list-view-board { padding: 12px; } #sf-primary .sfb-lb-list-view-header { padding-bottom: 12px; margin-bottom: 12px; } #sf-primary .sfb-lb-list-view-title { font-size: 16px; } #sf-primary .sfb-lb-list-view-rank-container { width: 24px; height: 24px; } #sf-primary .sfb-lb-list-view-medal-container { width: 20px; height: 20px; } #sf-primary .sfb-lb-list-view-medal-svg { width: 20px; height: 20px; } #sf-primary .sfb-lb-list-view-medal-number { font-size: 12px; } #sf-primary .sfb-lb-list-view-list .avatar { width: 28px; height: 28px; } #sf-primary .sfb-lb-list-view-name { font-size: 13px; } #sf-primary .sfb-lb-list-view-score { font-size: 13px; min-width: 35px; } } @media (max-width: 640px) { #sf-primary .sfb-popup-content { margin: 0; width: 100%; height: 100%; max-width: none; border-radius: 0; } #sf-primary .sfb-popup { padding: 0; } } @media (max-width: 360px) { #sf-primary .sfb-lb-list-view-container { padding: 0; } #sf-primary .sfb-lb-list-view-board { padding: 10px; } #sf-primary .sfb-lb-list-view-list .avatar { width: 28px; height: 28px; margin: 0 4px; } #sf-primary .sfb-lb-list-view-name { font-size: 12px; } #sf-primary .sfb-lb-list-view-score { font-size: 12px; min-width: 40px; } } /*Dyanmic css*/ @keyframes growProgressBar { 0%, 33% { --pgPercentage: 0; } 100% { --pgPercentage: var(--value); } } @property --pgPercentage { syntax: ""; inherits: false; initial-value: 0; } #sf-primary .sf-widget-cercle-content div[role="progressbar"] { --size: 140px; --bg: #d2d2d2; --pgPercentage: var(--value); animation: growProgressBar 3s 1 forwards; width: var(--size); height: var(--size); border-radius: 50%; display: grid; place-items: center; background: radial-gradient( closest-side, white 80%, transparent 0 95%, white 0 ), conic-gradient(var(--sf-percentage-bar-color) calc(var(--pgPercentage) * 1%), var(--bg) 0); font-size: calc(var(--size) / 5); color: var(--sf-percentage-bar-color); margin-left: auto; margin-right: auto; } #sf-primary .sf-widget-cercle-content div[role="progressbar"]::before { counter-reset: percentage var(--value); content: counter(percentage) "%"; } #sf-primary .sf-todo-list-user-profile ul { padding: 0; margin: 0; list-style: none; } #sf-primary .sf-todo-list-user-profile ul li { display: flex; gap: 10px; align-items: center; margin-bottom: 10px; position: relative; z-index: 0; } #sf-primary .sf-todo-list-user-profile ul li span.sf-icon-round, #sf-primary .sf-todo-list-user-profile ul li span.sf-icon-round i { position: relative; z-index: 99; } #sf-primary .sf-todo-list-user-profile ul li span.sf-icon-round { display: block; line-height: 1; z-index: 99; position: relative; } #sf-primary .sf-todo-list-user-profile ul li span.sf-progressname { font-weight: 500; color: #aaaaaa; font-size: 14px; line-height: 18px; margin-right: 40px; background: #fff; flex: 1; display: flex; align-items: center; gap: 10px; } #sf-primary .sf-todo-list-user-profile ul li:before { content: ''; position: absolute; left: 8px; width: 2px; height: 17px; background: #e2e2e2; top: 18px; z-index: 0; } #sf-primary .sf-todo-list-user-profile ul li:last-child:before { display: none; } #sf-primary span.sf-progresspercentage { font-size: 14px; font-weight: 500; position: absolute; right: 0; } #sf-primary .sf-todo-list-user-profile ul li.sf-completed span.sf-progressname, #sf-primary .sf-todo-list-user-profile ul li.sf-completed span.sf-icon-round, #sf-primary .sf-todo-list-user-profile ul li.sf-completed span.sf-progresspercentage{ color: var(--sf-percentage-bar-color); font-weight: 600; } #sf-primary .sf-todo-list-user-profile { margin-top: 20px; } #sf-primary .sf-todo-list-user-profile ul li span.sf-progressname:after { content: ''; border-top: 1px solid gainsboro; width: 100%; top: 50%; flex: 1; } #sf-primary .sf-user-progress-widget p.sf-widget-description { font-size: 14px; line-height: var(--sf-line-height); } #sf-primary .sf-widget-cercle-content { margin-top: 20px; } #sf-primary .sf-todo-list-user-profile ul li .sf-icon-round i { background: white; z-index: 11; position: relative; } #sf-primary.sf-theme-heaer-use .sf-community-content-column.sf-move-v-center .sf-post-content-main { justify-content: flex-start; } #sf-primary.sf-login-registration-form-shortcode .sf-login-register-template-style { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 8px; } #sf-primary .sf-conft-bottom-wrapper{ display: none;} #sf-primary .sf-conft-bottom-wrapper:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.2); z-index: 999; } #sf-primary .sf-conft-bottom-wrapper .sf-conftcelebrate-bottom-notification { text-align: center; position: fixed; z-index: 1000; bottom: 20px; left: calc(50% + (var(--sf-left-menu-width)/2)); transform: translatex(-50%); } #sf-primary .sf-conftcelebrate-bottom-notification { background: #ffffff; padding: 20px 30px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); text-align: center; width: auto; min-width: 580px; } #sf-primary .sf-conftcelebrate-bottom-notification-content { display: flex; align-items: center; gap: 20px; } #sf-primary .sf-conftcelebrate-bottom-text, #sf-primary .sf-conftcelebrate-bottom-text p{ font-size: 17px; font-weight: 600; margin: 0; width: 100%; text-align: left; } #sf-primary .sf-conftcelebrate-bottom-icon { font-size: 28px; animation: sfpulse 1.5s infinite; } canvas#balloonCanvas, canvas#starCanvas, canvas#sfanimationcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; z-index: 999; } @keyframes sfpulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } #sf-primary .sf-user-activities-earning-table .gamipress-earnings-table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; background: #fff; border: none; } #sf-primary .sf-user-activities-earning-table th { background: #f8fafc; color: #2d3748; font-weight: 600; text-align: left; padding: 1rem; border-bottom: 2px solid #edf2f7; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 0.05em; } #sf-primary .sf-user-activities-earning-table td { padding: 1rem; border-bottom: 1px solid #edf2f7; color: #4a5568; font-size: 0.95rem; vertical-align: middle; } #sf-primary .sf-user-activities-earning-table tr:hover { background-color: #f7fafc; transition: background-color 0.2s ease; } #sf-primary .sf-user-activities-earning-table .gamipress-earning-title { color: #2d3748; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 0.25rem; } #sf-primary .sf-user-activities-earning-table .gamipress-earning-description { color: #718096; font-size: 0.875rem; } #sf-primary .sf-user-activities-earning-table .gamipress-earnings-col-points { font-weight: 600; color: #48bb78; } #sf-primary .sf-user-activities-earning-table .gamipress-earnings-pagination { display: flex; justify-content: center; align-items: center; gap: 0.5rem; margin-top: 2rem; } #sf-primary .sf-user-activities-earning-table .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 2rem; padding: 0 0.75rem; border-radius: 4px; background: #fff; border: 1px solid #e2e8f0; color: #4a5568; text-decoration: none; font-size: 0.875rem; transition: all 0.2s ease; } #sf-primary .sf-user-activities-earning-table .page-numbers.current { background: #4299e1; color: white; border-color: #4299e1; } #sf-primary .sf-user-activities-earning-table .page-numbers:hover:not(.current) { background: #f7fafc; border-color: #cbd5e0; } #sf-primary .sf-user-activities-earning-table #gamipress-earnings-table.gamipress-earnings-force-responsive td br { display: none; } #sf-primary .sf-user-activities-earning-table #gamipress-earnings-table.gamipress-earnings-force-responsive td, #sf-primary .sf-user-activities-earning-table #gamipress-earnings-table.gamipress-earnings-force-responsive th { border: none; padding: 10px; } #sf-primary .sf-user-activities-earning-table #gamipress-earnings-table.gamipress-earnings-force-responsive td.gamipress-earnings-col-description { padding: 10px; border-bottom: 1px solid gainsboro; } #sf-primary .sf-user-activities-earning-table #gamipress-earnings-table.gamipress-earnings-force-responsive tr { padding-bottom: 0; margin-bottom: 15px; border: 1px solid gainsboro; border-radius: 4px; } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-box{ width: var(--sf-points-earn-popup-width); background-image: var(--sf-popup-banner-img, url(../images/confetti-banner-img-min.png)); background-position: center; background-size: cover; } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-box .sf-model-heading-icon { display: none; } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-box .sf-model-heading { display: flex; justify-content: center; } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-box .sf-model-content-wrapper { border: none; text-align: center; min-height: unset; color: #4b4b4b; font-size: 18px; padding-top: 0; } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-box .sf-model-content-area-wrapper { margin-top: 75px; position: relative; z-index: 9999; margin-bottom: 65px; } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-box .sf-model-footer { border: none; padding: 0; display: flex; align-items: center; margin-bottom: 20px; } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-box a.sf-back-btn.sf-btn.sf-a-close-btn { position: absolute; right: 0; top: 0; font-size: 0; background: transparent; border: none; } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-box:before { content: ''; background-color: var(--sf-popup-banner-bg-overlay, rgb(255 255 255)); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; opacity: 0.3; } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-box a.sf-back-btn.sf-btn.sf-a-close-btn:before { content: "\f00d"; font-size: 25px; font-family: "Font Awesome 5 Free"; font-weight: 100; color: #464646; } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-heading-content h3.sf-section-heading { font-size: 22px; font-weight: 700; } #sf-primary .sf-a-point-earn-btn.sf-btn-primary.sf-btn { background-color: var(--points-button-background-color); color: var(--points-button-text-color); } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-box .sf-model-content-wrapper { background: var(--sf-popup-banner-bg-inner, #fbfbfb); padding: 30px 20px; width: var(--sf-points-earn-popup-inner-width); margin-left: auto; margin-right: auto; max-width: 100%; border-radius: 5px; max-height: calc(100vh - 220px); } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-box a.sf-back-btn.sf-btn.sf-a-close-btn { color: red; padding: 0; top: -10px; right: -10px; width: 31px; height: 31px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 100px; flex-direction: column; } #sf-primary .sf-model-wrapper.sf-points-earn-modal .sf-model-box a.sf-back-btn.sf-btn.sf-a-close-btn:before { font-weight: 400; line-height: 1; font-size: 28px; color: red; content: "\f057"; } /*Leaderboard*/ #sf-primary .sf-leaderboard { background: linear-gradient(135deg, var(--leaderboard-background-color-start) 0%, var(--leaderboard-background-color-end) 100%); max-width: var(--leaderboard-template-width); margin-left: auto; margin-right: auto; border-radius: 20px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); padding: 32px; margin: 30px auto; color: #fff; } #sf-primary .sf-leaderboard.sf-multiple-leaderboards { box-shadow: none; } #sf-primary .sf-leaderboard h3 { color: var(--leaderboard-main-text-color); font-size: 32px; font-weight: 700; margin-bottom: 12px; text-align: center; text-transform: uppercase; letter-spacing: 2px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } #sf-primary .sf-leaderboard p { color: var(--leaderboard-sub-text-color); font-size: 20px; text-align: center; margin-bottom: 30px; letter-spacing: 1px; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table { width: 100%; border-collapse: separate; border-spacing: 0 12px; margin-top: -12px; border: none; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table thead th { background: transparent; color: var(--leaderboard-table-heading-color); font-weight: 600; padding: 16px 16px 0 16px; text-align: left; border: none; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; min-width: 100px; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table tbody tr { background: var(--leaderboard-table-row-background-color); backdrop-filter: blur(10px); transform: translateZ(0); transition: all 0.3s ease; position: relative; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table tbody tr:hover { /*background: rgba(255, 255, 255, 0.1);*/ /*transform: translateY(-2px) scale(1.005); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);*/ } #sf-primary .sf-leaderboard .gamipress-leaderboard-table tbody td { padding: 20px 16px; font-weight: 700; color: var(--leaderboard-table-row-text-color); font-size: 15px; border: none; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table td:first-child { font-weight: 800; font-size: 24px; text-align: center; color: var(--leaderboard-table-row-text-color); width: 80px; position: relative; } #sf-primary .sf-leaderboard .first-place { background: linear-gradient(135deg, rgba(255, 215, 0, 0.15) 0%, rgba(255, 215, 0, 0.05) 100%); border-left: 4px solid #FFD700; } #sf-primary .sf-leaderboard .second-place { background: linear-gradient(135deg, rgba(192, 192, 192, 0.15) 0%, rgba(192, 192, 192, 0.05) 100%); border-left: 4px solid #C0C0C0; } #sf-primary .sf-leaderboard .third-place { background: linear-gradient(135deg, rgba(205, 127, 50, 0.15) 0%, rgba(205, 127, 50, 0.05) 100%); border-left: 4px solid #CD7F32; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table td img { width: 32px; height: 32px; min-width: 32px; min-height: 32px; border-radius: 7px; padding: 2px; margin-right: 10px; border: 3px solid rgba(255, 255, 255, 0.1); transition: all 0.3s ease; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table tr:hover td img { border-color: rgba(255, 255, 255, 0.3); transform: scale(1.05); } #sf-primary .sf-leaderboard .gamipress-leaderboard-table td:nth-child(2) { font-weight: 600; font-size: 16px; display: flex; align-items: center; } #sf-primary .sf-leaderboard .total-points { font-weight: 700; color: var(--leaderboard-table-row-text-color); } #sf-primary .sf-leaderboard .gamipress-inline-rank, #sf-primary .sf-leaderboard .gamipress-inline-achievements { display: flex; align-items: center; gap: 8px; flex-direction: row; flex-wrap: wrap; } #sf-primary .sf-leaderboard .gamipress-inline-rank-thumbnail img, #sf-primary .sf-leaderboard .gamipress-inline-achievement-thumbnail img { height: 36px; width: auto; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)); transition: all 0.3s ease; } #sf-primary .sf-leaderboard tr:hover .gamipress-inline-rank-thumbnail img, #sf-primary .sf-leaderboard tr:hover .gamipress-inline-achievement-thumbnail img { transform: scale(1.1) rotate(5deg); } .gamipress-inline-rank-title, .gamipress-inline-achievement-title { color: rgba(255, 255, 255, 0.9); font-weight: 500; } #sf-primary .sf-leaderboard .first-place td:first-child::before, #sf-primary .sf-leaderboard .second-place td:first-child::before, #sf-primary .sf-leaderboard .third-place td:first-child::before { content: '👑'; position: relative; top: unset; left: unset; transform: unset; font-size: 20px; padding-right: 10px; } #sf-primary .sf-leaderboard .second-place td:first-child::before { content: '🥈'; } #sf-primary .sf-leaderboard .third-place td:first-child::before { content: '🥉'; } #sf-primary span.sfb-lb-list-view-score.sfb-lb-list-points-heading { font-weight: 600; } #sf-primary li.sfb-lb-list-view-item.sf-lb-empty-header { padding: 0; min-height: auto; } #sf-primary li.sfb-lb-list-view-item.sf-lb-empty-header .sfb-lb-list-view-rank-container { height: auto; } #sf-primary .sf-leaderboard::-webkit-scrollbar { width: 8px; height: 8px; } #sf-primary .sf-leaderboard::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); border-radius: 4px; } #sf-primary .sf-leaderboard::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); border-radius: 4px; } #sf-primary .sf-leaderboard::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.3); } #sf-primary span.gamipress-inline-achievement-title { display: none; } #sf-primary span.gamipress-inline-achievements-separator { display: none; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table .gamipress-inline-achievements img { margin-right: 0; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table tr, #sf-primary .sf-leaderboard .gamipress-leaderboard-table td, #sf-primary .sf-leaderboard .gamipress-leaderboard-table th { border: none; } #sf-primary .sf-table-responsive { max-width: 100%; overflow-x: auto; } #sf-primary .sf-table-responsive::-webkit-scrollbar-track { background-color: var(--leaderboard-table-row-background-color); } #sf-primary .sf-table-responsive::-webkit-scrollbar { height: 10px; background-color: var(--leaderboard-table-row-background-color); } #sf-primary .sf-table-responsive::-webkit-scrollbar-thumb { background-color: var(--leaderboard-table-row-text-color); } .sf-celebration-close-icon { top: -10px; right: -10px; z-index: 999999999; position: absolute; background: #ffffff; width: 30px; height: 30px; border-radius: 40px; } .sf-celebration-close-icon svg { fill: #ff0000; width: 30px; height: 30px; cursor: pointer; } #sf-primary #sf-gamification-activity-modal .sf-user-has-earned-point { margin-bottom: 40px !important; } #sf-primary #sf-gamification-activity-modal .sf-post-content-main { padding: 0; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content .gamipress-achievement-excerpt { display: none; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content .gamipress-achievement-title { margin-bottom: 0; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content .gamipress-achievement-image { padding-right: 0; max-width: 50px; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content .gamipress-achievement-image img { border-radius: 5px; width: 50px; height: 50px; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content .gamipress-achievement { border-radius: 0; padding: 15px; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content .gamipress-achievement-steps { margin-bottom: 0; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content h3 { font-size: 18px; margin-top: 20px; margin-bottom: 15px; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content .gamipress-rank { border: none; border-radius: 0; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content #gamipress-achievements-filters-wrap { margin-bottom: 0; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content .sf-user-activities-earning-table.sf-post-content-full-content { border-bottom: 1px solid gainsboro; padding-bottom: 10px; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content .sf-user-gamipress-special-message p { font-size: 16px; line-height: 1.3; margin-bottom: 10px; } #sf-primary #sf-gamification-activity-modal .sf-post-content-full-content .sf-user-gamipress-special-message {border-bottom: 1px solid gainsboro;} #sf-primary a.sf-earn-points-button.sf-btn { background-color: var(--leaderboard-earn-button-background-color); color: var(--leaderboard-earn-button-text-color); text-align: center; margin-left: auto; margin-right: auto} #sf-primary .sf-earn-points-btn-wrapper { margin-left: auto; margin-right: auto; display: block; width: 100%; text-align: center; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table { margin-bottom: 20px; } #sf-primary .sf-leaderboard-optinout-wrapper { width: 100%; text-align: center; margin-top: 10px;} #sf-primary .sf-leaderboard-optinout-wrapper p { margin-bottom: 0; font-size: 16px; color: #444444; } #sf-primary .sf-leaderboard-optinout-wrapper a.sf-optinout-status { color: var(--sf-link-text-color); text-decoration: underline;font-size: 16px; } #sf-primary .widget_smartforum_leaderboard_widget span.sfb-lb-list-view-score.sfb-lb-list-points-heading { display: none; } #sf-primary .widget_smartforum_leaderboard_widget .sfb-lb-list-view-board { background: transparent; box-shadow: none; border: none; padding: 0; margin: 0; width: 100%; } #sf-primary .widget_smartforum_leaderboard_widget .sfb-lb-list-view-container { width: 100%; } #sf-primary .widget_smartforum_leaderboard_widget .sfb-lb-list-view-container .sf-leaderboard-main-wrap { width: 100%; } #sf-primary .widget_smartforum_leaderboard_widget .sfb-lb-list-view-title { display: none; } #sf-primary .widget_smartforum_leaderboard_widget .sfb-see-more-btn { margin-top: 20px; display: block; border-top: 1px solid gainsboro; padding-top: 15px; text-align: center; } #sf-primary .widget_smartforum_leaderboard_widget .sfb-see-more-btn a { font-size: 16px; text-decoration: none; color: var(--sf-link-text-color); border-bottom: 1px solid; } #sf-primary #sf-new-topic-modal.sf-editor-popup .sf-message-box-main .sf-td.sf-content-area, #sf-primary .sf-topic-title input, #sf-primary .sf-select2-field .select2-container .select2-selection--single { border: 2px solid #ffe2d7; background: #fdfdfd; } #sf-primary #sf-new-topic-modal.sf-editor-popup .sf-message-box-main .sf-td.sf-content-area:hover, #sf-primary .sf-topic-title input:hover, #sf-primary .sf-select2-field .select2-container .select2-selection--single:hover { border-color: #b3b9bf; } #sf-primary .sf-header-input-area .sf-new-topic-title { font-weight: 600; } #sf-primary #sf-search-filter-call button.sf-search-feed-btn { margin-left: 10px; cursor: pointer; position: absolute; right: 10px; font-size: 13px; color: #b4b4b4; background: transparent; border: none; padding: 0; margin: 0; margin-left: 10px; top: 50%; transform: translateY(-50%); min-height: unset; height: auto; line-height: 1; margin-top: 2px; outline: none; box-shadow: none; } #sf-primary #sf-search-filter-call #sf_search_feed { margin-bottom: 0; } #sf-primary #sf-search-filter-call button.sf-search-feed-btn svg { fill: gray; } #sf-primary .sfb-main-header-info-box { width: 100%; justify-content: space-between; align-items: center; display: flex; } #sf-primary .select2-container { width: 100%!important; } #sf-primary .sfb-main-header-create-box { width: 100%; display: none;} #sf-primary .sfb-create-room-show .sfb-main-header-create-box { display: flex;} #sf-primary .sfb-create-room-show .sfb-main-header-info-box { display: none; } #sf-primary .sfb-main-header-create-box li.select2-selection__choice { margin: 0 5px; padding: 5px 10px; } #sf-primary .sfb-main-header-info-box { width: 100%; justify-content: space-between; align-items: center; display: flex; } #sf-primary .sfb-main-header-create-box { align-items: center; justify-content: space-between; } #sf-primary .sf-create-chat-room-input { width: max-content; max-width: 100%; } #sf-primary .sfb-main-header-create-box .select2-container--default .select2-selection--multiple { border: none; } #sf-primary .sfb-main-header-create-box .sf-create-chat-room-input { display: flex; align-items: center; flex: 1; } /*#sf-primary #sf-live-chat.sf-single-chat-view-active span.sfb-mobile-back-to-chat { display: none; } */ #sf-primary #sf-live-chat span.sfb-mobile-back-to-chat { display: none; } #sf-primary .sf-messages-bell-icon { display: flex; cursor: pointer; } /*Updated Menu Code*/ #sf-primary .sf-community-menu-column.sf-menu-style-3 ul.sf-community-list { padding-left: 0; } #sf-primary .sf-community-menu-column.sf-menu-style-3 ul.sf-community-list:before { display: none; } #sf-primary .sf-community-menu-column.sf-menu-style-3 .sf-community-list li a { padding: 8px 16px; } #sf-primary .sf-community-menu-column.sf-menu-style-3 .sf-sb-menu-link { border-bottom: none; padding-top: 20px; padding-bottom: 0; margin-bottom: 10px; } #sf-primary .sf-community-menu-column.sf-menu-style-3 { border-right: 1px solid #E4E7EB; } #sf-primary .sf-community-menu-column.sf-menu-style-3 a.sf-menu-link-text { gap: 12px; } #sf-primary .sf-community-menu-column.sf-menu-style-3 .sf-standard-layout-v2__sidebar a { line-height: 1.2; } #sf-primary .sf-community-menu-column.sf-menu-style-3 a.sf-menu-link-text { padding: 8px 8px; font-size: var(--sf-left-menu-font-size); } #sf-primary .sf-community-menu-column.sf-menu-style-3 a.sf-menu-link-text > i { min-width: 16px; color: var(--sf-menu-icon-color); } #sf-primary .sf-menu-action { display: none; } #sf-primary .sf-community-menu-column.sf-menu-style-3 .sf-standard-layout-v2__sidebar a h3, #sf-primary .sf-community-menu-column.sf-menu-style-3 .sf-standard-layout-v2__sidebar a { line-height: 1.2; } body #sf-primary .sf-community-menu-column .sf-w-sidebar .sf-sb-menu-link { padding-top: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid gainsboro; } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-circle-community.sf-this-first-menu-item { padding-top: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid gainsboro; } body #sf-primary .sf-community-menu-column .sf-w-sidebar .sf-sb-menu-link.sf-this-second-menu-item { padding-top: 5px; } body #sf-primary .sf-community-menu-column .sf-w-sidebar .sf-sb-menu-link.sf-both-links-together-item.sf-feed-community-menu-first .sf-feed-community-menu { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid gainsboro; } body #sf-primary .sf-community-menu-column .sf-w-sidebar .sf-sb-menu-link.sf-feed-community-menu-second .sf-community-list { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid gainsboro; } #sf-primary .sf-community-menu-column.sf-menu-style-3 a.sf-menu-link-text.sf-active-link > i, #sf-primary .sf-community-menu-column.sf-menu-style-3 a.sf-menu-link-text:hover > i { color: var(--sf-selected-menu-color); } #sf-primary .sf-community-menu-column .sf-community-list-wrapper .sf-community-list li h3.sf-text-current { font-weight: var(--sf-left-menu-font-weight); color: var(--sf-text-color-left-sub-menu); } #sf-primary .sf-community-menu-column .sf-community-list li h3.sf-text-current { font-weight: var(--sf-left-menu-font-weight); color: var(--sf-text-color-left-menu); } #sf-primary .sf-standard-layout-v2__sidebar a.sf-menu-link-text.sf-active-link h3, #sf-primary .sf-standard-layout-v2__sidebar a.sf-menu-link-text:hover h3{ color: var(--sf-selected-menu-color); } #sf-primary .sf-community-menu-column .sf-community-list a.sf-active-link h3.sf-text-current, #sf-primary .sf-community-menu-column .sf-community-list a:hover h3.sf-text-current { color: var(--sf-selected-menu-color); } #sf-primary .sf-community-menu-column.sf-menu-style-2 .sf-circle-community.sf-show-border-bottom-page-list { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid gainsboro; } .sf-links-menu-divider { border-top: 1px solid gainsboro; padding-top: 10px; } @keyframes float { 0%, 100% { transform: translateY(0) translateX(-50%); } 50% { transform: translateY(-5px) translateX(-50%); } } @media (max-width: 968px) { #sf-primary .sf-leaderboard { padding: 20px; margin: 15px; border-radius: 15px; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } #sf-primary .sf-leaderboard h3 { font-size: 16px; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table td, #sf-primary .sf-leaderboard .gamipress-leaderboard-table th { white-space: nowrap; padding: 12px; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table tbody td { padding: 5px; font-size: 13px; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table td:nth-child(2) { font-size: 12px; display: table-cell; overflow: hidden; } #sf-primary .sf-leaderboard .gamipress-inline-achievements { min-width: 150px; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table td:first-child { font-size: 16px; } #sf-primary .sf-leaderboard .gamipress-leaderboard-table thead th { padding: 8px; font-size: 13px; } #sf-primary .sf-leaderboard p { font-size: 13px; } } @media (max-width: 576px) { #sf-primary .sf-leaderboard .gamipress-leaderboard-table td img { width: 36px; height: 36px; } #sf-primary .sf-leaderboard .total-points { font-size: 13px; } #sf-primary .sf-leaderboard .gamipress-inline-rank-thumbnail img, #sf-primary .sf-leaderboard .gamipress-inline-achievement-thumbnail img { height: 24px; } } @media (max-width: 768px) { #sf-primary .sf-user-activities-earning-table .gamipress-earnings-table { display: block; overflow-x: auto; } #sf-primary .sf-user-activities-earning-table th, #sf-primary .sf-user-activities-earning-table td { white-space: nowrap; padding: 0.75rem; } #sf-primary .sf-user-activities-earning-table .gamipress-earnings-pagination { flex-wrap: wrap; } #sf-primary .sf-user-activities-earning-table .gamipress-earning-description { float: none; display: block; white-space: normal; text-align: center; } #sf-primary .sf-user-activities-earning-table .gamipress-earning-title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #sf-primary .sf-conft-bottom-wrapper .sf-conftcelebrate-bottom-notification { left: 20px; right: 20px; max-width: 100%; transform: unset; min-width: unset; padding: 10px; } #sf-primary .sf-conftcelebrate-bottom-notification-content { display: flex; flex-direction: column; } #sf-primary .sfb-tfeed-container { padding: 0 15px; margin-top: 20px; } #sf-primary .sfb-tfeed-new-comment { display: none; } } @media (max-width: 768px) { .sfb-chat-container { display: flex; flex-direction: column; overflow: hidden; } .sfb-sidebar { display: none; width: 100%; } .sfb-main-chat { flex: 1; width: 100%; } .sfb-show-sidebar .sfb-sidebar { display: block; } .sfb-show-sidebar .sfb-main-chat { display: none; } .sfb-main-header-info-box, .sfb-sidebar-header { padding: 10px; text-align: center; } .sfb-chat-name, .sfb-user-msg-box span, .sfb-user-name { font-size: 14px; } #sf-primary #sf-live-chat .sfb-avatar { width: 40px; height: 40px; } #sf-primary #sf-live-chat .sfb-chat-container { height: auto; min-height: calc(100vh - 80px);} #sf-primary #sf-live-chat.sf-single-chat-view-active span.sfb-sidebar-title.sfb-chatscreen-wrap { display: none; } #sf-primary #sf-live-chat.sf-single-chat-view-active span.sfb-mobile-back-to-chat{ display: block;} #sf-primary #sf-live-chat.sf-single-chat-view-active a.sfb-back-to-chat { display: flex; align-items: center; gap: 5px; } #sf-primary #sf-live-chat.sf-single-chat-view-active .sfb-chat-list { display: none; } #sf-primary #sf-live-chat.sf-single-chat-view-active .sfb-search-container { display: none; } #sf-primary #sf-live-chat.sf-single-chat-view-active .sfb-header-actions { display: none; } #sf-primary #sf-live-chat.sf-single-chat-view-active .sfb-sidebar-header { padding: 10px; background: #f5f5f5; width: 100%; } #sf-primary #sf-live-chat .sfb-sidebar { width: 100%; } #sf-primary #sf-live-chat.sf-single-chat-view-active .sfb-main-header { padding: 0; } #sf-primary #sf-live-chat .sfb-user-name { font-size: 14px; text-align: left; } #sf-primary #sf-live-chat .sfb-user-info { display: flex; align-items: flex-start; } #sf-primary #sf-live-chat .sfb-messages-area {min-height: 250px;max-height: 250px;padding: 12px;} #sf-primary #sf-live-chat .sfb-main-chat { display: none; } #sf-primary #sf-live-chat.sfb-create-room-show .sfb-main-chat { display: flex; } #sf-primary #sf-live-chat.sf-single-chat-view-active .sfb-main-chat { display: flex; } #sf-primary #sf-live-chat .sfb-chat-list { padding-left: 0; padding-right: 0; } } @media (max-width: 400px) { /*#sf-primary .sf-btn { padding: 0; background: transparent; } */ #sf-primary .sf-icons { gap: 10px; } }