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

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

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

@font-face {
  font-family: FontAwesomeFedYYCFooter;
  src: url("/wp-content/themes/buddyboss-theme/inc/plugins/buddyboss-menu-icons/vendor/kucrut/icon-picker/css/types/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),
  url("/wp-content/themes/buddyboss-theme/inc/plugins/buddyboss-menu-icons/vendor/kucrut/icon-picker/css/types/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
  url("/wp-content/themes/buddyboss-theme/inc/plugins/buddyboss-menu-icons/vendor/kucrut/icon-picker/css/types/fontawesome-webfont.woff?v=4.7.0") format("woff"),
  url("/wp-content/themes/buddyboss-theme/inc/plugins/buddyboss-menu-icons/vendor/kucrut/icon-picker/css/types/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
  url("/wp-content/themes/buddyboss-theme/inc/plugins/buddyboss-menu-icons/vendor/kucrut/icon-picker/css/types/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-style: normal;
  font-weight: 400;
}

.fa-fedyyc-footer {
  font: normal normal normal 14px/1 FontAwesomeFedYYCFooter;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-fedyyc-footer.fa-facebook-f::before, .fa-facebook::before {
  content: "\f09a";
}

.fa-fedyyc-footer.fa-linkedin::before {
  content: "\f0e1";
}

.fa-fedyyc-footer.fa-map-marker::before {
  content: "\f041";
}

/* Customize memebr field on the 'People' page */
.badge-style {
  display: inline-block;
  background-color: #bddc96;
  color: #000;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 8px;
  margin-right: 8px;
}

.item-meta {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  flex-direction: row;
}

.item-meta .badge-style {
  white-space: nowrap;
  display: inline-block;
  width: auto; 
  max-width: 100%;
}

.item-meta.last-activity {
  display: flex;
  gap: 6px;
  flex-wrap: nowrap;
  flex-direction: row;
}

.item-meta.last-activity span {
  white-space: nowrap;
}

@media (max-width: 500px), (min-width: 800px) and (max-width: 880px) {
  .item-meta {
    flex-direction: column;
    align-items: flex-start; 
  }
  .item-meta.last-activity {
    flex-direction: column;
    align-items: flex-start;
  }
  .item-meta.last-activity .separator {
    display: none;
  }
  .item-meta.user-position {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
  }
} 

/* Hide "Powered by EmbedPress" message globally */
.embedpress-el-powered {
    display: none !important;
}

/* Forum covers color*/
.bb-cover-wrap {
  --bb-cover-image-background-color: rgba(255, 255, 255, 0.9);
}

body.forum-archive a.bb-cover-wrap:after {
    display: none;
}

.bb-cover-list-item .bbp-forum-title {
    color: black;
}

.bb-cover-list-item .bbp-forum-title {
    color: black !important;
}

/* Add border around each forum item */
.bb-cover-list-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Push text to bottom */
    background-color: rgba(255, 255, 255, 0.9); /* Slight opacity */
    border: 2px solid #999;
    border-radius: 8px;
    height: 100%;
    position: relative;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
}

/* Keep forum text at the bottom clean */
.bbp-forum-title {
    margin-top: auto !important;
    background-color: transparent !important;
}

.bb-cover-list-item {
    transition: all 0.2s ease-in-out;
}

.bb-cover-list-item img {
  max-width: 180px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.bb-cover-list-item .bs-card-forum-details {
  position: static !important;
  display: block;
  max-width: 180px;
  margin: 4px auto 0 !important;   
  padding: 0 !important;
  font-size: 0.85rem;        
  line-height: 1.2;
  text-align: center;
}

.bb-cover-list-item .bbp-forum-title {
  font-size: 1.3rem;
  margin: 2px 0 !important;  
  padding: 0 !important;
  line-height: 1.2;
}

.bb-cover-list-item .bb-forum-content-wrap,
.bb-cover-list-item .forums-meta {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1;
}

/* Subtle hover effect */
.bb-cover-list-item:hover {
    box-shadow: 0 6px 18px black;
    transform: translateY(-4px);
    border-color: #999; /* Slightly darker border on hover */
}

/* remove the banner for discussions*/
.bb-topic-banner-container {
  display: none !important;
}

/* banner styling for people page with ID 10 */
.page-id-10 .entry-header,
.page-id-10 .entry-header * {
  color: #fff !important;
  font-size: 48px !important;
}

.page-id-10 .entry-header {
  position: relative;
  width: 100%;
  max-width: 100vw;
  height: 250px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-image: url('https://forums.calgarycommunities.com/wp-content/uploads/2025/07/Forum_people.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
}

.page-id-10 .entry-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1); /* dark overlay to improve contrast */
  z-index: 0;
}

.page-id-10 .entry-header {
    margin-bottom: 0 !important;
}

.page-id-10 .entry-content {
    margin-top: 0 !important;
}

/* move member search widget down
@media (min-width: 800px) {
  #bp-profile-search-form-outer {
  margin-top: 320px;
  }
} */

/* set content background to white for listings pages*/
body.page-id-374 .site-main,
.single-advert .content-area,
.wpa-form-buttons, .wpa-result-item, .page-id-11 .site-main, .page-id-2123 .bb-grid {
    background-color: #fff;
}

/* borders wp_advert pages*/
.wpa-result-item, .page-id-374 .site-main, .single-advert .content-area, .page-id-375 .content-area .bb-grid-cell, .page-id-11 .site-main, .page-id-2123 .bb-grid {
  border: 1px solid #d6d9dd !important;
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-radius: 4px !important;
}

/* background color for listing items*/
.wpa-result-item, .page-id-375 .content-area .bb-grid-cell {
  background-color: white;
}

/* Forum breadcrumb styling*/
/* Container: spacing and font */
.bbp-breadcrumb {
  font-size: 14px !important;
  font-weight: bold;
  line-height: 1.6;
  color: #222;
}

/* Links: base style */
.bbp-breadcrumb a {
  color: #72bc44;
  text-decoration: none;
  transition: color 0.3s ease;
}

.bbp-breadcrumb a:hover {
  text-decoration: underline;
}

.bbp-breadcrumb .bbp-breadcrumb-sep {
  margin: 0 6px;
  color: #666;
}

/* Current breadcrumb item (not a link) */
.bbp-breadcrumb .bbp-breadcrumb-current {
  color: #000;
  font-weight: bold;
}

/* hide home & search breadcrumb and first seperator*/
.bbp-breadcrumb-home,
.bbp-breadcrumb-home + .bbp-breadcrumb-sep,
.bbp-breadcrumb-search,
.bbp-breadcrumb-search + .bbp-breadcrumb-sep {
  display: none;
}

/* hide orginal forum label colors*/
.forum-label {
  visibility: hidden;
}
.forum-label.js-ready {
  visibility: visible;
}

/* overwrite single label styling*/
.bbp-lead-topic .bs-meta-item > a,
.bbp-lead-topic .bs-meta-item.bs-meta-item > a {
  background-color: inherit !important;
  color: inherit !important;
  border: inherit !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Apply ellipsis styling to user-title */
.user-title .badge-style {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  max-width: 500px;
}

@media (max-width: 875px) {
  .user-title .badge-style {
  max-width: 400px;
  }
}

@media (max-width: 650px) {
  .user-title .badge-style {
  max-width: 300px;
  }
}

@media (max-width: 475px) {
  .user-title .badge-style {
  max-width: 200px;
  }
}

@media (max-width: 430px) {
  .user-title .badge-style {
  max-width: 175px;
  }
}

@media (max-width: 360px) {
  .user-title .badge-style {
  max-width: 125px;
  }
}

@media (max-width: 278px) {
  .user-title .badge-style {
  max-width: 85px;
  }
}

/* style for the full text popover */
.user-title-expanded {
  position: absolute;
  background: #fff;
  color: #333;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  white-space: normal; 
  z-index: 9999;
  max-width: 275px; 
  width: fit-content;
  word-wrap: break-word;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* Embed Press inherit size */
.embedpress-document-embed {
  width: 100%!important;
  height: 85vh !important;
}
.embedpress-document-embed iframe {
  width: 100%!important;
  height: 85vh !important;
}

/* Embed Press Word Doc Footer */
.ep-file-download-option-masked::after {
  height: 20px;
}

/* Embed Press Mobile Fixes */
@media only screen and (max-width: 650px) {
  .betterdocs-wrapper.betterdocs-single-wrapper .betterdocs-content-wrapper.betterdocs-display-flex {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .embedpress-document-embed iframe {
    max-height: 400px;
  }
}

/* 'search chats...' bar styling*/
/* Make the search bar more visible */
.bs-search-form {
  background-color: transparent !important; /* remove weird white background */
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 auto;
  max-width: 600px;
  display: flex;
  align-items: center;
  position: relative;
  max-width: 600px;
  margin: auto;
}

/* Target only the visible search input, not hidden ones */
form#bbp-search-form input[type="text"] {
  background-color: #fff !important;
  color: #000 !important;
  font-style: bold !important;
  border: 1px solid #a8a8a8 !important;
  border-radius: 6px !important;
  font-size: 16px !important;
  padding-left: 40px !important;
  height: 44px !important;
  width: 100% !important;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z'/></svg>");
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 20px 20px;
}

/* Stronger placeholder style */
form#bbp-search-form input::placeholder {
  color: black !important;
  font-style: bold !important;
  opacity: 1 !important;
}

/* hide original search img */
.bs-forums-banner.has-banner-img .bs-search-form::before {
  display: none;
}

/* hide export button*/
#export, select option[value="https://forums.calgarycommunities.com/people/admin/settings/export/"] {
  display: none;
}

/* style forum disclaimer*/
.forum-disclaimer {
  padding: 10px 0;
  border-top: 1px solid #ddd;
  margin-top: 20px;
  font-style: italic;
  color: #666;
  font-size: 0.9rem;
}

/* style create lisitng button*/
body.page-id-373 .entry-header, body.page-id-375 .entry-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

body.page-id-373 .create-listing-button,
body.page-id-375 .create-listing-button {
  background-color: #72bc44;
  color: #ffffff !important;
  padding: 10px 16px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  font-weight: 600;
}

body.page-id-373 .create-listing-button:hover,
body.page-id-375 .create-listing-button:hover,
body.page-id-373 .create-listing-button:focus,
body.page-id-375 .create-listing-button:focus,
body.page-id-373 .create-listing-button:active,
body.page-id-375 .create-listing-button:active {
  color: #ffffff !important;
  background-color: #72bc44 !important;
  text-decoration: none;
}

/* style go back button*/
.atw-mb-2 {
  padding: 1rem;
}

.atw-mb-2 a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.2rem;
  background: #ffffff;
  color: black;
  font-weight: 600;
  font-size: 1rem;
  border-radius: 9999px; 
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border: 1.5px solid #d1d5db; 
  text-decoration: none;
  transition: 
    background-color 0.3s ease, 
    color 0.3s ease, 
    box-shadow 0.3s ease,
    transform 0.2s ease;
  cursor: pointer;
}

.atw-mb-2 a:hover,
.atw-mb-2 a:focus {
  background-color: #fff;
  color: #72bc44;
  box-shadow: 0 6px 12px #72bc44;
  transform: translateX(-4px);
  outline: none;
}

.atw-mb-2 a i {
  font-size: 1.3rem;
  color: #72bc44;
  transition: color 0.3s ease;
}

.atw-mb-2 a:hover i,
.atw-mb-2 a:focus i {
  color: #72bc44;
}

/* style price tag on listings*/
.wp-block-group.is-nowrap {
  overflow-x: auto;
  max-width: 100%;
}

.wp-block-group.is-nowrap span.atw-inline-block {
  white-space: nowrap !important;
  background-color: #72bc44 !important;
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
}

.page-id-373 .wpadverts-blocks.wpadverts-block-search {
    background-image: url('https://forums.calgarycommunities.com/wp-content/uploads/2025/07/ForumWantsNeeds.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 40px 30px;
    margin-bottom: 40px;
    height: 250px;
    overflow: hidden;
    border-radius: 4px;
}

.page-id-373 .wpadverts-blocks.wpadverts-block-search::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.page-id-373 .wpadverts-blocks.wpadverts-block-search > * {
    position: relative;
    z-index: 2;
}

.js-wpa-search button {
    padding-bottom: 2.5px !important;
    line-height: 1.8 !important;
}

/* user orgs/positions styling on peoples page*/
.item-meta.user-orgs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.item-meta.user-orgs li {
  background: #348f6f;
  padding: 0.2rem 0.5rem !important;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  color: #fff;
  white-space: nowrap;
  width: fit-content;
}

.item-meta.user-orgs p {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 600px) {
  .item-meta.user-orgs li {
    white-space: normal;
    width: fit-content;
    max-width: 100%;
    font-size: 0.5rem;
    display: inline-flex;
  }
  .item-meta.user-orgs p {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
}

/*spacing between members*/
ul#members-list > li.item-entry {
  margin-bottom: 4px;
  padding: 10px;
  border-radius: 4px;
}

/* style forum rules button*/
.forum-rules-btn {
  background-color: #348f6f;
  color: #fff;
  padding: 10px 20px;
  font-size: 1rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

/* Modal Background */
.forum-rules-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
}

/* Modal Content */
.forum-rules-content {
  background: #fff;
  margin: 5% auto;
  padding: 20px 30px;
  width: 90%;
  max-width: 500px;
  max-height: 80vh;
  border-radius: 8px;
  position: relative;
  color: #333;
  border: 3px solid #3b942d;
  overflow-y: auto;
  box-sizing: border-box;
}

/* Close Button */
.forum-rules-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  color: #888;
  cursor: pointer;
}

/* hover state*/
.forum-rules-btn:hover {
  background-color: #eb942d;
}

.forum-rules-close:hover {
  color: #000;
}

/*style user badges in threads*/
.item-meta h3 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  line-height: 1.2;
}

.item-meta .member-type {
  margin: 0;
  padding: 0;
}

.item-meta .member-type .bp-member-type {
  display: inline-flex;
  align-items: center;
  color: #fff;
  padding: 2px 6px;
  font-size: 0.7rem;
  border-radius: var(--bb-label-type-radius);
  font-weight: 500;
  line-height: 1;
  position: relative;
  top: -3px;
}

/*Change background color of image container in wants/needs */
.wpa-picture-grid .atw-bg-gray-50 {
  background: white !important;
}

/* Change color of the default font-awesome image icon in wants/needs*/
.wpa-picture-grid .fa-image {
  color: #BDDC96 !important;
}

/*Increase size of the category badge in wants/needs */
.category-badge {
  font-size: 2rem;
  padding: 6px 12px;
  border-radius: 6px;
  color: #72bc44;
}

.category-badge .fas {
  font-size: 1.25em;
}

/* hide price tag on listings page */
.wpa-detail-right.wpa-result-last {
  display: none !important;
}

/* Style global search results */
/* White background + rounded corners for the whole nav */
.component-navigation.search-nav {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid #ddd;
}

/* Style each list item */
.component-navigation.search-nav li {
  border-bottom: 1px solid #ddd;
}

.component-navigation.search-nav li:last-child {
  border-bottom: none;
}

/* Make links full width and padded */
.component-navigation.search-nav li a {
  display: block;
  padding: 10px 14px;
  text-decoration: none;
  color: inherit;
}

.component-navigation.search-nav li a:hover {
  background-color: #f7f7f7;
}

.component-navigation.search-nav .count {
  margin-left: 10px !important;
}

/* remove breakpoints from descriptions*/
.item-description br {
  display: none;
}

/* Make paragraphs wrap naturally with spacing */
.item-description p {
    white-space: normal; 
    line-height: 1.5;
    margin-bottom: 1em;
    hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
}

/*hide fields on registration page*/
.registration #masthead, 
.registration .field_4, 
.registration .floating-feedback-btn, 
.registration .feedback-popup, 
.registration .custom-footer, 
.registration #profile-details-section .bp-feedback {
  display: none;
}

/*remove animation on,logo on registration page*/
.register-section-logo,
.register-section-logo img.bb-logo {
  transform: none !important;
}

.item-title .bbp-topic-permalink {
  font-weight: bold !important;
}

/* help button styling*/
.header-help-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  font-size: 18px;
  color: inherit;
  text-decoration: none;
}

