/*
Theme Name: BuddyBoss Theme Child
Theme URI: https://www.buddyboss.com/
Template: buddyboss-theme
Author: BuddyBoss
Author URI: https://www.buddyboss.com/
Description: BuddyBoss Theme makes the BuddyBoss Platform look beautiful.
Version: 2.7.90.1783537153
Updated: 2026-07-08 18:59:13
*/

/*==================================================
SECTION 01
QUEERFRIENDS DESIGN VARIABLES
==================================================*/

:root {
  --qf-purple: #6f42ff;
  --qf-purple-dark: #5630d8;
  --qf-pink: #ff4fa3;
  --qf-lavender: #9b7cff;
  --qf-soft: #fbf8ff;
  --qf-soft-2: #f5efff;
  --qf-white: #ffffff;
  --qf-ink: #111827;
  --qf-ink-soft: #2f3442;
  --qf-muted: #64718a;
  --qf-border: rgba(111, 61, 255, .10);
  --qf-shadow-sm: 0 14px 32px rgba(24, 31, 55, .07);
  --qf-shadow-md: 0 18px 60px rgba(24, 31, 55, .08);
}

/*==================================================
SECTION 02
GLOBAL BASE
==================================================*/

body {
  background: var(--qf-white);
}

/*==================================================
SECTION 03
BUDDYBOSS HEADER SHELL
==================================================*/

/* Header wrapper */
.site-header,
#masthead,
.bb-template-v2 .site-header {
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding: 22px 0 0 !important;
  position: relative;
  z-index: 50;
}

/* Rounded inner header */
.site-header .container,
.site-header .bb-container,
#masthead .container,
#masthead .bb-container,
.bb-template-v2 .site-header .container,
.bb-template-v2 .site-header .bb-container {
  min-height: 76px !important;
  max-width: 1180px !important;
  width: calc(100% - 48px) !important;
  margin: 0 auto !important;
  padding: 0 18px 0 22px !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, .82) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid var(--qf-border) !important;
  box-shadow: var(--qf-shadow-md) !important;
}

/* Prevent page content from touching header */
.site-content,
#content {
  padding-top: 18px;
}

/*==================================================
SECTION 04
LOGO
==================================================*/

.site-header .site-branding img,
#masthead .site-branding img,
.bb-logo img,
.site-title img {
  height: 40px !important;
  max-height: 40px !important;
  width: auto !important;
}

/*==================================================
SECTION 05
MAIN NAVIGATION
==================================================*/

.site-header .primary-menu a,
#masthead .primary-menu a,
.site-header .main-navigation a,
#masthead .main-navigation a {
  color: var(--qf-ink-soft) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  transition: color .25s ease;
}

.site-header .primary-menu a:hover,
#masthead .primary-menu a:hover,
.site-header .main-navigation a:hover,
#masthead .main-navigation a:hover {
  color: var(--qf-purple) !important;
}

/* Hover underline */
.site-header .primary-menu > li > a,
#masthead .primary-menu > li > a,
.site-header .main-navigation > div > ul > li > a,
#masthead .main-navigation > div > ul > li > a {
  position: relative;
}

.site-header .primary-menu > li > a::after,
#masthead .primary-menu > li > a::after,
.site-header .main-navigation > div > ul > li > a::after,
#masthead .main-navigation > div > ul > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 0;
  height: 2px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: linear-gradient(135deg, var(--qf-purple), var(--qf-pink));
  transition: width .25s ease;
}

.site-header .primary-menu > li > a:hover::after,
#masthead .primary-menu > li > a:hover::after,
.site-header .main-navigation > div > ul > li > a:hover::after,
#masthead .main-navigation > div > ul > li > a:hover::after {
  width: 100%;
}

/*==================================================
SECTION 06
BUDDYBOSS RIGHT-SIDE ITEMS
==================================================*/

/* Intentionally light-touch:
   keeping notifications, messages, avatar, and account dropdown intact. */

.site-header .header-aside,
#masthead .header-aside {
  align-items: center !important;
}

/*==================================================
SECTION 07
MOBILE HEADER
==================================================*/

@media (max-width: 980px) {
  .site-header,
  #masthead,
  .bb-template-v2 .site-header {
    padding-top: 16px !important;
  }

  .site-header .container,
  .site-header .bb-container,
  #masthead .container,
  #masthead .bb-container {
    width: calc(100% - 32px) !important;
    min-height: 72px !important;
    border-radius: 24px !important;
  }
}

