body{ } 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; letter-spacing: initial; text-transform: initial; } .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%;} #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); } #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); } #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); } #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; } #sf-primary .sf-community-menu-column.sf-menu-style-3 .sf-sidebar-menu-category-btn h3.sf-text-current.sf-active-link { padding: 8px 16px; } #sf-primary .sf-community-menu-column.sf-menu-style-3 .sf-menu-show-category-only .sf-sidebar-menu-category-btn:has(.sf-text-current.sf-active-link) .sf-menu-accordion i { border-color: var(--sf-selected-menu-color)!important; } #sf-primary .sf-community-menu-column.sf-menu-style-3 .sf-menu-show-category-only .sf-sidebar-menu-category-btn .sf-menu-accordion {top: calc(50% - 4px);} #sf-primary .sf-community-list a:hover .sf-community-dot, #sf-primary .sf-community-list a:hover .sf-community-dot, #sf-primary .sf-community-list a:hover .sf-community-dot, #sf-primary .sf-community-list a.sf-active-link .sf-community-dot { background-color: var(--sf-selected-menu-color)!important; } #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; } #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-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; } .tax-smart_forum_category #sf-primary .sf-tabs-container, .post-type-archive-smartforum #sf-primary .sf-tabs-container{ margin-top: 0; } #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; } #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);} #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;} #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); } #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: 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); } .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); } #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; } #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; } #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; } #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; } #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; } #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; } #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; } #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); } #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; } .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; } #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; } #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%; } #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; } #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; } #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%; } #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; } #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); } } #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; } #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;} #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: 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; } @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 .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%; 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-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 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; max-width: 100%; } #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; } #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-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;} #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; } #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; } #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); } #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); } #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; } #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; } #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-primary .sf-post-header { display: flex; justify-content: space-between; background: #dfdfdf; border-bottom: 1px solid #eaeeef; border-top: 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; } #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; } #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; } #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; } #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 .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; } #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 .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; } #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; } #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 .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; } #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-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; } #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; } #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; } #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; } #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%; } .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); } } #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; } #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; } #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; } #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; } #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-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) } #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: 38px; max-height: 38px; 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: 38px; height: 38px; 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: 38px; height: 38px; 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-primary ul.sf-latest-posts li .sf-post-content { line-height: 1; } #sf-primary ul.sf-latest-posts li:not(:last-child) { margin-bottom: 15px!important; border-bottom: 1px solid gainsboro; padding-bottom: 16px!important; gap: 10px; } #sf-primary ul.sf-latest-posts li a.sf-post-link.sf-img-icon-box { background: transparent; padding: 0; margin: 0; width: auto; height: auto; } #sf-primary ul.sf-latest-posts li a.sf-post-link.sf-img-icon-box svg { width: 25px; height: 25px; } .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; } html{--sfb_screen_res: calc(100vw - 17px);} .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-header-messages-box.af-popup-active, .sf-theme-header-activated #sf-primary .sf-header-notification-box.af-popup-active { 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); } .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; } .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; 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-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; } #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(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/public/images/token.png); background-position: center; background-repeat: no-repeat; background-size: 40px; } .single-smartforum #sf-primary .sf-forum-white-box.sf-forum-main-width { padding: 30px 40px 20px; box-shadow: none; border: 1px solid #e4e7eb; } #sf-primary .sf-post-header { background: transparent; color: #000; } #sf-primary .topic-listing-table-main .sf-forum-community-post .sf-forum-list-post-content .sf-forum-entry-content .sf-forum-post-title { color: #000; } #sf-primary .sf-forum-community-post .sf-forum-list-post-content p { color: gray; } #sf-primary .sf-forum-community-post .sf-forum-list-post-content .sf-forum-entry-content a { font-weight: 400; border-bottom: 1px solid; padding-bottom: 1px; } @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-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-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; } .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; } #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%; } #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; } #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; 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; 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 .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; } #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; } #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%; } #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; } .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; } #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%; } #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; } #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; } #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; } .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; } #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 { 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-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; } } @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(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/public/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"; } #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 { } #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 span.sfb-mobile-back-to-chat { display: none; } #sf-primary .sf-messages-bell-icon { display: flex; cursor: pointer; } #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-icons { gap: 10px; } }.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\f907"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\f913"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\f91a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\f91e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\f941"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\f949"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-brands-400.eot);src:url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-regular-400.eot);src:url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-regular-400.woff) format("woff"),url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-solid-900.eot);src:url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-solid-900.woff) format("woff"),url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(//www.antoniopedromartins.com/wp-content/plugins/smart-forum-builder/lib/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{zoom:1;width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:' ';display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails,.woocommerce div.product div.thumbnails,.woocommerce-page #content div.product div.thumbnails,.woocommerce-page div.product div.thumbnails{zoom:1}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:' ';display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs,.woocommerce div.product .woocommerce-tabs ul.tabs,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,.woocommerce-page div.product .woocommerce-tabs ul.tabs{zoom:1}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:' ';display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment,.woocommerce div.product #reviews .comment,.woocommerce-page #content div.product #reviews .comment,.woocommerce-page div.product #reviews .comment{zoom:1}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:' ';display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{display:grid;column-gap:20px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{display:flex;flex-direction:column;width:100%;padding:0;position:relative}.woocommerce ul.products:not(.elementor-grid),.woocommerce-page ul.products:not(.elementor-grid){grid-template-columns:repeat(4,1fr)}.woocommerce ul.products:not(.elementor-grid).columns-1,.woocommerce-page ul.products:not(.elementor-grid).columns-1{grid-template-columns:repeat(1,minmax(0,1fr));width:100%;margin-right:0}.woocommerce ul.products:not(.elementor-grid).columns-2,.woocommerce-page ul.products:not(.elementor-grid).columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-3,.woocommerce-page ul.products:not(.elementor-grid).columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-5,.woocommerce-page ul.products:not(.elementor-grid).columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-6,.woocommerce-page ul.products:not(.elementor-grid).columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{zoom:1}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:' ';display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left;display:flex;margin:0 auto}.woocommerce #content table.cart td.actions .coupon label,.woocommerce table.cart td.actions .coupon label,.woocommerce-page #content table.cart td.actions .coupon label,.woocommerce-page table.cart td.actions .coupon label{display:none}.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button{margin-left:5px}@media (min-width:545px){.woocommerce #content table.cart td.actions>input[type=submit],.woocommerce table.cart td.actions>input[type=submit],.woocommerce-page #content table.cart td.actions>input[type=submit],.woocommerce-page table.cart td.actions>input[type=submit]{margin:5px auto}}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{zoom:1;width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:' ';display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:calc(50% - 10px)}.woocommerce .cart-collaterals .cross-sells ul.products li.first,.woocommerce-page .cart-collaterals .cross-sells ul.products li.first{clear:both}.woocommerce .cart-collaterals .cross-sells ul.products li.last,.woocommerce-page .cart-collaterals .cross-sells ul.products li.last{margin-right:0}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;zoom:1;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:' ';display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li{zoom:1}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:' ';display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row,.woocommerce-page form .form-row{zoom:1}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:' ';display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0;width:100%;margin-bottom:1em}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields,.woocommerce .woocommerce-shipping-fields,.woocommerce-page .woocommerce-billing-fields,.woocommerce-page .woocommerce-shipping-fields{zoom:1}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:' ';display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.review-rating{order:2}.star-rating{margin-right:10px}.review-count{margin-left:10px;font-size:14px;margin-top:-6px}@media (max-width:544px){.review-rating{display:block}.review-count{margin-left:0;margin-top:0}}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content fieldset{border:0;margin:1em 0 0;padding:3px}.woocommerce-account .woocommerce-MyAccount-content fieldset legend{padding:3px 0;border-bottom:1px solid var(--ast-border-color);width:100%;margin:10px 0}.woocommerce-account .woocommerce-MyAccount-content fieldset .form-row{padding-left:0;padding-right:0}