.header-help-link .help-text {
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}

/*Hide all category options when reporting a Member*/
.modal-container[data-reported_type="Member"] .form-item-category.content_members {
    display: none !important;
}

/*Always display the textarea for custom reason input*/
.modal-container[data-reported_type="Member"] .form-item.bp-hide {
    display: block !important;
}

/*decrease size of preview img*/
.bb-link-preview-image-cover img {
  max-width: 100% !important;
  max-height: 150px !important; 
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/*decrease size of preview container*/
.bb-link-preview-container {
  transform: scale(1) !important;
  transform-origin: top left !important;
}

/* decrease size of forum covers*/
.bb-cover-list-item {
  width: 150px !important;
  margin: auto !important;
  font-size: 0.7em !important;
}

.bbp-forum-title {
  font-size: 75% !important;
}

/*decrease img size of forum cover*/
.bb-cover-list-item img {
  max-width: 100% !important;
  height: auto !important;
}

/* clean up template comlumns and spacing*/
.bb-grid.bb-forums-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 1rem !important;
  justify-content: center; 
}

/* ADD SOLD BANNERS BY ADDING ADVERT ID */
.page-id-373 .advert-id-2275, .advert-category-page .advert-id-2275 {
  pointer-events: none !important;   
  position: relative !important;
}

.page-id-373 .advert-id-2275::after, .advert-category-page .advert-id-2275::after {
  content: "SOLD";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-15deg);
  background: rgba(200, 0, 0, 0.8);
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  padding: 0.5em 1em;
  border-radius: 5px;
  z-index: 10;
  pointer-events: none;
}

.single-topic .bbp-author-link,
.single-topic .item-meta.member-type {
    display: inline-flex !important; 
    align-items: center !important;
    margin: 0 !important;     
}

.item-meta.member-type {
    margin-left: 0.5rem;
}