@media (max-width: 640px) {
  .site-header,
  #masthead,
  .bb-template-v2 .site-header {
    padding-top: 12px !important;
  }

  .site-header .container,
  .site-header .bb-container,
  #masthead .container,
  #masthead .bb-container {
    width: calc(100% - 24px) !important;
    min-height: 68px !important;
    padding: 0 14px !important;
    border-radius: 22px !important;
  }

  .site-header .site-branding img,
  #masthead .site-branding img,
  .bb-logo img,
  .site-title img {
    height: 34px !important;
    max-height: 34px !important;
  }
}

/*==================================================
SECTION 03A
QUEERFRIENDS BUDDYBOSS HEADER POLISH
==================================================*/

#masthead.site-header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 22px 0 0 !important;
}

#masthead.site-header .container,
#masthead.site-header .bb-container {
  max-width: 1180px !important;
  width: calc(100% - 48px) !important;
  min-height: 76px !important;
  margin: 0 auto !important;
  padding: 0 22px !important;

  border-radius: 28px !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(111,61,255,.10) !important;
  box-shadow: 0 18px 60px rgba(24,31,55,.08) !important;

  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
}

#masthead .site-branding img,
#masthead .bb-logo img {
  max-height: 40px !important;
  width: auto !important;
}

#masthead .main-navigation a,
#masthead .primary-menu a {
  color: #2f3442 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

#masthead .main-navigation a:hover,
#masthead .primary-menu a:hover {
  color: #6f42ff !important;
}

@media (max-width: 980px) {
  #masthead.site-header {
    padding-top: 16px !important;
  }

  #masthead.site-header .container,
  #masthead.site-header .bb-container {
    width: calc(100% - 32px) !important;
    min-height: 72px !important;
    border-radius: 24px !important;
  }
}

@media (max-width: 640px) {
  #masthead.site-header {
    padding-top: 12px !important;
  }

  #masthead.site-header .container,
  #masthead.site-header .bb-container {
    width: calc(100% - 24px) !important;
    min-height: 68px !important;
    border-radius: 22px !important;
    padding: 0 14px !important;
  }
}

/*==================================================
SECTION 03
QUEERFRIENDS BUDDYBOSS HEADER
==================================================*/

/* Outer header spacing */
#masthead.site-header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 16px 0 0 !important;
  position: relative;
  z-index: 50;
}

/* Actual BuddyBoss header wrapper */
#masthead .site-header-container {
  max-width: 1180px !important;
  width: calc(100% - 48px) !important;
  min-height: 68px !important;
  height: 68px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;

  border-radius: 28px !important;
  background: rgba(255, 255, 255, .86) !important;
  border: 1px solid rgba(111, 61, 255, .10) !important;
  box-shadow: 0 18px 60px rgba(24, 31, 55, .08) !important;

  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;

  display: flex !important;
  align-items: center !important;
}

/* Logo area */
#masthead #site-logo,
#masthead .site-branding,
#masthead .site-title,
#masthead .site-title a {
  display: flex !important;
  align-items: center !important;
  height: 68px !important;
  line-height: 1 !important;
}

/* Text logo */
#masthead .site-title a {
  color: #202336 !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  letter-spacing: -0.055em !important;
  text-decoration: none !important;
}

/* Main nav area */
#masthead #site-navigation,
#masthead #primary-navbar,
#masthead #navbar-collapse {
  height: 68px !important;
  display: flex !important;
  align-items: center !important;
}

/* Right side wrapper */
#masthead #header-aside,
#masthead .header-aside-inner {
  height: 68px !important;
  min-height: 68px !important;
  display: flex !important;
  align-items: center !important;
}

/* Right side icons */
#masthead .header-aside-inner > a,
#masthead .notification-wrap > a,
#masthead .user-link {
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
}

/* Icon sizing */
#masthead .header-search-link i,
#masthead .notification-link i {
  font-size: 26px !important;
  color: #202336 !important;
}

/* Separator */
#masthead .bb-separator {
  height: 28px !important;
  opacity: .35 !important;
}

/* User name */
#masthead .user-link .user-name {
  color: #202336 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

/* Avatar */
#masthead .user-link img.avatar {
  width: 44px !important;
  height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  border-radius: 999px !important;
}

/* Keep dropdown untouched */
#masthead .user-wrap .sub-menu,
#masthead .notification-dropdown {
  height: auto !important;
  max-height: none !important;
}

/*==================================================
SECTION 03A
QUEERFRIENDS BUDDYBOSS HEADER RESPONSIVE
==================================================*/

@media (max-width: 980px) {
  #masthead.site-header {
    padding-top: 12px !important;
  }

  #masthead .site-header-container {
    width: calc(100% - 32px) !important;
    min-height: 66px !important;
    height: 66px !important;
    border-radius: 24px !important;
  }

  #masthead #site-logo,
  #masthead .site-branding,
  #masthead .site-title,
  #masthead .site-title a,
  #masthead #site-navigation,
  #masthead #primary-navbar,
  #masthead #navbar-collapse,
  #masthead #header-aside,
  #masthead .header-aside-inner {
    height: 66px !important;
  }
}

@media (max-width: 640px) {
  #masthead.site-header {
    padding-top: 10px !important;
  }

  #masthead .site-header-container {
    width: calc(100% - 24px) !important;
    min-height: 62px !important;
    height: 62px !important;
    padding: 0 14px !important;
    border-radius: 22px !important;
  }

  #masthead #site-logo,
  #masthead .site-branding,
  #masthead .site-title,
  #masthead .site-title a,
  #masthead #site-navigation,
  #masthead #primary-navbar,
  #masthead #navbar-collapse,
  #masthead #header-aside,
  #masthead .header-aside-inner {
    height: 62px !important;
  }

  #masthead .site-title a {
    font-size: 25px !important;
  }

  #masthead .header-search-link i,
  #masthead .notification-link i {
    font-size: 23px !important;
  }

  #masthead .user-link img.avatar {
    width: 38px !important;
    height: 38px !important;
  }
}


/*==================================================
SECTION 03B
QUEERFRIENDS TEXT LOGO GRADIENT
==================================================*/

#masthead .site-title a {
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: -0.055em !important;
  text-decoration: none !important;

  background: linear-gradient(
    135deg,
    #6f42ff 0%,
    #8f55ff 38%,
    #d946ef 72%,
    #ff4fa3 100%
  ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/*==================================================
SECTION 03C
QUEERFRIENDS PRIMARY NAVIGATION
==================================================*/

/* Center nav area */
#masthead #site-navigation {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 0 !important;
}

#masthead #primary-navbar,
#masthead #navbar-collapse {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Main menu list */
#masthead #site-navigation ul,
#masthead #primary-navbar ul {
    display: flex !important;
    align-items: center !important;
    gap: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Main nav links */
#masthead #site-navigation ul li > a,
#masthead #primary-navbar ul li > a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;

    color: #2f3442 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;

    transition: color .25s ease !important;
}

/* Remove BuddyBoss active pill/background */
#masthead #site-navigation ul li.current-menu-item > a,
#masthead #site-navigation ul li.current_page_item > a,
#masthead #primary-navbar ul li.current-menu-item > a,
#masthead #primary-navbar ul li.current_page_item > a {
    background: transparent !important;
    color: #6f42ff !important;
}

/* Hover */
#masthead #site-navigation ul li > a:hover,
#masthead #primary-navbar ul li > a:hover {
    color: #6f42ff !important;
    background: transparent !important;
}

/* Gradient underline */
#masthead #site-navigation ul li > a::after,
#masthead #primary-navbar ul li > a::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -12px !important;
    width: 0 !important;
    height: 2px !important;
    border-radius: 999px !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(135deg, #6f42ff, #ff4fa3) !important;
    transition: width .25s ease !important;
}

#masthead #site-navigation ul li > a:hover::after,
#masthead #site-navigation ul li.current-menu-item > a::after,
#masthead #site-navigation ul li.current_page_item > a::after,
#masthead #primary-navbar ul li > a:hover::after,
#masthead #primary-navbar ul li.current-menu-item > a::after,
#masthead #primary-navbar ul li.current_page_item > a::after {
    width: 100% !important;
}

/* Hide BuddyBoss overflow dots on desktop */
#masthead #site-navigation .more-button,
#masthead #navbar-collapse > .sub-menu {
    display: none !important;
}