@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Slackey&display=swap');
@font-face {
    font-family: 'Proxima Nova';
    src: url('./font/ProximaNova-Semibold.eot');
    src: url('./font/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('./font/ProximaNova-Semibold.woff2') format('woff2'),
        url('./font/ProximaNova-Semibold.woff') format('woff'),
        url('./font/ProximaNova-Semibold.ttf') format('truetype'),
        url('./font/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('./font/ProximaNovaT-Thin.eot');
    src: url('./font/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
        url('./font/ProximaNovaT-Thin.woff2') format('woff2'),
        url('./font/ProximaNovaT-Thin.woff') format('woff'),
        url('./font/ProximaNovaT-Thin.ttf') format('truetype'),
        url('./font/ProximaNovaT-Thin.svg#ProximaNovaT-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('./font/ProximaNova-Bold.eot');
    src: url('./font/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('./font/ProximaNova-Bold.woff2') format('woff2'),
        url('./font/ProximaNova-Bold.woff') format('woff'),
        url('./font/ProximaNova-Bold.ttf') format('truetype'),
        url('./font/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('./font/ProximaNova-Regular.eot');
    src: url('./font/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('./font/ProximaNova-Regular.woff2') format('woff2'),
        url('./font/ProximaNova-Regular.woff') format('woff'),
        url('./font/ProximaNova-Regular.ttf') format('truetype'),
        url('./font/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --h1-80px: 80px;
    --h2-48px: 48px;
    --h3-32px: 32px;
    --p-20px: 20px;
    --p-18px: 18px;
    --p-16px: 16px;
    --p-14px: 14px;

    --white: #fff;
    --black: #000;
    --blue: #1E90FF;
    --green: #ce00ff;
    /* --green: #39FF14; */
    --heading: #D7FFD0;
    --yellow: #FFA500;
  }
  *::-webkit-scrollbar {
    width: 8px;
  }
  *::-webkit-scrollbar-track {
    background: #000;
  }
  *::-webkit-scrollbar-thumb {
    background: #1E90FF;
  }
  * {
    scrollbar-width: thin;
    scrollbar-color: #1E90FF #000;
  }
  a,
  div a:hover,
  div a:active,
  div a:focus,
  .btn-outline,
  .btn-fill,
  button {
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  *::after,
  *::before,
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  body * {
    margin: 0;
    box-sizing: border-box;
  }
  html {
    overflow-x: hidden;
}
body.bbp-user-page,body.forum-archive{
  background-color: #000;
}
  body:not(.bbp-user-page,.forum-archive),
  body.bassfaced-bf-background.custom-background:not(.bbp-user-page,.forum-archive),
  body.bassfaced-bf-background:not(.bbp-user-page,.forum-archive) {
    background-color: #000;
    line-height: 140%;
    font-family: 'Proxima Nova';
    overflow-x: hidden;
  }
  /* svg {
    width: 100%;
    height: 100%;
  } */
  * {
    outline: none !important;
  }
  * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
  }
  body.bb-custom-typo h1 {
    font-size: var(--h1-80px);
    line-height: 110%;
    font-family: "Oswald", serif;
    font-weight: 700;
  }
  body.bb-custom-typo h2 {
    font-size: var(--h2-48px);
    line-height: 150%;
    font-family: "Oswald", serif;
    font-weight: 700;
  }
  body.bb-custom-typo h3 {
    font-size: var(--h3-32px);
    line-height: 150%;
    font-family: "Oswald", serif;
    font-weight: 700;
  }
  p {
    font-size: var(--p-18px);
    line-height: 150%;
    font-family: 'Proxima Nova';
  }
  a {
    font-family: 'Proxima Nova';
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
  }
  input[type=number]::-webkit-outer-spin-button,
  input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type=number] {
    -moz-appearance: textfield;
  }
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
  }
  .site-header, .site-main, .widget-area, .site-footer {
    padding-top: 0;
    padding-bottom: 0;
}
.bf-product-detail-cotainer,
  .container {
    width: 100%;
    max-width: 1310px;
    padding: 0 15px;
    margin: 0 auto;
  }
  .bf-btn {
	display: flex;
	justify-content: center;
	align-items: center;
  position: relative;
}
.loader {
  border: 7px solid var(--white);
  border-top: 7px solid var(--yellow);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: spin 2s linear infinite;
  margin: 0 auto;
}
.suggestion-loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {
  max-width: 26px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .product-actions a.bf-view-product,
.bf-flexible-table .select-btn,
.bf-btn a.bf-btn-blue-outline {
  font-size: var(--p-16px);
  color: var(--blue);
  background: transparent;
  border: 1px solid var(--blue);
  padding: 11px 24px;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  line-height: 150%;
  transition: all .7s ease;
  background-position: 1% 50%;
  background-size: 300% 300%;
  background-image: linear-gradient(270deg, rgb(30 144 255), rgb(30 144 255), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .product-actions a.bf-view-product:hover,
.bf-flexible-table .select-btn:hover,
.bf-btn a.bf-btn-blue-outline:hover {
  color: var(--white);
  border-color: transparent;
  background-position: 99% 50%;
}
div.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-submit-container button.wpforms-submit {
  min-height: 48px;
  padding: 11px 34px;
}
.form-submit #submit {
  width: 100%;
  max-width: 154px;
  margin: 0 auto;
}
.bf-article-detail-content-wrap .logged-in-as, .bf-article-detail-content-wrap .bf-detail-forms h3#reply-title {
  display: none;
}
body.woocommerce-cart .bass-container .woocommerce .wc-proceed-to-checkout .checkout-button {
  margin-bottom: 0;
  line-height: normal;
  padding: 9px 24px;
}
#content div.product #reviews p.form-submit input#submit,
.woocommerce-cart .bass-container .woocommerce .wc-proceed-to-checkout .checkout-button,
.error-404 p a.button,
.form-submit #submit,
.bf-flexible-table .contact-btn,
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-submit-container button.wpforms-submit,
.bf-btn a.bf-btn-blue {
  font-size: var(--p-16px);
  color: var(--white);
  background: var(--blue);
  border: 1px solid var(--blue);
  padding: 11px 24px;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  line-height: 150%;
  position: relative;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  overflow: hidden;
}
#content div.product #reviews p.form-submit input#submit::after,
#content div.product #reviews p.form-submit input#submit::before,
.woocommerce-cart .bass-container .woocommerce .wc-proceed-to-checkout .checkout-button::after,
.woocommerce-cart .bass-container .woocommerce .wc-proceed-to-checkout .checkout-button::before,
.error-404 p a.button::after,.error-404 p a.button::before,
.form-submit #submit::after,.form-submit #submit::before,
.bf-flexible-table .contact-btn::before,
.bf-flexible-table .contact-btn::after,
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-submit-container button.wpforms-submit::before,.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-submit-container button.wpforms-submit::after,
.bf-btn a.bf-btn-blue::before,.bf-btn a.bf-btn-blue::after {
  top: 0;
  width: 0;
  height: 100%;
  mix-blend-mode: overlay;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  content: "";
  position: absolute;
}
#content div.product #reviews p.form-submit input#submit::before,
.woocommerce-cart .bass-container .woocommerce .wc-proceed-to-checkout .checkout-button::before,
.error-404 p a.button::before,
.form-submit #submit::before,
.bf-flexible-table .contact-btn::before,
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-submit-container button.wpforms-submit::before,
.bf-btn a.bf-btn-blue::before {
  left: 0;
  width: 0;
  background: #3476b5;
}
#content div.product #reviews p.form-submit input#submit::after,
.woocommerce-cart .bass-container .woocommerce .wc-proceed-to-checkout .checkout-button::after,
.error-404 p a.button::after,
.form-submit #submit::after,
.bf-flexible-table .contact-btn::after,
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-submit-container button.wpforms-submit::after,
.bf-btn a.bf-btn-blue::after {
  left: 100%;
  width: 0;
  background: #255a8d;
}
#content div.product #reviews p.form-submit input#submit:hover::before,
.woocommerce-cart .bass-container .woocommerce .wc-proceed-to-checkout .checkout-button:hover::before,
.error-404 p a.button:hover::before,
.form-submit #submit:hover::before,
.bf-flexible-table .contact-btn:hover::before,
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-submit-container button.wpforms-submit:hover::before,
.bf-btn a.bf-btn-blue:hover::before {
  width: 100%;
}
#content div.product #reviews p.form-submit input#submit:hover::after,
.woocommerce-cart .bass-container .woocommerce .wc-proceed-to-checkout .checkout-button:hover::after,
.error-404 p a.button:hover::after,
.form-submit #submit:hover::after,
.bf-flexible-table .contact-btn:hover::after,
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-submit-container button.wpforms-submit:hover::after,
.bf-btn a.bf-btn-blue:hover::after {
  width: 100%;
  left: 0;
}
#content div.product #reviews p.form-submit input#submit:hover,
.woocommerce-cart .bass-container .woocommerce .wc-proceed-to-checkout .checkout-button:hover,
.error-404 p a.button:hover,
.form-submit #submit:hover,
.bf-flexible-table .contact-btn:hover,
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-submit-container button.wpforms-submit:hover,
.bf-btn a.bf-btn-blue:hover {
    color: var(--blue);
    background: var(--white);
    border: 1px solid var(--white);
}
section {
    padding-top: 100px;
    padding-bottom: 100px;
}
.error-404, .no-results.not-found {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.error-404 .page-title, .no-results.not-found .page-title {
  margin-bottom: 10px;
  color: var(--heading);
  font-size: var(--h2-48px);
}
.error404 .site {
  align-items: center;
  justify-content: center;
}
/* header start  */
.bf-hamburger .close-menu {
  font-size: 38px;
}
header .bf-header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 0;
    padding: 16px 0;
}
.bf-header-wrap .bf-header-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    max-width: 75%;
    width: 100%;
}
.bf-header-wrap nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    width: 100%;
}
.bf-header-wrap nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    width: 100%;
}
.bf-header-wrap nav ul li {
    margin-right: 26px;
    list-style: none;
}
.bf-header-wrap nav ul li a {
    font-size: var(--p-16px);
    color: var(--white);
    font-weight: 400;
    line-height: 150%;
    transition: all .5s ease;
}
.bf-header-wrap nav ul li a:focus,
.bf-header-wrap nav ul li.active a,
.bf-header-wrap nav ul li a:hover {
    color: var(--green);
}
header.bf-header {
  position: fixed;
  z-index: 9;
  top: 0;
  width: 100%;
  height: 140px;
  left: 0;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  transition: all .5s ease;
  box-shadow: unset !important;
}
header.bf-header.fixed {
  background: #000;
  position: fixed;
  z-index: 99999;
  top: 0;
  width: 100%;
  left: 0;
  transition: all .5s ease;
  height: auto;
}
.close-menu {
  display: none;
}
.bf-header-menu {
  display: flex;
  align-items: center;
}
.bf-hamburger {
  display: none;
  font-size: 24px;
  cursor: pointer;
}
/* header end */

/* banner start  */
section.bf-banner-sec {
	padding-top: 0;
	padding-bottom: 0;
}
.bf-banner-deatil .item,
.bf-banner-carousal .item {
    position: relative;
    padding-top: 56.35%;
}
.bf-banner-deatil .item img,
.bf-banner-carousal .item img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
div.bf-banner-deatil .item-wrapper {
  max-width: 746px;
}
.bf-banner-deatil .item-wrapper,
.bf-banner-carousal .item-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    width: 100%;
    max-width: 700px;
    text-align: center;
    z-index: 2;
    margin: 0 auto;
}
.bf-banner-deatil {
  position: relative;
}
.bf-banner-deatil .item::before,
.bf-banner-carousal .item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    top: 0;
    left: 0;
    z-index: 1;
}
.bf-banner-deatil .item-wrapper p,
.bf-banner-carousal .item-wrapper p {
    font-size: var(--p-20px);
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 150%;
}
.bf-banner-deatil .item-wrapper h1,
.bf-banner-carousal .item-wrapper h1 {
    margin-bottom: 24px;
}
.bf-banner-wrap .owl-theme .owl-dots button {
    background-color: transparent;
}
.bf-banner-wrap .owl-theme .owl-dots .owl-dot span {
	margin: 0;
	background: #D2E9FF;
}
.bf-banner-wrap .owl-theme .owl-dots .owl-dot.active span, .bf-banner-wrap .owl-theme .owl-dots .owl-dot:hover span {
	background: var(--blue);
}
.bf-banner-wrap .owl-theme .owl-nav.disabled + .owl-dots {
	left: 0;
	right: 0;
	transform: translateY(-50%);
	bottom: 32px;
	background: #000;
	width: 100%;
	max-width: max-content;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 6px 8px;
	border-radius: 50px;
	position: absolute;
	z-index: 1;
}
.bf-banner-wrap .owl-theme .owl-nav.disabled + .owl-dots::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 50px;
    background: linear-gradient(168.05deg, rgba(255, 255, 255, 0) 7.12%, rgba(255, 255, 255, 0.7) 63.18%, rgba(255, 255, 255, 0) 86.24%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}
body .primary-menu {
    height: auto;
    display: flex;
    align-items: center;
    position: relative;
	  padding-right: 30px;
}
body #content,
body #primary {
  padding-top: 0;
}
/* banner end */

/* upcoming start */
.bf-profile-wrapper-div,
.bf-how-start-sec,
.bf-felxible-sec,
section.bf-contact-journey-sec,
.bf-artist-dj-sec,
.page-template-template-upload-community-shots #page,
section.bf-tab-events,
.bf-article-detail-content-wrap .bf-detail-content,
section.bf-latest-news-content,
section.bf-music-sec,
section.bf-community-sec,
section.bf-latest-sec,
section.bf-artist-sec,
section.bf-artists-profile-sec,
section.bf-artists-upcoming-detail-sec,
section.bf-music-sec.bf-adv-btn,
section.bf-faq-sec,
section.bf-upcoming-sec {
  position: relative;
}
@keyframes zoomInOut {
  0%, 100% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.2);
  }
}
section.bf-faq-sec::before {
  content: "";
  position: absolute;
  filter: blur(290px);
  background: #1873CC;
  width: 21.11%;
  height: 72.3%;
  top: -37%;
  left: -70px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-felxible-sec.bf-earn-sec::before {
  content: unset;
}
.bf-felxible-sec::before {
  content: "";
  position: absolute;
  filter: blur(350px);
  background: #1873CC;
  width: 21.11%;
  height: 45.3%;
  top: -37%;
  right: -90px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-profile-wrapper-div::before {
  content: "";
  position: absolute;
  filter: blur(350px);
  background: #1873CC;
  width: 29.11%;
  height: 25.3%;
  bottom: 20%;
  right: -190px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-profile-wrapper-div::after {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: var(--green);
  width: 28.95%;
  height: 25.1%;
  top: 26%;
  left: -189px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
section.bf-contact-journey-sec::before {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: var(--green);
  width: 25.95%;
  height: 49.1%;
  top: 25%;
  left: -129px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
section.bf-contact-journey-sec::after {
  content: "";
  position: absolute;
  filter: blur(350px);
  background: #1873CC;
  width: 26.11%;
  height: 49.3%;
  bottom: -5%;
  right: -100px;
  border-radius: 50;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-how-start-sec::after {
  content: "";
  position: absolute;
  filter: blur(350px);
  background: #1873CC;
  width: 26.11%;
  height: 29.3%;
  top: 8%;
  right: -100px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
section.bf-artists-upcoming-detail-sec::after {
  content: "";
  position: absolute;
  filter: blur(350px);
  background: #1873CC;
  width: 26.11%;
  height: 31.3%;
  bottom: 8%;
  right: -100px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
section.bf-artists-profile-sec::after {
  content: "";
  position: absolute;
  filter: blur(350px);
  background: var(--yellow);
  width: 26.11%;
  height: 49.3%;
  top: 43%;
  left: -170px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-gradient-artist::after {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: var(--green);
  width: 28.95%;
  height: 31.1%;
  top: 7%;
  left: -189px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-artist-dj-sec::after {
  content: "";
  position: absolute;
  filter: blur(350px);
  background: #1873CC;
  width: 29.11%;
  height: 34.3%;
  top: 36%;
  right: -250px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-artist-dj-sec::before {
  content: "";
  position: absolute;
  filter: blur(350px);
  background: var(--yellow);
  width: 29.11%;
  height: 34.3%;
  top: 11%;
  right: -170px;
  border-radius: 50%;
  z-index: 2;
  animation: zoomInOut 3s infinite ease-in-out;
}
.page-template-template-upload-community-shots #page::before,
section.bf-tab-events::before {
  content: "";
  position: absolute;
  filter: blur(350px);
  background: var(--yellow);
  width: 26.11%;
  height: 30.3%;
  top: 20%;
  left: -170px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.page-template-template-upload-community-shots #page::after,
section.bf-tab-events::after {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: #1873CC;
  width: 25.95%;
  height: 25.3%;
  top: 50%;
  right: -140px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-article-detail-content-wrap .bf-detail-content::before {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: var(--yellow);
  width: 29.95%;
  height: 25.85%;
  top: -8%;
  right: -370px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-article-detail-content-wrap .bf-detail-content::after {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: var(--green);
  width: 38.95%;
  height: 33.85%;
  bottom: -4%;
  left: -419px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-article-detail-content-wrap .bf-detail-forms::before {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: #1873CC;
  width: 38.95%;
  height: 80.85%;
  top: -28%;
  right: -370px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-article-detail-content-wrap .bf-detail-recent-post::before {
  content: "";
  position: absolute;
  filter: blur(350px);
  background: var(--yellow);
  width: 48.95%;
  height: 34.85%;
  top: 36%;
  left: -570px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-article-detail-content-wrap .bf-detail-recent-post::after {
  content: "";
  position: absolute;
  filter: blur(350px);
  background: var(--green);
  width: 48.95%;
  height: 34.85%;
  bottom: 9%;
  right: -570px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
section.bf-latest-news-content::before {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: var(--green);
  width: 28.95%;
  height: 15.85%;
  bottom: -4%;
  left: -240px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
section.bf-latest-news-content::after {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: #1873CC;
  width: 28.95%;
  height: 15.85%;
  top: 25%;
  right: -240px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
body section.bf-music-sec.bf-adv-btn::before {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: var(--green);
  width: 23.2%;
  height: 75.2%;
  top: -18%;
  left: -150px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
section.bf-music-sec.bf-artist-music::before {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: #1e90fc;
  width: 23.2%;
  height: 75.2%;
  top: -18%;
  left: -150px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
section.bf-music-sec::before {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: var(--green);
  width: 23.2%;
  height: 75.2%;
  top: -18%;
  left: -240px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
section.bf-community-sec::before {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: #1873CC;
  width: 23.2%;
  height: 57.2%;
  top: 54%;
  right: 0;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
section.bf-latest-sec::before {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: var(--green);
  width: 23.2%;
  height: 45.2%;
  top: 40%;
  right: -80px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
section.bf-artist-sec::before {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: var(--green);
  width: 26.2%;
  height: 47.2%;
  top: 52%;
  left: -240px;
  border-radius: 50%;
  opacity: 70%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
section.bf-upcoming-sec::before {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: var(--green);
  width: 26.2%;
  height: 26.2%;
  top: 230px;
  left: -130px;
  border-radius: 50%;
  opacity: 70%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.item-cols-artist {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  gap: 10px;
}
.item-cols-artist .custom-dropdown {
  position: relative;
}
section.bf-upcoming-sec::after {
  content: "";
  position: absolute;
  filter: blur(280px);
  background: #1873CC;
  width: 26.2%;
  height: 26.2%;
  top: 50%;
  right: -130px;
  border-radius: 50%;
  z-index: 1;
  animation: zoomInOut 3s infinite ease-in-out;
}
.bf-artist-wrap h2,
.bf-playlist-wrap h2,
.bf-upcoming-wrap h2 {
	color: var(--heading);
	text-align: center;
}
.bf-upcoming-event-sec .bf-upcoming-selection .bf-upcoming-wrap {
  justify-content: center;
  gap: 8px;
}
.bf-upcoming-selection .bf-upcoming-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
    max-width: 100%;
	flex-wrap: wrap;
	margin: 60px auto 50px auto;
  gap: 8px;
}

.item-cols-artist .custom-dropdown,
.bf-upcoming-selection .bf-upcoming-dropdown-col .custom-dropdown {
  padding: 7px 32px 7px 16px;
  border-radius: 50px;
  border: 1px solid #222222;
  background-color: var(--black);
}
.bf-upcoming-selection .bf-upcoming-dropdown-col {
  width: 100%;
  max-width: calc(100%/6 - 7px);
  position: relative;
  cursor: pointer;
  z-index: 9999;
}
.bf-upcoming-selection .bf-upcoming-dropdown-col:last-child {
  max-width: fit-content;
}
.bf-upcoming-dropdown-col a.clear-filter-artist,
.bf-upcoming-dropdown-col a.clear-filter {
  padding-left: 10px;
  margin-left: 20px;
  border-left: 1px solid #747373;
}
.item-cols-artist .custom-dropdown::before, .bf-upcoming-selection .bf-upcoming-dropdown-col .custom-dropdown::before {
  position: absolute;
  content: "";
  background-image: url("./images/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 12px;
  height: 7px;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
}
.item-cols-artist .selected-item::after,
.bf-upcoming-dropdown-col .selected-item::after {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  cursor: pointer;
  border-radius: 1000px;
}
.item-cols-artist .selected-item,
.bf-upcoming-dropdown-col .selected-item {
  font-size: var(--p-16px);
  color: var(--white);
  font-weight: 600;
  width: 100%;
  max-width: 120px;
  position: static;
  white-space: nowrap;
  overflow: hidden;
}
.item-cols-artist .dropdown-list,
.bf-upcoming-dropdown-col .dropdown-list {
	position: absolute;
}
.bf-events-details .bf-events-wrapper {
    display: flex;
    margin-bottom: 10px;
    gap: 32px;
    justify-content: center;
    align-content: center;
    width: 100%;
    flex-wrap: wrap;
}
.bf-playlist-wrap .bf-events-details .bf-events-wrapper .bf-playlist-detial-col:hover::after, .bf-events-details .bf-events-wrapper .bf-events-cols:hover::after {
  opacity: 1;
}

.bf-playlist-wrap .bf-events-details .bf-events-wrapper .bf-playlist-detial-col::after, .bf-events-details .bf-events-wrapper .bf-events-cols::after {
  content: "";
position: absolute;
inset: 0;
opacity: 0;
background:
  radial-gradient(circle at calc(var(--x) * 1px) calc(var(--y) * 1px), #FFA500, transparent 35vmin),
  transparent;
background-attachment: fixed;
pointer-events: none;
mask:
  linear-gradient(#FFA500, #FFA500) 50% 0 / 100% 1px no-repeat,
  linear-gradient(#FFA500, #FFA500) 50% 100% / 100% 1px no-repeat,
  linear-gradient(#FFA500, #FFA500) 0 50% / 1px 100% no-repeat,
  linear-gradient(#FFA500, #FFA500) 100% 50% / 1px 100% no-repeat;
border-radius: 18px;
transition: all .5s ease;
}

.bf-playlist-wrap .bf-events-details .bf-events-wrapper .bf-playlist-detial-col:hover::before, .bf-events-details .bf-events-wrapper .bf-events-cols:hover::before {
  opacity: 0;
}
.bf-playlist-wrap .bf-events-details .bf-events-wrapper .bf-playlist-detial-col::before, .bf-events-details .bf-events-wrapper .bf-events-cols::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 8px;
  background: linear-gradient(168.05deg, rgba(255, 255, 255, 0) 7.12%, rgba(255, 255, 255, 0.7) 63.18%, rgba(255, 255, 255, 0) 86.24%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: 1;
  transition: all .5s ease;
  opacity: 1;
  pointer-events: none;
}
.bf-events-details .bf-events-wrapper .bf-events-cols {
    width: 100%;
    max-width: calc(100%/3 - 22px);
    display: flex;
    padding: 24px;
    border-radius: 8px;
    position: relative;
    background: rgba(0,0,0,0.2);
    justify-content: flex-start;
    align-items: stretch;
    cursor: pointer;
    z-index: 2;
    transition: all .5s ease;
    flex-direction: column;
}
.bf-events-wrapper .bf-events-cols:hover .bf-events-cols-img img {
  transform: scale(1.2);
  transition: all .5s ease;
}
.bf-events-wrapper .bf-events-cols .bf-events-cols-img {
    position: relative;
    padding-top: 61.6%;
    width: 100%;
    max-width: 100%;
    transition: all .5s ease;
    border-radius: 10px;
    overflow: hidden;
    opacity: 86%;
}
  .bf-events-cols-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	border-radius: 10px;
  overflow: hidden;
	opacity: 86%;
  transition: all .5s ease;
}
.bf-events-wrapper .bf-events-cols .bf-events-cols-info {
    width: 100%;
    max-width: 100%;
    margin-top: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.bf-events-cols .bf-events-cols-info .bf-top-title .bf-title-links {
    display: none;
}
.bf-events-cols .bf-events-cols-info .bf-top-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 14px;
}
.bf-events-cols .bf-events-cols-info .bf-top-title h3, .bf-events-cols .bf-events-cols-info .bf-top-title a:hover {
  color: var(--green);
}
.fancybox__container {
    top: 20px;
}
.fancybox__slide.has-image>.fancybox__content {
    max-width: 60% !important;
    height: 60% !important;
    width: 100% !important;
}
.bf-events-cols .bf-events-cols-info .bf-top-title h3, .bf-events-cols .bf-events-cols-info .bf-top-title a {
  width: 100%;
  max-width: 100%;
  font-size: 24px;
  line-height: 150%;
  color: var(--white);
  font-family: "Oswald", serif;
  font-weight: 700;
  text-align: center;
}
.bf-top-title .bf-title-links a {
	font-size: 12px;
	font-weight: 700;
	line-height: 150%;
}
.bf-top-title .bf-title-links a:first-child {
	color: var(--yellow);
	font-weight: 400;
	padding-right: 6px;
	margin-right: 2px;
	border-right: 1px solid #666;
}
.bf-top-title .bf-title-links a:nth-child(2) {
  margin-left: 3px;
}
.bf-events-cols .bf-date-time-events {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 8px;
}
.bf-events-cols-info .bf-events-para {
    display: none;
}
.bf-date-time-events .bf-left-date {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 10px;
    width: 100%;
    max-width: 84%;
    margin: 0 auto;
}
.bf-events-cols .bf-city-cols {
    margin-right: 0;
}
.bf-events-cols .bf-city-cols, .bf-events-cols .bf-left-cols {
    font-size: var(--p-14px);
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 140%;
}
.bf-events-cols .bf-city-cols svg, .bf-events-cols .bf-left-cols svg {
    width: 24px;
    height: 24px;
}
.bf-events-para p {
    font-size: var(--p-14px);
    font-weight: 400;
}
.bf-upcoming-wrap {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.bf-events-cols .bf-btn {
    justify-content: center;
    margin-top: auto;
    gap: 16px;
}
.bf-upcoming-dropdown-col .dropdown-list {
  position: absolute;
  padding: 0;
  list-style: none;
  border: 1px solid #222222de;
  width: 100%;
  border-top: none;
  left: 0;
  top: 20px;
  padding-top: 30px;
  z-index: -1;
  background: #000;
  border-radius: 0 0 20px 20px;
  display: none;
  overflow: auto;
  max-height: 300px;
  scrollbar-width: none;
}
.bf-upcoming-dropdown-col .dropdown-list li:last-child {
  border-radius: 0 0 20px 20px;
}
.bf-upcoming-dropdown-col .dropdown-list li {
  padding: 4px 10px;
  font-size: var(--p-14px);
  font-weight: 600;
  background: transparent;
  color: var(--white);
  transition: all .4s ease;
  background: var(--black);
}
.bf-upcoming-dropdown-col .dropdown-list li:hover a {
  color: var(--black);
}
.bf-upcoming-dropdown-col .dropdown-list li:hover {
  background: var(--heading);
  color: var(--black);
}
.bf-events-details .bf-top-title .bf-title-links a {
    font-size: 12px;
    font-family: 'Proxima Nova';
}
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info::before {
  font-size: 18px;
  top: 8px;
  left: 8px;
}
.woocommerce form.checkout_coupon .form-row {
  padding: 0;
  margin: 0;
}
.woocommerce .cart-collaterals form.checkout_coupon {
  margin-top: 10px;
  margin-bottom: 0;
}
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
  margin-bottom: 0;
  padding: 10px 10px 10px 30px;
}

/* upcoming end */

/* playlist start */
#primary.content-area iframe, .bb-modal iframe {
  margin-bottom: 0;
  height: 100%;
}
.bf-playlist-sec .bf-upcoming-wrap {
  justify-content: center;
  gap: 16px;
}
.bf-playlist-wrap .bf-events-details .bf-events-wrapper {
  margin-bottom: 50px;
  flex-direction: row;
  gap: 20px;
}
.bf-playlist-wrap .bf-events-details .bf-events-wrapper .bf-playlist-detial-col {
    width: 100%;
    max-width: calc(100%/3 - 14px);
    display: flex;
    padding: 24px;
    border-radius: 8px;
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.bf-playlist-detial-col .bf-playlist-detail-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.bf-playlist-detial-col .bf-playlist-detail-bottom p,
.bf-playlist-detial-col .bf-playlist-detail-top p {
  font-size: var(--p-20px);
  line-height: 150%;
  color: var(--white);
  font-weight: 600;
}
.bf-playlist-detial-col .bf-playlist-detail-top span {
  font-size: 12px;
  line-height: 150%;
  color: var(--yellow);
  font-weight: 400;
}
.bf-playlist-detial-col .bf-playlist-detail-top img {
  min-width: 60px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.bf-playlist-detial-col .bf-playlist-detail-middle {
  margin: 24px 0;
  width: 100%;
  position: relative;
  padding-top: 66.35%;
  overflow: hidden;
  border-radius: 10px;
}
.bf-playlist-detial-col .bf-playlist-detail-middle iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  display: block;
}
.bf-playlist-detail-middle .my_video_1-dimensions.vjs-fluid {
  padding-top: 63.3%;
  border-radius: 10px;
  overflow: hidden;
}
.bf-playlist-detail-middle .video-js .vjs-control-bar {
  background: transparent;
}
.bf-playlist-detail-middle .vjs-control-bar > div {
  display: none;
}
.bf-playlist-detial-col .bf-playlist-detail-middle .video-js {
  padding-top: 63.3%;
  border-radius: 10px;
  overflow: hidden;
}
.bf-playlist-detail-middle .vjs-control-bar > button.vjs-fullscreen-control {
  position: absolute;
  right: 15px;
  background-color: transparent;
  color: var(--blue);
  max-width: 20px;
  max-height: 20px;
  top: auto;
  bottom: 9px;
}
.bf-playlist-detail-middle .video-js .vjs-big-play-button {
  display: none;
}
.bf-playlist-detail-middle .vjs-control-bar > button.vjs-fullscreen-control::before {
  font-size: 27px;
  top: -14px;
}
.bf-playlist-detail-middle .video-js .vjs-control-bar {
  width: 100%;
  height: 100%;
}
.bf-playlist-detail-middle .vjs-control-bar > button.vjs-play-control {
  background-color: var(--blue);
  color: var(--white);
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 50px;
  border-radius: 50%;
  max-height: 40px;
  transform: translateY(-50%);
}
.bf-playlist-detail-middle .video-js button.vjs-play-control:before {
  font-size: 24px;
  line-height: 1.67;
  width: 40px;
  height: 20px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.bf-playlist-detail-middle .video-js .vjs-tech {
  object-fit: cover;
}
/* playlist end */

/* artist start */
.bf-artist-sec .bf-artist-details {
  padding: 50px 0;
}
.bf-artist-carousal .owl-dots {
  display: none;
}
.bf-artist-carousal .bf-artist-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 8px;
  object-fit: cover;
  opacity: 70%;
  transition: all .6s ease;
}
.bf-artist-carousal .bf-artist-img:hover img {
  transform: scale(1.2)
}
.bf-artist-carousal .bf-artist-img {
  position: relative;
  padding-top: 69.2%;
  margin-bottom: 18px;
  transition: all .6s ease;
  overflow: hidden;
  border-radius: 8px;
}
.item .bf-artist-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  backdrop-filter: blur(30px);
  background: #00000099;
  border-radius: 8px;
  transition: all .5s ease;
  position: relative;
}
.item .bf-artist-info .bf-title-top p {
  font-size: 12px;
  line-height: 150%;
  color: var(--yellow);
  font-weight: 400;
}
.item .bf-artist-info .bf-title-top .bf-title-icon {
  width: 20px;
  height: 20px;
}
.item .bf-artist-info .bf-title-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bf-artist-info .bf-detail-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bf-artist-info .bf-btn a.bf-btn-blue {
  padding: 5px 20px;
}
.bf-artist-info .bf-btn a.bf-btn-blue:hover path {
  fill: var(--blue);
  color: var(--blue);
}
.bf-advertise-new .bf-banner-deatil .item-wrapper {
  max-width: 930px;
  width: 100%;
}
.bf-advertise-new .bf-banner-deatil .bf-white {
  margin-left: 10px;
}
.bf-btn .follow-button a,
.bf-follow-profile-div .bf-follow-cols .bf-white {
  padding: 7px 20px;
  font-size: var(--p-14px);
  background: var(--white);
  border: 1px solid var(--white);
  color: #414651;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    line-height: 150%;
    position: relative;
    overflow: hidden;
}
.bf-btn .follow-button.following a,
.bf-btn .follow-button.following button.small {
  background: var(--black);
  border: 1px solid var(--white);
  color: var(--white);
}
.bf-btn .follow-button a,
.bf-btn .follow-button button.small,
.bf-follow-profile-div .bf-follow-cols .bf-white,
.bf-advertise-new .bf-banner-deatil .bf-white,
.bf-media-btns .bf-btn.bf-btn-white a.bf-btn-blue,
.bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white a.bf-btn-blue,
.bf-artists-profile-sec .bf-btn-white a.bf-btn-blue,
.bf-artist-info .bf-btn-white a.bf-btn-blue {
  background: var(--white);
  border: 1px solid var(--white);
  color: #414651;
}
.bf-btn .follow-button a::before,
.bf-btn .follow-button button.small::before,
.bf-follow-profile-div .bf-follow-cols .bf-white::before,
.bf-advertise-new .bf-banner-deatil .bf-white::before,
.bf-media-btns .bf-btn.bf-btn-white a.bf-btn-blue::before,
.bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white a.bf-btn-blue::before,
.bf-artists-profile-sec .bf-btn-white a.bf-btn-blue::before,
.bf-artist-info .bf-btn-white a.bf-btn-blue::before {
  background: #000000;
}
.bf-btn .follow-button a::after,
.bf-btn .follow-button button.small::after,
.bf-follow-profile-div .bf-follow-cols .bf-white::after,
.bf-advertise-new .bf-banner-deatil .bf-white::after,
.bf-media-btns .bf-btn.bf-btn-white a.bf-btn-blue::after,
.bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white a.bf-btn-blue::after,
.bf-artists-profile-sec .bf-btn-white a.bf-btn-blue::after,
.bf-artist-info .bf-btn-white a.bf-btn-blue::after {
  background: #000000;
}
.bf-artist-details .owl-item .item {
  transition: all .5s ease;
  padding-bottom: 10px;
}
.bf-artist-details .item:hover .bf-artist-info {
  box-shadow: 0 0 15px rgb(198 128 0 / 38%);
}
.bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white a.bf-btn-blue {
  max-width: 155px;
  width: 100%;
  text-align: center;
}

div.bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white:hover a.bf-btn-blue {
  background: var(--black);
}
.bf-btn .follow-button a:hover,
.bf-btn .follow-button button.small:hover,
.bf-follow-profile-div .bf-follow-cols .bf-white:hover,
.bf-advertise-new .bf-banner-deatil .bf-white:hover,
.bf-media-btns .bf-btn.bf-btn-white:hover a.bf-btn-blue,
.bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white:hover a.bf-btn-blue,
.bf-artists-profile-sec .bf-btn-white:hover a.bf-btn-blue,
.bf-artist-info .bf-btn-white:hover a.bf-btn-blue {
  background: transparent;
  border: 1px solid var(--white);
  color: var(--white);
}
.bf-artist-info .bf-detail-right {
  display: flex;
  gap: 12px;
  align-items: center;
}
.bf-detail-left span svg {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.bf-detail-left span {
  font-size: var(--p-14px);
  font-weight: 400;
  color: var(--white);
  line-height: 150%;
  display: flex;
  align-items: center;
}
/* .bf-fav-tracks-grid .bf-genres-cols h3 a:hover, */
.bf-detail-left p a:hover {
  color: var(--green);
}
.bf-detail-left p {
  font-size: var(--p-18px);
  font-weight: 700;
  color: var(--white);
  line-height: 150%;
}
/* astist end */

/* subscribe start  */
section.bf-subscribe-sec {
  padding: 0;
  margin-top: 100px;
  background-image: url(./images/latest-1.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
  position: relative;
}
section.bf-subscribe-sec::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #0035698F;
  top: 0;
  left: 0;
}
.bf-subscribe-sec .bf-subscribe-details {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  flex-wrap: wrap;
  padding: 80px 0;
  z-index: 1;
  position: relative;
}
.bf-subscribe-sec .bf-subscribe-details p {
  color: var(--white);
  font-size: var(--p-18px);
  font-weight: 600;
  line-height: 150%;
}
.bf-subscribe-details .bf-form-sec {
  margin: 20px 0;
}
.bf-subscribe-sec .bf-subscribe-details h2 {
  color: var(--green);
  font-size: var(--h2-48px);
  font-weight: 700;
  line-height: 150%;
}
.bf-subscribe-details div.wpforms-container-full:not(:empty) {
  margin: 0;
}
.bf-subscribe-details .wpforms-form {
  position: relative;
}
.bf-subscribe-details .wpforms-form .wpforms-field {
  padding: 0;
}
.bf-subscribe-details .wpforms-form .wpforms-field input[type=email]::placeholder {
  opacity: 1;
}
div.bf-subscribe-details .wpforms-form .wpforms-field input[type=email] {
  border: 1px solid #CCCCCC;
  background: var(--white);
  border-radius: 50px;
  min-height: 48px;
  min-width: 448px;
  font-size: var(--p-16px);
  color: #666666;
}
.bf-subscribe-details .wpforms-form .wpforms-submit-container {
  position: absolute;
  top: 0;
  right: 0;
  width: max-content;
  margin-top: 0 !important;
}
.bf-subscribe-details div.wpforms-container-full button[type=submit]:focus {
  border: unset;
  box-shadow:unset;
  outline: unset;
}
.bf-subscribe-details div.wpforms-container-full button[type=submit]:hover {
color: var(--blue);
  background-color: transparent;
  background: unset;
}
.bf-subscribe-details div.wpforms-container-full .wpforms-form em.wpforms-error {
  margin-top: 5px;
}
.bf-subscribe-details  div.wpforms-container-full button[type=submit]:not(:hover):not(:active) {
  background-color: var(--blue);
  border: 1px solid var(--blue);
}
.bf-subscribe-details .wpforms-form .wpforms-submit-container button {
  background-color: var(--blue);
  border: 1px solid var(--blue);
  border-radius: 50px;
  padding: 10px 20px;
  min-height: 48px;
  font-size: var(--p-16px);
  font-weight: 600;
}
/* subscribe end  */

/* mission end  */
.bf-mission-sec .bf-mission-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
.bf-mission-wrap .bf-mission-left {
  width: 100%;
  max-width: 48.5%;
}
.bf-mission-right {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 49.22%;
  gap: 20px;
}
.bf-mission-right .bf-mission-img {
  position: relative;
  padding-top: 73.7%;
  width: 100%;
}
.bf-mission-right .bf-mission-img-2 {
  margin-bottom: 63px;
}
.bf-mission-right .bf-mission-img-2::before {
  position: absolute;
  content: "";
  width: 69px;
  height: 17px;
  background-image: url("./images/mission-dots.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  top: auto;
  bottom: -40px;
  right: 50%;
  left: 50%;
  transform: translateX(-50%);
filter: brightness(0) saturate(100%) invert(9%) sepia(97%) saturate(7443%) hue-rotate(284deg) brightness(126%) contrast(111%);
}
.bf-mission-right .bf-mission-img-1::before {
  position: absolute;
  content: "";
  width: 69px;
  height: 17px;
  background-image: url("./images/mission-dots.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  top: -40px;
  right: 50%;
  left: 50%;
  transform: translateX(-50%);
}
.bf-mission-right .bf-mission-img-1::before,
.bf-mission-right .bf-mission-img-2::before {
  animation: djBlink 1.5s infinite alternate ease-in-out,
             djBlinkRandom 2s infinite alternate ease-in-out;
}
@keyframes djBlink {
  0% { opacity: 0.2; }
  25% { opacity: 0.8; }
  50% { opacity: 0.4; }
  75% { opacity: 1; }
  100% { opacity: 0.6; }
}
@keyframes djBlinkRandom {
  0% { opacity: 0.5; }
  20% { opacity: 0.9; }
  40% { opacity: 0.3; }
  60% { opacity: 1; }
  80% { opacity: 0.2; }
  100% { opacity: 0.7; }
}
.bf-mission-right .bf-mission-img-1 {
  margin-top: 63px;
}
.bf-mission-right .bf-mission-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 8px;
}
.bf-mission-wrap .bf-mission-left p {
  color: var(--white);
  font-size: var(--p-18px);
  line-height: 150%;
}
.bf-mission-wrap .bf-mission-left h2 {
  color: var(--heading);
  font-size: var(--h2-48px);
  line-height: 150%;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.page-id-37 .bf-mission-wrap .bf-mission-left h2 {
  text-transform: capitalize;
}
/* mission start  */

/* latest start  */
.bf-latest-wrap h2 {
color: var(--heading);
font-size: var(--h2-48px);
line-height: 150%;
}
.bf-latest-carousal .latest-wrap:hover .latest-img-wrap img {
  transform: scale(1.2);
  transition: all .5s ease;
}
.bf-latest-carousal .latest-wrap .latest-img-wrap {
  position: relative;
  padding-top: 36.2%;
  width: 100%;
  max-width: 46.9%;
  overflow: hidden;
  transition: all .5s ease;
  border-radius: 8px;
}
.bf-latest-carousal .latest-wrap .latest-img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 8px;
  overflow: hidden;
  transition: all .5s ease;
}
.bf-latest-carousal .item{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.bf-latest-carousal .latest-wrap:hover:before {
  opacity: 1;
}
.bf-latest-carousal .latest-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background: radial-gradient(circle at calc(var(--x)* 1px) calc(var(--y)* 1px), #FFA500, transparent 35vmin), transparent;
  background-attachment: fixed;
  pointer-events: none;
  mask: linear-gradient(#FFA500, #FFA500) 50% 0 / 100% 1px no-repeat, linear-gradient(#FFA500, #FFA500) 50% 100% / 100% 1px no-repeat, linear-gradient(#FFA500, #FFA500) 0 50% / 1px 100% no-repeat, linear-gradient(#FFA500, #FFA500) 100% 50% / 1px 100% no-repeat;
  border-radius: 18px;
  transition: all .5s ease;
}
.bf-latest-carousal .latest-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: #111111;
  border-radius: 8px;
  padding: 10px;
  transition: all .5s ease;
  position: relative;
}
.latest-wrap .latest-date span {
  font-size: 12px;
  color: var(--yellow);
  line-height: 150%;
  font-weight: 400;
  margin-left: 4px;
}
.latest-wrap .latest-date {
  display: flex;
  align-items: center;
}
.latest-wrap .latest-date svg {
  width: 18px;
  height: 20px;
  margin-right: 4px;
}
.latest-wrap p.latest-content-head {
  font-size: var(--p-18px);
  line-height: 150%;
  font-weight: 700;
  margin: 6px 0;
  color: var(--white);
}
.latest-wrap p {
  font-size: 12px;
  line-height: 150%;
  font-weight: 400;
  margin: 0 0 20px 0;
  color: #AAAAAA;
}
.latest-wrap .bf-btn {
  justify-content: flex-start;
}
.bf-latest-carousal {
  margin: 50px 0;
}
.bf-latest-wrap {
  position: relative;
  z-index: 2;
}
.bf-latest-carousal.owl-carousel {
  position: static;
}
.bf-green-arrow .owl-nav {
  position: absolute;
  top: 0;
  right: 30px;
  max-width: max-content;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bf-pagination button.owl-next,
.bf-pagination button.owl-prev,
.bf-green-arrow div.owl-nav button.owl-next,
.bf-green-arrow div.owl-nav button.owl-prev {
	width: 60px;
	height: 60px;
	border: 1px solid rgba(255,255,255,.2);
	display: flex;
	border-radius: 50%;
	position: relative;
	transition: all .5s ease;
  background-color: transparent !important;
}
.bf-pagination button.owl-next::before,
.bf-pagination button.owl-prev::before,
.bf-green-arrow div.owl-nav button.owl-next::before,
 .bf-green-arrow div.owl-nav button.owl-prev::before {
  content: "";
	background: #ce00ff;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	transition: all .5s ease;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
  margin: 0;
  background-image: url("./images/green-arrow.svg");
  background-repeat: no-repeat;
  background-size: 19px;
  background-position: center
}
.bf-pagination button.owl-next,
.bf-green-arrow div.owl-nav button.owl-next {
	right: 0;
	transform: rotate(180deg);
}
.bf-pagination button.owl-next::before,
.bf-green-arrow .owl-nav button.owl-next::before {
	left: 27px;
}

.bf-pagination button span,
.bf-green-arrow div.owl-nav button span {
  font-size: 0;

  width: 18px;
  height: 15px;
  margin: auto;
  display: flex;
}

.bf-community-sec .bf-green-arrow .owl-nav {
  position: static;
  width: 100%;
  max-width: max-content;
  margin: 0 auto 0 0;
  padding-left: calc((100% - 1130px)/2);
}
.bf-pagination button.owl-next::before,
.bf-pagination button.owl-prev::before,
.bf-green-arrow div.owl-nav button.owl-prev::before,
.bf-green-arrow .owl-nav button.owl-next::before {
	left: -27px;
  top: 0;
}
.bf-pagination button.owl-next:hover,
.bf-pagination button.owl-prev:hover,
.bf-green-arrow div.owl-nav button.owl-next:hover,
.bf-green-arrow div.owl-nav button.owl-prev:hover {
	background: transparent;
}
.bf-pagination button.owl-next:hover::before,
.bf-pagination button.owl-prev:hover::before,
.bf-green-arrow div.owl-nav button.owl-prev:hover::before,
.bf-green-arrow div.owl-nav button.owl-next:hover::before {
	left: 0;
}
/* latest end  */

/* community start  */
.bf-community-wrap .bf-community-top {
  width: 100%;
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto;
}
.bf-community-top h2 {
  color: var(--heading);
  font-size: var(--h2-48px);
  line-height: 150%;
}
.bf-community-bottom .bf-community-carousal.owl-carousel {
  padding-right: 100px;
    overflow: hidden;
}
.bf-community-carousal.owl-carousel .owl-stage-outer {
  padding: 70px 0;
  overflow: visible;
}
.bf-community-carousal .owl-item {
  z-index: 0;
  background-image: url("./images/shots-1.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.bf-community-carousal .owl-item:hover {
  z-index: 1;
}
.bf-community-carousal .item .community-qr-wrap {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(20px);
	box-shadow: 0px 24px 74px 0px #00000040;
	background: #11111199;
  transform: translate(0);
  transition: transform .5s ease;
  border-radius: 8px;
}
.bf-community-carousal .item:hover .community-img-wrap {
  opacity: 1;
}
.bf-community-carousal .community-img-wrap {
  position: relative;
  padding-top: 91%;
}
.bf-community-carousal .community-img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.bf-community-carousal .item:hover {
  transform: scaleY(1.5) scaleX(1.2) translateX(0);
  transform-origin: center;
}
.bf-community-carousal .item {
  position: relative;
  /* transition: all .5s ease; */
  backdrop-filter: blur(20px);
	box-shadow: 0px 24px 74px 0px #00000040;
	background: #11111199;
    transform: translate(0);
  transition: transform .5s ease;
}
.bf-community-carousal .item:hover .community-qr-wrap .bf-qr-details {
  transform: scaleX(calc(1 / 1.2)) scaleY(calc(1 / 1.6));
}
.bf-community-carousal .item:hover .community-qr-wrap {
  opacity: 1;
  visibility: visible;
}
.item .community-qr-wrap img {
  max-width: 120px;
  width: 100%;
  height: 120px;
  margin: 22px 0;
}
.item .community-qr-wrap .bf-qr-details {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.item .community-qr-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.item .community-qr-wrap p.photo-para {
  font-size: var(--p-18px);
  line-height: 150%;
  color: var(--white);
  font-weight: 600;
  transform: unset;
}
.item .community-qr-wrap p {
  font-size: var(--p-16px);
  line-height: 150%;
  color: var(--white);
  font-weight: 400;
  text-align: center;
}
/* community end  */

/* music start  */
.bf-music-sec .bf-music-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  padding-left: calc((100% - 1310px)/2);
}
.bf-music-sec .bf-music-wrap .bf-music-left {
  width: 100%;
  max-width: 413px;
  margin-right: 20px;
  padding-left: 15px;
}
.bf-music-sec .bf-music-wrap .bf-music-left p {
  font-size: var(--p-18px);
  color: var(--white);
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 40px;
}
.bf-music-sec .bf-music-wrap .bf-music-left h2  {
  font-size: var(--h2-48px);
  color: var(--heading);
  margin-bottom: 20px;
  line-height: 150%;
}
.bf-music-sec .bf-music-wrap .bf-music-right {
  width: 100%;
  max-width: calc(100% - 413px - 20px);
}
.bf-music-wrap .bf-latest-btn .bf-btn {
  justify-content: flex-start;
}
.bf-music-carousal .owl-item .music-img-wrap {
  width: 120px;
  margin-bottom: 30px;
  height: 24px;
}
.bf-music-carousal .owl-item .music-img-wrap img {
  filter: brightness(0) saturate(100%) invert(24%) sepia(90%) saturate(6785%) hue-rotate(283deg) brightness(102%) contrast(126%);
}
.bf-music-carousal .owl-item p:empty {
  display: none;
}
.bf-music-carousal .owl-item p {
font-size: var(--p-18px);
font-weight: 600;
line-height: 140%;
color: var(--white);
margin-bottom: 30px;
}
.bf-music-carousal .owl-item .item {
  backdrop-filter: blur(20px);
  background: #111111;
  border-radius: 8px;
  padding: 50px 30px;
}
.bf-music-carousal .music-detail-wrap {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}
.bf-music-carousal .music-detail-wrap p {
  font-size: var(--p-16px);
font-weight: 600;
line-height: 140%;
color: var(--white);
margin-bottom: 0;
}
.bf-music-carousal .music-detail-wrap img {
  max-width: 33px;
  height: 33px;
  border-radius: 50%;
}
.bf-music-right .owl-carousel.bf-music-carousal {
  overflow: hidden;
  padding-right: 80px;
  display: block;
}
.bf-music-right .owl-carousel.bf-music-carousal .owl-stage-outer {
  overflow: visible;
}
.bf-music-right .owl-carousel.bf-music-carousal .owl-dots button.active span,
.bf-music-right .owl-carousel.bf-music-carousal .owl-dots button.active {
  background-color: var(--blue);
  border-radius: 40px;
}
.bf-music-right .owl-carousel.bf-music-carousal .owl-dots button {
  background-color: #222222;
}
.bf-music-right .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 40px;
}
.bf-music-right .owl-carousel.bf-music-carousal .owl-dots button span {
  width: 171px;
    height: 6px;
    margin: 0;
    background: #222222;
    backdrop-filter: blur(20px);
}
/* music end  */

/* footer start  */
footer.bf-footer {
  background-image: url("./images/bf-footer.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
}
footer.bf-footer::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #000000B2;
  top: 0;
  left: 0;
  pointer-events: none;
}
footer.bf-footer .bf-footer-wrap {
  z-index: 1;
  position: relative;
}
.bf-footer-top {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 50px 0;
  width: 100%;
  gap: 48px;
}
.bf-copyright {
  background: #ce00ff;
  z-index: 1;
  position: relative;
  text-align: center;
  padding: 10px;
}
.bf-copyright p {
  font-size: var(--p-14px);
  font-weight: 700;
  line-height: 140%;
}
.bf-footer-col.bf-footer-first {
  width: 100%;
  max-width: 266px;
}
.bf-footer-col.bf-footer-first-1 {
  width: 100%;
  max-width: 260px;
}
.bf-footer-col.bf-footer-last-1 {
  width: 100%;
  max-width: 305px;
}
.bf-footer-col.bf-footer-last {
  width: 100%;
  max-width: 303px;
}
.bf-footer-first p {
  font-size: 12px;
  color: #AAAAAA;
  font-weight: 400;
  line-height: 140%;
}
.bf-footer-first img {
  width: 100px;
  height: auto;
  margin-bottom: 28px;
}
.bf-social-links p {
    color: var(--green);
    font-size: var(--p-20px);
    font-weight: 700;
    line-height: 140%;
    margin-right: 6px;
    width: 100%;
    max-width: fit-content;
}

.bf-social-links a {
    background: var(--blue);
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease;
}
.bf-social-links a:hover {
  background: var(--white);
}
.bf-social-links a:hover svg {
  filter: brightness(0) saturate(100%) invert(49%) sepia(86%) saturate(2923%) hue-rotate(191deg) brightness(99%) contrast(105%);
}
.bf-social-links a svg {
  filter: brightness(100);
}
.bf-social-links {
  display: flex;
  gap: 10px;
  margin-top: 27px;
}
.bf-footer-social-links-wrap {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.bf-footer-col h3 {
  color: var(--green);
  font-size: var(--p-20px) !important;
  font-family: 'Proxima Nova' !important;
  margin-bottom: 16px;
}
.bf-footer-col .primary-menu .menu li a {
  font-size: var(--p-16px);
  color: var(--white);
  font-weight: 400;
  line-height: 150%;
  transition: all .5s ease;
}
.bf-footer-col .primary-menu .menu li{
margin-bottom: 16px;
}
.bf-footer-col .primary-menu .menu {
  padding-left: 0;
  list-style: none;
}
.bf-footer-col .bf-contact-info span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: var(--p-16px);
  color: var(--heading);
  font-weight: 700;
}
.bf-footer-col .bf-contact-info > a {
  font-size: var(--p-16px);
  color: var(--white);
  font-weight: 400;
  line-height: 150%;
  margin-left: 30px;
  transition: all .5s ease;
}
.bf-footer-col .bf-contact-info svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  filter: brightness(0) saturate(100%) invert(24%) sepia(90%) saturate(6785%) hue-rotate(283deg) brightness(102%) contrast(126%);
}
.bf-footer-col .bf-contact-info {
  margin-bottom: 20px;
}
.bf-footer-col .primary-menu .menu li.current-menu-item a,
.bf-footer-col .primary-menu .menu li.current_page_item a,
.bf-footer-col .primary-menu .menu li a:hover,
.bf-footer-col a:hover {
 color: var(--green);
}
/* footer end */

/* latest-news and article start  */
section.bf-latest-news-banner {
  padding: 0;
  position: relative;
}
section.bf-latest-news-banner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 84px;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  z-index: 1;
}
.bf-latest-news-banner .bf-latest-banner {
  position: relative;
  padding-top: 31.71%;
}
.bf-latest-news-banner .bf-latest-banner img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  object-fit: cover;
  opacity: 60%;
  object-position: 0 10%;
}
.bf-latest-news-banner-wrap .bf-banner-title h1 {
  color: var(--heading);
  font-size: var(--h1-80px);
  line-height: 110%;
  font-weight: 700;
}
.bf-latest-news-banner-wrap .bf-banner-title {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  max-width: 460px;
  height: max-content;
  text-align: center;
  z-index: 1;
}
.bf-latest-news-banner-wrap .bf-latest-news-banner-wrap {
  position: relative;
}
.bf-latest-news-content .bf-latest-news-content-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
  z-index: 2;
  position: relative;
}
.bf-latest-news-content-wrap .bf-latest-sidebar {
  width: 100%;
  max-width: 27.6%;
}
.bf-latest-news-content-wrap .bf-latest-news-right {
  width: 100%;
  max-width: 66.2%;
}
.bf-latest-news-right .blog-container {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
  z-index: 2;
  position: relative;
}
.bf-latest-news-right .blog-container .article-blogs {
  width: 100%;
  max-width: calc(100% /2 - 10px);
  background-color: #111111;
  border-radius: 8px;
  overflow: hidden;
  transition: all .6s ease;
}
.blog-container .article-blogs .article-blog-img {
  position: relative;
  padding-top: 56.5%;
  overflow: hidden;
}
.bf-latest-news-right .blog-container .article-blogs:hover img {
  transform: scale(1.2);
  transition: all .6s ease;
}
.blog-container .article-blogs .article-blog-img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .6s ease;
}
.article-blogs .article-blog-content p {
  margin: 6px 0;
  font-size: var(--p-18px);
  color: var(--white);
  line-height: 150%;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-blogs .article-blog-content span {
  font-size: 12px;
  color: #AAAAAA;
  line-height: 150%;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
}
.article-blogs .article-blog-content {
  padding: 20px;
  transition: all .5s ease;
  border-bottom: 5px solid transparent;
}
.bf-latest-news-right .blog-container .article-blogs:hover .article-blog-content {
  border-bottom: 5px solid #ffa500d1;
}
.article-blogs .article-blog-content .article-date svg {
  width: 15px;
  height: 16px;
}
.article-blogs .article-blog-content .article-date {
display: flex;
align-items: center;
gap: 4px;
justify-content: flex-start;
width: 100%;
font-size: 12px;
color: var(--yellow);
font-weight: 400;
line-height: 150%;
}
.bf-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  width: 100%;
  max-width: 100%;
}
.bf-pagination ul li {
  margin: 0 10px;
  width: 60px;
  height: 60px;
  font-size: 24px;
  font-weight: 700;
  color: var(--white);
  line-height: 150%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .5s ease;
  background-color: transparent;
  border-radius: 50%;
}
.bf-pagination ul li span.current,
.bf-pagination ul li.current span,
.bf-pagination ul li:hover span,
.bf-pagination ul li.current a,
.bf-pagination ul li:hover a {
color: var(--blue);
}

.bf-pagination ul li.current,
.bf-pagination ul li:hover {
background-color: transparent;
}
.bf-pagination ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bf-sidebar-wrap .widget  h2, .bf-sidebar-wrap label.wp-block-search__label {
  font-size: var(--h3-32px);
  color: var(--heading);
  font-weight: 700;
  line-height: 150%;
  font-family: "Oswald", serif;
  width: 100%;
}
.latestnews-article-page .bf-sidebar-wrap form .wp-block-search__inside-wrapper {
  background: #111111;
  border: 1px solid #666666;
  border-radius: 50px;
  overflow: hidden;
  min-height: 48px;
  position: relative;
  margin: 16px 0 23px 0;
}
.latestnews-article-page .bf-sidebar-wrap form .wp-block-search__inside-wrapper input:focus {
  color: #ffffff;
}
.latestnews-article-page .bf-sidebar-wrap form .wp-block-search__inside-wrapper input {
  background: transparent;
  border: unset;
  border-radius: 50px;
  min-height: 48px;
  padding: 0 50px 0 15px;
  font-size: var(--p-16px);
  color: #FFFFFF;
  font-weight: 400;
  opacity: 1;
}
.latestnews-article-page .bf-sidebar-wrap form .wp-block-search__inside-wrapper button {
  background-color: #1e90ff !important;
  border: unset;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 6px;
  border-radius: 50%;
  padding: 0 !important;
  font-size: 0;
}
.latestnews-article-page .bf-sidebar-wrap form.wp-block-search button.wp-block-search__button::before {
  content: "";
  background-image: url("./images/search.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 8px;
}
.bf-sidebar-wrap .post-tags-box,
.bf-sidebar-wrap .recent-posts-box,
.bf-sidebar-wrap ul.post-categories-box {
  margin: 0 0 23px 0;
}
.bf-sidebar-wrap ul.post-categories-box li.active a,
.bf-sidebar-wrap ul.post-categories-box li:hover a {
  color: var(--green);
}
.bf-sidebar-wrap ul.post-categories-box li.active::before,
.bf-sidebar-wrap ul.post-categories-box li:hover::before {
  opacity: 1  ;
}
.bf-sidebar-wrap ul.post-categories-box li::before {
  position: absolute;
  border-left: 2px solid #ce00ff;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  content: "";
  opacity: 0;
  transition: all .5s ease
}
.bf-sidebar-wrap ul.post-categories-box li {
  padding: 10px;
  line-height: normal;
  position: relative;
}
.bf-sidebar-wrap ul.post-categories-box li a {
  text-decoration: none;
  font-size: var(--p-18px);
  font-weight: 700;
  color: var(--white);
}
.bf-sidebar-wrap h2.widget-title {
  padding: 16px 10px;
  margin-bottom: 16px;
  border-bottom: 1px solid #222222;
}
.recent-posts-box .article-blogs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  gap: 10px;
  transition: all .5s ease;
  cursor: pointer;
  margin-bottom: 10px;
}
.recent-posts-box .article-blogs:hover {
  box-shadow: 0 0 10px rgb(30 144 255 / 48%);
  background: #061b3194;
}
.recent-posts-box .article-blogs .article-blog-content {
  padding: 0;
}
.recent-posts-box .article-blogs .article-blog-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recent-posts-box .article-blogs .article-blog-img img[alt] {
  font-size: 12px;
  line-height: 130%;
  text-align: center;
}
.recent-posts-box .article-blogs .article-blog-img {
  width: 100%;
  max-width: 115px;
  position: relative;
  padding-top: 19.3%;
  border-radius: 8px;
  overflow: hidden;
}
.recent-posts-box .article-blogs p {
  line-height: normal;
}
.recent-posts-box .article-blog-content .article-date a {
  font-size: 12px;
  color: var(--yellow);
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}
.recent-posts-box .article-blogs p a {
  font-size: 12px;
  text-decoration: none;
  color: var(--white);
  font-weight: 400;
}
.bf-sidebar-wrap .post-tags-box li {
  width: 100%;
  height: 100%;
  display: contents;
}
.bf-sidebar-wrap .post-tags-box li a {
  text-decoration: none;
  font-size: var(--p-14px);
  color: var(--white);
  font-weight: 400;
  text-align: center;
  border: 1px solid #222222;
  line-height: 130%;
  padding: 10px 16px;
  border-radius: 50px;
  background: transparent;
}
.bf-sidebar-wrap .post-tags-box li a:hover {
  background: #222222;
}
.bf-sidebar-wrap .post-tags-box {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
/* latest-news and article end  */

/* article detail start  */
.bf-article-detail-content-wrap  .wpforms-container.wpforms-container-full .wpforms-submit-container button.wpforms-submit {
    width: 100%;
    max-width: 154px;
}
.bf-article-detail .bf-banner-title {
  max-width: 800px;
  width: 100%;
}
.bf-article-detail-content-wrap {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
}
.bf-article-detail-content-wrap .bf-detail-banner {
  position: relative;
  padding-top: 55.02%;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  transition: all .7s ease;
  margin-bottom: 50px;
}
.bf-article-detail-content-wrap .bf-detail-banner:hover img {
  transform: scale(1.2);
}
.bf-article-detail-content-wrap .bf-detail-banner img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 20px;
  transition: all .7s ease;
}
.article-blog-content .article-date {
  font-size: 12px;
  color: var(--yellow);
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 20px;
}
.article-blog-content h2 {
  margin: 10px 0;
  line-height: 150%;
  font-size: var(--h3-32px);
  color: var(--heading);
}
.article-blog-content span {
  font-weight: 400;
  font-size: var(--p-16px);
  color: var(--white);
  line-height: 150%;
  margin-bottom: 30px;
  display: block;
}
.article-blog-content p {
  font-weight: 400;
  font-size: var(--p-16px);
  color: #aaa;
  line-height: 150%;
  margin-bottom: 30px;
  display: block;
}
.bf-detail-content .bf-detail-quotes {
  background: #111;
  border-radius: 10px;
  padding: 24px;
  text-align: center;
}
.bf-detail-content .bf-detail-quotes {
  background: #111;
  border-radius: 10px;
  padding: 24px;
  text-align: center;
  margin-bottom: 30px;
}
.bf-detail-content .bf-detail-quotes p {
  font-weight: 600;
  font-size: var(--p-20px);
  color: var(--white);
  line-height: 150%;
  margin-bottom: 0;
  margin-top: 14px;
}
.bf-detail-video {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 23px;
  margin-bottom: 30px;
}
.bf-detail-video .bf-playlist-detail-middle {
  width: 100%;
  max-width: 38.9%;
}
.bf-detail-video .bf-playlist-detail-middle .my_video_1-dimensions.vjs-fluid {
  padding-top: 56.1%;
  border-radius: 6px;
}
.bf-detail-content .bf-detail-video + span {
  font-weight: 700;
  font-size: var(--p-18px);
  color: var(--white);
  line-height: 150%;
  margin-bottom: 30px;
}
.bf-detail-content .bf-social-links p {
  margin: 0;
  font-size: var(--p-16px);
  color: var(--white);
  font-weight: 600;
  line-height: 150%;
}
.bf-detail-content .bf-detail-social-media::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background: radial-gradient(circle at calc(var(--x)* 1px) calc(var(--y)* 1px), #FFA500, transparent 35vmin), transparent;
  background-attachment: fixed;
  pointer-events: none;
  mask: linear-gradient(#FFA500, #FFA500) 50% 0 / 100% 1px no-repeat, linear-gradient(#FFA500, #FFA500) 50% 100% / 100% 1px no-repeat, linear-gradient(#FFA500, #FFA500) 0 50% / 1px 100% no-repeat, linear-gradient(#FFA500, #FFA500) 100% 50% / 1px 100% no-repeat;
  border-radius: 18px;
  transition: all .5s ease;
}
.bf-detail-content .bf-detail-social-media:hover::after {
  opacity: 1;
}
.bf-detail-content .bf-detail-social-media:hover::before {
  opacity: 0;
}
.bf-detail-content .bf-detail-social-media::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 8px;
  background: linear-gradient(86.05deg, rgba(255, 255, 255, 0) 7.12%, rgba(255, 255, 255, 0.7) 63.18%, rgba(255, 255, 255, 0) 86.24%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
  transition: all .5s ease;
  opacity: 1;
}
.bf-detail-content .bf-detail-social-media {
  width: 100%;
  max-width: 552px;
  margin: 0 auto;
  padding: 24px;
  margin-bottom: 50px;
  position: relative;
  z-index: 1;
}
.bf-detail-content .bf-social-links {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 0;
  justify-content: center;
}
.bf-article-detail-content-wrap .bf-detail-forms {
  background: #111;
  padding: 40px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 100px;
  position: relative;
}
.bf-article-detail-content-wrap .bf-detail-forms p {
  font-size: var(--p-18px);
color: var(--white);
font-weight: 700;
line-height: 150%;
margin-bottom: 30px;
}
.bf-article-detail-content-wrap .bf-detail-forms h3 {
font-size: var(--h2-48px);
color: var(--heading);
font-weight: 700;
line-height: 150%;
}
.bf-detail-form-sec .wpforms-container.wpforms-container-full {
  margin: 0 auto;
}
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  gap: 0;
}
.woocommerce #review_form #respond textarea::placeholder,
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-field textarea::placeholder,
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-field input::placeholder {
  font-size: var(--p-16px);
  color: #666666;
  font-weight: 400;
  line-height: 150%;
  opacity: 1;
}
body.woocommerce #review_form #respond textarea,
div.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-field textarea {
  border-radius: 16px;
  resize: none;
}
.woocommerce #review_form #respond textarea,
.bf-detail-form-sec .comment-respond input,
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-field textarea,
div.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-field input {
  background: #111111;
  border: 1px solid #666666;
  border-radius: 50px;
  min-height: 48px;
  font-size: var(--p-16px);
  color: #ffffffde;
  font-weight: 400;
  line-height: 150%;
}
.bf-detail-form-sec .comment-respond p br {
  display: none;
}
.bf-detail-form-sec .comment-respond .comment-form-cookies-consent label {
  margin-bottom: 0;
}
.bf-detail-form-sec .comment-respond .comment-form-cookies-consent {
  display: flex;
  align-items: center;
}
.comment-respond form div.error {
  text-align: left;
  margin-top: 6px;
}
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-field.wpforms-field-textarea {
  max-width: 100%;
}
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-field {
  padding: 0;
  margin-bottom: 30px;
  width: 100%;
  max-width: 48.5%;
}
.bf-detail-form-sec div.wpforms-container-full input[type=email]:focus:invalid {
  border-width: 1;
  border-style: solid;
  border-color: var(--blue);
  box-shadow: unset;
  outline: none;
  color: #666;
}
.bf-article-detail-content-wrap .bf-detail-recent-post {
  padding: 100px 0 0 0;
  width: 100%;
  max-width: 847px;
  margin: 0 auto;
  position: relative;
}
.bf-article-detail-content-wrap .bf-detail-recent-post h2 {
  font-size: 56px;
  color: var(--heading);
  line-height: 150%;
  margin-bottom: 50px;
  text-align: center;
}
.bf-detail-recent-post .article-blog-content span {
  margin-bottom: 0;
}
.bf-detail-form-sec .comment-respond p {
  width: 47%;
  margin-right: 0;
}

.bf-detail-form-sec .comment-respond label {
  text-align: left;
  font-weight: 600;
  font-size: var(--p-16px);
  margin-bottom: 8px;
}
.comment-form-cookies-consent #wp-comment-cookies-consent:focus {
  box-shadow: unset;
}
.bf-detail-form-sec .comment-respond input:focus,
.bf-detail-form-sec .comment-respond .comment-form-comment textarea:focus {
  box-shadow: 0px 0px 0px 1px #1e8ffc;
}
.bf-detail-form-sec .comment-respond .comment-form-comment textarea {
  border-radius: 16px;
  resize: none;
  background: #111111;
  border: 1px solid #666666;
  min-height: 100px;
  font-size: var(--p-16px);
  color: #ffffffde;
  font-weight: 400;
  line-height: 150%;
}
.bf-detail-form-sec .comment-respond {
  background: #111;
  border: 1px solid #111;
  margin: 0;
  padding: 0;
}
.bf-detail-form-sec .comment-respond .form-submit {
  margin-bottom: 0;
}
.comment-form-cookies-consent label {
  font-weight: 500;
}
.bf-detail-form-sec form#commentform {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.bf-detail-form-sec .comment-respond .comment-form-cookies-consent,.bf-article-detail-content-wrap .bf-detail-forms p.comment-notes,.bf-article-detail-content-wrap .bf-detail-forms p.comment-form-url, .bf-article-detail-content-wrap .bf-detail-forms p.comment-form-comment, .bf-article-detail-content-wrap .bf-detail-forms p.form-submit {
  width: 100%;
}
/* article detail end  */

/* theme css start */
.bb-template-v2 .widget {
  border-radius: 0;
  padding: 0;
}
.widget {
  background: transparent;
  border: unset;
  border-radius: 0;
  font-size: 0;
  line-height: normal;
  margin-bottom: 0;
  padding: 0;
}
.bb-template-v2 .widget .widget-title {
  letter-spacing: 0;
}
.widget li {
  margin-bottom: 0;
}
.content-area {
  padding-top: 0;
  padding-bottom: 0;
}
.sticky-header .site-content {
  min-height: auto;
}
.bb-footer, .site-content:not(.maintenance-content), .site-header {
  padding: 0;
}
.single-attachment:not(.has-sidebar,.elementor-template-full-width) .content-area, .single-attachment:not(.has-sidebar,.elementor-template-full-width) .site-content-grid, .single-post:not(.has-sidebar,.elementor-template-full-width) .content-area, .single-post:not(.has-sidebar,.elementor-template-full-width) .site-content-grid {
  margin: 0 auto;
  max-width: 100%;
}
/* theme css end */

/* events page start  */
.bf-tab-events-wrap .bf-tab-sec {
  background: #000000;
  border: 1px solid #444444;
  text-align: center;
  padding: 16px;
  border-radius: 1000px;
  width: 100%;
  max-width: 338px;
  margin: auto;
}
.bf-tab-wrap-col ul {
  display: flex;
  list-style: none;
  align-items: center;
  gap: 10px;
}
.bf-tab-wrap-col ul li:hover,
.bf-tab-wrap-col ul li.active {
  color: var(--black);
  background: var(--green);
}
.bf-tab-wrap-col ul li {
  border: 1px solid #222222;
  background: #111111;
  font-size: var(--p-16px);
  color: var(--white);
  text-align: center;
  font-weight: 600;
  padding: 12px 14px;
  border-radius: 1000px;
  max-width: 148px;
  width: 100%;
  cursor: pointer;
  transition: all .5s ease;
}
.tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 30px auto !important;
}
.bf-tab-events-wrap .bf-tab-details .bf-tab-title {
    text-align: center;
    width: 100%;
}
.bf-tab-details .bf-calender-wrap {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  width: 100%;
  align-items: center;
  margin: 50px 0;
}
div.bf-tab-details-calender .bf-upcoming-wrap {
  margin: 16px 0 0 0;
}
.bf-tab-details .bf-tab-events-span {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: flex-end;
}
.bf-tab-events-span .bf-tab-events-data {
  font-size: var(--p-14px);
  color: var(--white);
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 4px;
}
.bf-calender-wrap .bf-tab-title h2 {
font-size: var(--h2-48px);
color: var(--heading);
font-weight: 700;
line-height: 150%;
}
.bf-calender-wrap .bf-tab-filter {
  /* width: 100%;
  max-width: 73%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; */
  display: none;
}
.bf-tab-events-span .bf-tab-events-data svg {
width: 10px;
height: 10px;
}
.bf-tab-events-wrap {
  z-index: 2;
  position: relative;
}
.bf-tab-details-list > .bf-upcoming-wrap {
  padding-top: 50px;
}
/* tribe start  */
.tribe-common .tribe-common-h7 {
    color: #ffffff;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 p, .tribe-common .tribe-common-b2 {
    color: #d1d1d1;
}
.tribe-events .tribe-events-c-nav__next:focus .tribe-events-c-nav__next-icon-svg path, .tribe-events .tribe-events-c-nav__next:hover .tribe-events-c-nav__next-icon-svg path, .tribe-events button.tribe-events-c-nav__next:focus .tribe-events-c-nav__next-icon-svg path, .tribe-events button.tribe-events-c-nav__next:hover .tribe-events-c-nav__next-icon-svg path,
.tribe-events .tribe-events-c-nav__prev:focus .tribe-events-c-nav__prev-icon-svg path, .tribe-events .tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg path, .tribe-events button.tribe-events-c-nav__prev:focus .tribe-events-c-nav__prev-icon-svg path, .tribe-events button.tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg path {
    fill: #ce00ff;
}
.tribe-common .tribe-common-form-control-text__input {
    font-size: 14px;
    border-radius: 0 !important;
}
.tribe-events .tribe-events-c-events-bar__search-container {
    background: #111 !important;
}
.tribe-common .tribe-common-form-control-text__input:focus {
    border-bottom-color: #3c3c3c;
}
a.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden:hover {
        color: var(--green) !important;
}
.tribe-events .tribe-events-calendar-month__more-events {
    padding: 5px 0;
}
a.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden {
    color: #000 !important;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-7 .tribe-events-calendar-month__multiday-event-bar {
    width: calc(775% + 6px);
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next:hover, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev:hover {
  color: var(--green) !important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev {
      color: #ffffff !important;
}
.tribe-common a:not(.tribe-common-anchor--unstyle), 
.tribe-common a:not(.tribe-common-anchor--unstyle):active, 
.tribe-common a:not(.tribe-common-anchor--unstyle):focus, 
.tribe-common a:not(.tribe-common-anchor--unstyle):hover, 
.tribe-common a:not(.tribe-common-anchor--unstyle):visited {
    color: var(--white) !important;
}
.tribe-common h3.tribe-events-calendar-month__calendar-event-tooltip-title.tribe-common-h7 a{
    color: #000 !important;
}
.bb-tribe-events-views-v2 .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: 180px;
}
.tribe-events .tribe-events-calendar-day .tribe-events-calendar-day__event .tribe-events-calendar-day__event-content {
    border: transparent;
    border-radius: 8px;
}
.tribe-events .tribe-events-calendar-day .tribe-events-calendar-day__event {
    border-radius: 8px;
    background: #30303026;
}
.tribe-events .datepicker .datepicker-switch {
  font-weight: 700;
}
.tribe-events .tribe-events-c-messages__message {
  color: var(--white);
  font-size: 18px;
  background-color: transparent;
}
.tribe-common .tribe-common-c-svgicon--messages-not-found {
  width: 25px;
}
.tribe-common .tribe-common-c-svgicon {
  color: #000000;
}
.tribe-events-view {
  background-color: transparent;
}
.bf-calender-data .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  max-height: max-content;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__list-item:focus, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__list-item:focus-within, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__list-item:hover {
  background-color: #22222263;
}
.bf-calender-data .bb-tribe-events-views-v2 .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
  border: 1px solid #222222;
  background: var(--black);
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small:hover, .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small:hover {
  background: var(--black);
  color: var(--green);
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small, .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small {
  padding: 9px 15px;
  width: auto;
  background: var(--green);
  border: 1px solid var(--green);
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  transition: all .5s ease;
  border-radius: 7px;
}
.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop {
  display: block !important;
  visibility: visible;
  color: var(--white);
  padding: 12px 50px 12px 12px;
  border: 1px solid var(--white);
  border-radius: 7px;
  background: var(--black);
}
.bb-tribe-events-views-v2 .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title {
  text-align: center;
  font-size: var(--p-20px);
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 150%;
  color: #aaa;
  padding: 0;
}
.bf-calender-data .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column {
  padding: 16px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg {
  height: 8px;
  width: 11px;
  color: var(--white);
  fill: var(--white);
  filter: brightness(100);
  margin-left: -30px;
}
.bb-tribe-events-views-v2 .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month {
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #222222;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week {
  border: unset;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar {
  background-color: var(--black);
}
.bb-tribe-events-views-v2 .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
  border: 1px solid #222222;
}
.bf-tab-details .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content,
.bf-tab-details .tribe-events .tribe-events-c-events-bar__search-container {
  background-color: var(--black);
}
.bf-calender-data .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column:last-child {
  border-width: 0 0 1px 0;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:last-child {
  border-width: 0 0 1px 0;
}
.bf-calender-data .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column {
  border: 1px solid #222222;
  padding-left: 0;
  padding-right: 0;
  border-width: 0 1px 1px 0;
  background-color: var(--black);
}
.tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__body .tribe-events-calendar-month__day:hover:after {
  background-color: #1e90ff;
}
.bb-tribe-events-views-v2 .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 {
  font-size: var(--p-16px);
  font-weight: 800;
  line-height: 1;
  text-align: right;
  padding: 16px;
}
.tribe-common a:not(.tribe-common-anchor--unstyle), .tribe-common a:not(.tribe-common-anchor--unstyle):active, .tribe-common a:not(.tribe-common-anchor--unstyle):focus, .tribe-common a:not(.tribe-common-anchor--unstyle):hover, .tribe-common a:not(.tribe-common-anchor--unstyle):visited {
  color: #ffffff;
}
.tribe-events .tribe-events-c-search__input-control-icon-svg {
  color: var(--white);
}
.tribe-events .tribe-events-header__events-bar.tribe-events-c-events-bar--border .tribe-events-c-events-bar__search-container .tribe-events-c-search__button {
  background-color: #ce00ff;
  color: var(--black);
  border: 1px solid #ce00ff;
  font-weight: 600;
  margin-right: 15px;
}
.tribe-events .tribe-events-header__events-bar.tribe-events-c-events-bar--border .tribe-events-c-events-bar__search-container .tribe-events-c-search__button:hover {
  background-color: transparent;
  color: #ce00ff;
  border-color: #ce00ff;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week:last-child .tribe-events-calendar-month__day:last-child {
  border-width: 0 0 0 0;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week:last-child .tribe-events-calendar-month__day {
  border-width: 0 1px 0 0;
}
.tribe-common a:not(.tribe-common-anchor--unstyle), .tribe-common a:not(.tribe-common-anchor--unstyle):active, .tribe-common a:not(.tribe-common-anchor--unstyle):focus, .tribe-common a:not(.tribe-common-anchor--unstyle):hover, .tribe-common a:not(.tribe-common-anchor--unstyle):visited {
  color: #000000;
}
.tribe-events-calendar-month__calendar-event-tooltip-description.tribe-common-b3 p {
  font-size: 14px;
}
div a.tribe-events-calendar-month__day-date-link:hover {
  color: var(--blue) !important;
}
a.tribe-events-calendar-month__day-date-link {
  color: #fff !important;
}
.tribe-common h3.tribe-events-calendar-month__calendar-event-tooltip-title.tribe-common-h7 a:hover,
a.tribe-events-calendar-month__calendar-event-tooltip-title-link.tribe-common-anchor-thin:hover {
  color: var(--blue) !important;
}
.tribe-events .tribe-events-calendar-month__more-events {
    border-top: unset;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-7 .tribe-events-calendar-month__multiday-event-bar {
    border-radius: 8px;
}
.tribe-common .tribe-events-calendar-month__day--past .tribe-events-calendar-month__more-events .tribe-common-h8 {
    background: #0081ff80;
    border: 1px solid #0081ff80;
}
.tribe-common .tribe-events-calendar-month__more-events .tribe-common-h8 {
    background: #1e90ff;
    border-radius: 8px;
    padding: 4px 10px;
    border: 1px solid #1e90ff;
    margin-bottom: 4px;
    transition: all .4s ease;
    opacity: 1;
    font-size: 12px;
}
.tribe-common .tribe-events-calendar-month__more-events .tribe-common-h8:hover {
    background: transparent;
        border: 1px solid #fff;
}
.tribe-events .datepicker span.month {
  margin: 3px;
  width: 23%;
}
.tribe-common a:not(.tribe-common-anchor--unstyle):hover,
.tribe-common a:not(.tribe-common-anchor--unstyle) {
  color: var(--white);
}
.tribe-events .tribe-events-calendar-day__event-details header h3 a:hover {
  color: var(--blue) !important;
}
.bf-tab-details-calender .tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .table-condensed tbody tr td  span.month.current,
.bf-tab-details-calender .tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .table-condensed tbody tr td .focused,
.bf-tab-details-calender .tribe-events .datepicker span.month.focused,
.bf-tab-details-calender .tribe-events .datepicker span.month.focused.active,
.tribe-events .datepicker span.month.focused.active.current,
.tribe-events .datepicker span.month.focused.active.past, .tribe-events .datepicker .day.focused, .tribe-events .datepicker .day:focus, .tribe-events .datepicker .day:hover, .tribe-events .datepicker .month.focused, .tribe-events .datepicker .month:focus, .tribe-events .datepicker .month:hover, .tribe-events .datepicker .year.focused, .tribe-events .datepicker .year:focus, .tribe-events .datepicker .year:hover {
  background: rgb(30 144 255);
  color: #fff;
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
  border: 1px solid #ffffff;
}
.tribe-events .tribe-events-calendar-month__events {
  margin: 0 10px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__multiday-event-wrapper {
  min-height: 29px;
  margin-bottom: 8px;
  position: relative;
}
.tribe-common .tribe-common-h8 {
  padding: 4px;
}
.tribe-common .tribe-common-form-control-text__input:focus {
  box-shadow: unset;
}
.tribe-common .tribe-common-c-svgicon--hybrid circle, .tribe-common .tribe-common-c-svgicon--mail, .tribe-common .tribe-common-c-svgicon--map-pin, .tribe-common .tribe-common-c-svgicon--messages-not-found g, .tribe-common .tribe-common-c-svgicon--no-map, .tribe-common .tribe-common-c-svgicon--phone, .tribe-common .tribe-common-c-svgicon--virtual g, .tribe-common .tribe-common-c-svgicon--website {
  fill: #fff;
}
.tribe-events .tribe-events-view-loader {
  background-color: hsl(0deg 0% 0% / 60%);
}
.tribe-events .tribe-events-c-events-bar__views {
  display: none;
}
/* tribes end  */
/* events page end */
/* events detail start */
#tribe-events-pg-template {
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
}
.bf-events-details-wrap {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
}
.bf-events-details-wrap .bf-right-detail {
  width: 100%;
  max-width: 32.27%;
}
.bf-events-details-wrap .bf-left-detail {
  width: 100%;
  max-width: 67.72%;
  padding-right: 20px;
}
.bf-left-col .bf-detail-img:hover img {
  transform: scale(1.2);
  transition: all .5s ease;
}
.bf-left-col .bf-detail-img {
  position: relative;
  padding-top: 58.23%;
  transition: all .5s ease;
  border-radius: 10px;
  overflow: hidden;
}
.bf-left-col .bf-detail-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 10px;
  overflow: hidden;
  transition: all .5s ease;
}
.bf-left-col .bf-top-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 16px;
}
.bf-left-col .bf-top-title h3 {
  color: var(--white);
  width: 100%;
  max-width: calc(100% - 160px);
}
#profileForm p.success {
  border: 1px solid green;
  padding: 10px;
  margin-top: 20px;
  border-radius: 50px;
  text-align: center;
}
.bf-artist-list-wrap > p {
  width: 100%;
}
.bf-left-col p {
  color: #AAAAAA;
  font-size: var(--p-16px);
  line-height: 150%;
  font-weight: 400;
}
input[type=checkbox]#wp-comment-cookies-consent+label:before,
input[type=checkbox]#wp-comment-cookies-consent:checked+label:before {
display: none !important;
}
.tribe-events-gmap:hover,
.bf-left-col .events-detail-map p a:hover {
  color: var(--green);
}
input[type=checkbox]#wp-comment-cookies-consent {
  position: static;
  opacity: 1;
}
.bf-left-col .events-detail-map p,
.bf-left-col .events-detail-map p a {
  color: var(--white);
  font-size: var(--p-18px);
  line-height: 150%;
  font-weight: 600;
}
.bf-left-col .events-detail-map span {
  color: #AAAAAA;
  font-size: var(--p-14px);
  font-weight: 400;
  line-height: 150%;
}
.bf-left-col .events-detail-map {
  margin-top: 50px;
}
.single-tribe_events .bf-left-col .events-detail-map .tribe-events-venue-map {
  background: transparent;
  border-radius: 10px;
  border-color: transparent;
  box-shadow: unset;
  margin: 24px 0 0 0;
  position: relative;
  width: 100%;
  padding-top: 53.3%;
  overflow: hidden;
}
.single-tribe_events .bf-left-col .events-detail-map .tribe-events-venue-map iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
max-height: 100%;
}
body .bf-right-detail .bf-head h3 {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #444444;
  font-size: 24px;
}
.bf-event-right-div .bf-detail-div a:hover {
  color: var(--green);
}
.bf-events-details-wrap .bf-detail-content .bf-detail-social-media {
  padding: 20px;
}
.bf-events-details-wrap .bf-detail-content {
  margin-top: 20px;
}
.bf-right-detail .bf-event-right-div {
  padding-bottom: 20px;
}
.bf-event-right-div .bf-detail-div a,
.bf-event-right-div .bf-detail-div p {
  font-size: var(--p-18px);
  color: var(--white);
  font-weight: 600;
  line-height: 150%;
}
.bf-event-right-div .bf-detail-div span {
  font-size: var(--p-14px);
  color: #AAAAAA;
  font-weight: 400;
  line-height: 150%;
}
.bf-event-right-div .bf-detail-div {
  margin-bottom: 20px;
}
/* events detail end */

/* community shots form start  */
body .upload-community-shots h1 {
  color: var(--heading);
  font-size: var(--h2-48px);
  text-align: center;
  margin-bottom: 40px;
}
.upload-community-shots div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader .dz-message {
  color: rgb(255 255 255 / 70%);
  width: 100%;
}
.upload-community-shots div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader .dz-message .modern-hint {
  color: rgb(255 255 255);
}
div.wpforms-container-full .wpforms-form textarea:focus {
    color: rgb(255 255 255) !important;
}
div.upload-community-shots div.wpforms-container-full .wpforms-form .wpforms-uploader {
  border-radius: 5px;
}
div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error {
  padding: 0 0 0 5px;
}
div.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
  padding: 12px 1px;
  overflow: hidden;
}
div div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  margin-top: 12px;
}
div.bf-events-details-wrap .bf-green-btn a {
  margin-bottom: 20px;
  width: 100%;
  max-width: 100%;
  display: block;
  text-align: center;
}
form#profileForm .form-actions .btn-save {
  max-width: max-content;
  min-height: 44px;
  padding: 8px 24px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
#profileForm .form-actions .btn-save,
.bf-events-details-wrap .bf-green-btn a,
div div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit {
  max-width: 100%;
  width: 100%;
  font-size: var(--p-16px);
  color: var(--black);
  background: var(--green);
  border: 1px solid var(--green);
  padding: 11px 24px;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  line-height: 150%;
  position: relative;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  min-height: 48px;
  overflow: hidden;
}
#profileForm .form-actions .btn-save::after,
#profileForm .form-actions .btn-save::before,
.bf-events-details-wrap .bf-green-btn a::after,
.bf-events-details-wrap .bf-green-btn a::before,
div div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit::after,
div div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit::before {
  top: 0;
  width: 0;
  height: 100%;
  mix-blend-mode: overlay;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  content: "";
  position: absolute;
}
div.bf-subscribe-wrap div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit {
  color: var(--white);
}
div.bf-subscribe-wrap div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit::before {
  left: 0;
  width: 0;
  background: var(--blue);
}
div.bf-subscribe-wrap div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit::after {
  left: 100%;
  width: 0;
  background: var(--blue);
}
#profileForm .form-actions .btn-save::before,
.bf-events-details-wrap .bf-green-btn a::before,
div div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit::before {
  left: 0;
  width: 0;
  background: var(--black);
}
#profileForm .form-actions .btn-save::before,
.bf-events-details-wrap .bf-green-btn a::after,
div div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit::after {
  left: 100%;
  width: 0;
  background: var(--white);
}
#profileForm .form-actions .btn-save:hover::before,
.bf-events-details-wrap .bf-green-btn a:hover::before,
div div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit:hover::before {
  width: 100%;
}
#profileForm .form-actions .btn-save:hover::after,
.bf-events-details-wrap .bf-green-btn a:hover::after,
div div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit:hover::after {
  width: 100%;
  left: 0;
}
#profileForm .form-actions .btn-save:hover,
.bf-events-details-wrap .bf-green-btn a:hover,
div div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit:hover {
    color: var(--black);
    background: var(--white);
    border: 1px solid var(--white);
}
#content div.product form.cart button.package-buy-btn {
  max-width: 185px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
  width: 50px;
}
.woocommerce #reviews #comments ol.commentlist {
  padding: 20px 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border-color: #444444;
  margin: 0 0 0 60px;
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #customer_details textarea::placeholder,
.woocommerce-checkout .woocommerce form .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper .select2-selection::placeholder,
.woocommerce-checkout .woocommerce form .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper textarea::placeholder,
.woocommerce-checkout .woocommerce form .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper input::placeholder,
.upload-community-shots div.wpforms-container-full .wpforms-form input::placeholder {
color: var(--white);
}
.upload-community-shots div.wpforms-container-full .wpforms-field-html a {
  width: 100%;
  text-align: end;
  display: block;
  font-weight: 400;
  line-height: 150%;
}
div.wpforms-container-full .wpforms-field-description, div.wpforms-container-full .wpforms-field-limit-text, .wp-core-ui div.wpforms-container-full .wpforms-field-description, .wp-core-ui div.wpforms-container-full .wpforms-field-limit-text {
    color: rgb(255 255 255 / 55%);
}
.upload-community-shots .wpforms-container .wpforms-field fieldset ul li label {
  font-weight: 400;
  line-height: 150%;
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #customer_details textarea:focus,
.woocommerce-checkout .woocommerce form .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper textarea:focus,
.woocommerce-checkout .woocommerce form .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper .select2-selection:focus,
.woocommerce-checkout .woocommerce form .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper input:focus,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=number]:focus,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=url]:focus,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=password]:focus,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=email]:focus,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=tel]:focus,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=text]:focus,
.upload-community-shots div.wpforms-container-full .wpforms-form  select:focus,
.upload-community-shots div.wpforms-container-full .wpforms-form .wpforms-uploader:focus,
.upload-community-shots div.wpforms-container-full .wpforms-form  textarea:focus {
  border-color: #1e90ff;
  box-shadow: 0 0 0 1px #1e90ff, 0px 1px 2px rgba(0, 0, 0, 0.15);
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #customer_details textarea:focus:invalid,
.woocommerce-checkout .woocommerce form .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper textarea:focus:invalid,
.woocommerce-checkout .woocommerce form .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper .select2-selection:focus:invalid,
.woocommerce-checkout .woocommerce form .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper input:focus:invalid,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=number]:focus:invalid,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=url]:focus:invalid,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=password]:focus:invalid,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=email]:focus:invalid,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=tel]:focus:invalid,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=text]:focus:invalid,
.upload-community-shots div.wpforms-container-full .wpforms-form  select:focus:invalid,
.upload-community-shots div.wpforms-container-full .wpforms-form .wpforms-uploader:focus:invalid,
.upload-community-shots div.wpforms-container-full .wpforms-form  textarea:focus:invalid {
color: var(--white);
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #customer_details textarea,
.woocommerce-checkout .woocommerce form .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper textarea,
.woocommerce-checkout .woocommerce form .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper .select2-selection,
.woocommerce-checkout .woocommerce form .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper input,
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=number],
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=url],
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=password],
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=email],
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=tel],
.upload-community-shots div.wpforms-container-full .wpforms-form input[type=text],
.upload-community-shots div.wpforms-container-full .wpforms-form  select,
.upload-community-shots div.wpforms-container-full .wpforms-form .wpforms-uploader,
.upload-community-shots div.wpforms-container-full .wpforms-form  textarea {
  border: 1px solid #222222;
  background:  #444444;
  border-radius: 5px;
  font-size: var(--p-14px);
  font-weight: 400;
  line-height: 150%;
  padding: 10px 16px;
  color: var(--white);
  width: 100%;
  max-width: 100%;
}
.model .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-checkbox input[type=checkbox]:focus:before,
.model .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-checkbox input[type=checkbox]:checked:before,
div.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-checkbox input[type=checkbox]:focus:before,
div.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-checkbox input[type=checkbox]:checked:before {
      border-color: #ce00ff;
    box-shadow: unset;
    background: #ce00ff;
}
.model .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-checkbox input[type=checkbox]:before,
div.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-checkbox input[type=checkbox]:before {
      background-color: #444444;
}
.model  .upload-community-shots .wpforms-field-container #wpforms-1410-field_9-container,
.model .upload-community-shots .wpforms-field-container #wpforms-1410-field_11-container,
div.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-file-upload,
div.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container #wpforms-1410-field_16-container,
div.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-phone,
div.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-checkbox {
    max-width: 100%;
}
.model .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-checkbox ul,
div.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-checkbox ul {
  display: flex;
  flex-wrap: wrap;
  column-count: 2;
column-gap: 20px;
}
.upload-community-shots .wpforms-container .wpforms-field legend,
.upload-community-shots .wpforms-container .wpforms-field label {
  font-size: var(--p-16px);
  color: var(--white);
  line-height: 150%;
  font-weight: 600;
  margin-bottom: 6px;
}
.upload-community-shots {
  background: #11111199;
  max-width: 850px;
  border-radius: 16px;
  padding: 50px;
  margin: 200px auto 100px auto;
  width: 100%;
  z-index: 2;
  position: relative;
}
.page-template-template-upload-community-shots #page {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div div.wpforms-container div.wpforms-uploader .dz-preview .dz-remove:after,
div div.wpforms-container div.wpforms-uploader .dz-preview .dz-remove:before {
  background-color: #ffffff;
}
div div.wpforms-container div.wpforms-uploader .dz-preview {
  border-bottom: unset;
}
div div.wpforms-container div.wpforms-uploader .dz-preview {
  justify-content: center;
  align-items: flex-start;
}
div div.wpforms-container div.wpforms-uploader .dz-preview {
  width: 20%;
  padding-bottom: 0;
  padding-top: 15px !important;
}
div div.upload-community-shots div.wpforms-container-full .wpforms-form .wpforms-uploader {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
div div.wpforms-container div.wpforms-uploader .dz-message.hide+.dz-preview {
  padding-top: 15px !important;
}
div div.wpforms-container div.wpforms-uploader .dz-preview .dz-progress {
  bottom: -9px;
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #customer_details textarea {
  border-radius: 20px;
  resize: none;
  min-height: 40px;
}
/* community shots form end */

/* artists page start  */
.item-cols-artist {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  gap: 10px;
}
.item-cols-artist .custom-dropdown {
  position: relative;
}
.item-cols-artist .selected-item {
  color: #717680;
  font-weight: 400;
}
.bf-btn .follow-button button.small{
  border-radius: 1000px;
}
.item-cols-artist .custom-dropdown {
  position: relative;
  padding: 20px 32px 20px 15px;
  border-radius: 50px;
  background: #FFFFFF;
  border: 1px solid #D5D7DA;
  width: 100%;
  max-width: 152px;
  text-align: left;
}
.item-cols-artist .custom-dropdown::before {
  filter: brightness(0.6);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
}
.item-cols-artist ul.dropdown-list {
  position: absolute;
  padding: 0;
  list-style: none;
  border: 1px solid #222222de;
  width: 100%;
  border-top: none;
  left: 0;
  top: 30px;
  padding-top: 40px;
  z-index: -1;
  background: #ffffff;
  border-radius: 0 0 20px 20px;
  display: none;
}
.item-cols-artist ul.dropdown-list li:hover {
  color: var(--black);
}
.item-cols-artist ul.dropdown-list li {
  padding: 4px 10px;
  font-size: var(--p-14px);
  font-weight: 600;
  color: #717680;
  transition: all .4s ease;
  background: #ffffff;
}
.item-cols-artist ul.dropdown-list li:last-child {
  border-radius: 15px;
}
.item-cols-artist form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search label {
  display: none;
}
.item-cols-artist form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
  background: transparent;
  border: unset;
  border-radius: unset;
  padding: 0;
  margin: 0;
  width: 100%;
}
.item-cols-artist .wp-block-search__inside-wrapper input {
    background: transparent;
    border: unset !important;
    border-radius: 50px;
    min-height: 64px;
    padding: 10px 24px;
    font-size: var(--p-16px);
    color: #717680;
    font-weight: 400;
    opacity: 1;
}
.item-cols-artist .wp-block-search__inside-wrapper {
  border-radius: 50px;
  overflow: hidden;
  min-height: 64px;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
}
.item-cols-artist form.wp-block-search button.wp-block-search__button::before {
  content: "";
  background-image: url("./images/search.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 11px;
}
.item-cols-artist .wp-block-search__inside-wrapper button {
  background-color: #0052D0 !important;
  border: unset;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 12px;
  border-radius: 50% !important;
  padding: 0 !important;
  font-size: 0;
}
.bf-artist-list-wrap .bf-artist-img {
  position: relative;
  padding-top: 70.77%;
  margin-bottom: 18px;
  transition: all .6s ease;
  overflow: hidden;
  border-radius: 8px;
}
.bf-artist-list-wrap .item:hover .bf-artist-img img {
  transform: scale(1.2);
}
.bf-btn-white .follow-button {
  display: block;
}
.bf-artist-list-wrap .bf-artist-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 8px;
  object-fit: cover;
  opacity: 70%;
  transition: all .6s ease;
  overflow: hidden;
}
.bf-artist-list-wrap .item {
  width: 100%;
}
.bf-artist-list-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  column-gap: 20px;
  row-gap: 28px;
  padding: 66px 0 88px 0;
}
.bf-artist-list-wrap .item .bf-detail-bottom .bf-detail-right {
    justify-content: center;
    width: 100%;
}
.bf-artist-list-wrap .item .bf-detail-bottom .bf-detail-left {
  width: 100%;
}
.bf-artist-list-wrap .item .bf-detail-bottom {
  flex-wrap: wrap;
  gap: 10px;
}
.bf-artist-list-wrap .item {
  width: 100%;
  max-width: calc(100% / 4 - 16px);
}
.bf-artisti-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 40px;
}
.bf-gradient-artist {
  position: absolute;
  width: 100%;
  display: block;
  height: 100%;
}
.bf-artist-live-music .bf-upcoming-selection .bf-upcoming-wrap {
  max-width: max-content;
  margin: 0;
}
.bf-artist-live-music .bf-upcoming-selection .bf-upcoming-dropdown-col {
  width: 100%;
  max-width: 33.33%;
  position: relative;
  cursor: pointer;
  z-index: 9;
  margin-left: 16px;
}
section div.bf-artist-live-music .bf-upcoming-dropdown-col {
  margin-left: 16px;
  max-width: calc(100% / 3 - 10px);
}
div.bf-artist-live-music.bf-upcoming-wrap {
  justify-content: flex-end;
  max-width: 100%;
  margin: 0;
}
.bf-artist-wrap h2 + .bf-upcoming-selection {
  width: 50%;
}
.bf-banner-deatil .item {
  z-index: 2;
}
.bf-artist-dj-sec .bf-artist-wrap {
  z-index: 2;
  position: relative;
}
/* artists page end */

/* artists detail page start */
.bf-latest-news-banner.bf-artists-detail .bf-latest-banner {
  padding-top: 38.66%;
}
.bf-latest-news-banner.bf-artists-detail .bf-latest-banner img {
  object-position: 0 61%;
}
.bf-artists-profile-sec .bf-artists-profile-wrap {
  backdrop-filter: blur(30px);
  background: #00000066;
  padding: 50px;
  border-radius: 28px;
  z-index: 2;
  position: relative;
}
section.bf-artists-profile-sec {
  padding: 0;
  margin-top: -100px;
}
.bf-artists-profile-wrap .bf-artists-profile-header {
  display: flex;
  margin-bottom: 50px;
  gap: 38px;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}
.bf-artists-profile-header .bf-profile-img {
  width: 184px;
  min-width: 184px;
  height: 184px;
  border-radius: 30px;
  overflow: hidden;
  transition: all .5s ease;
}
.bf-artists-profile-header .bf-profile-img:hover img {
  transform: scale(1.2);
}
.bf-artists-profile-header .bf-profile-details .bf-profile-detail-btn {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  margin-bottom: 24px;
}
.bf-artists-profile-header .bf-profile-details {
  width: 100%;
  max-width: calc(100% - 184px - 40px);
}
.bf-artists-profile-header .bf-profile-img img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  overflow: hidden;
  transition: all .5s ease;
  object-fit: cover;
}
.bf-artists-profile-header .bf-profile-details .bf-profile-detail-btn h2 img {
  width: 45px;
  height: 45px;
  min-width: 45px;
}
.bf-artists-profile-header .bf-profile-details p.bf-location {
  font-size: var(--p-20px);
  font-weight: 400;
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 12px;
}
.bf-artists-profile-header .bf-profile-details p.bf-location span {
  font-size: var(--p-18px);
  font-weight: 700;
  color: var(--white);
}
.bf-artists-profile-header .bf-profile-details .bf-profile-detail-btn h2 a {
  display: flex;
  width: 45px;
  max-width: fit-content;
  height: 45px;
}
.bf-artists-profile-header .bf-profile-details .bf-profile-detail-btn h2 {
  color: var(--heading);
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 150%;
  display: flex;
  gap: 18px;
  align-items: center;
}
.bf-artists-profile-header .bf-profile-details .bf-meta-info {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 791px;
  justify-content: space-between;
}
.bf-profile-details .bf-meta-info span {
  font-family: "Oswald", serif;
  font-size: 24px;
  color: var(--white);
  font-weight: 700;
  line-height: 150%;
  text-align: left;
}
.bf-profile-details .bf-meta-info p {
  font-size: var(--p-16px);
  text-align: left;
  color: var(--white);
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 130%;
}
.bf-profile-details .bf-meta-info .bf-social-link-wrap a span {
  font-size: var(--p-20px);
  font-weight: 600;
  color: var(--white);
  line-height: 130%;
}
.bf-profile-details .bf-meta-info .bf-social-link-wrap a svg {
  width: 20px;
  height: 20px;
  color: #fff;
}
.bf-profile-details .bf-meta-info .bf-social-link-wrap a:hover {
  background: var(--blue);
}
.bf-profile-box .bf-awards svg {
  width: 32px;
  height: 32px;
  min-width: 32px;
}
.bf-profile-box .bf-awards {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
  margin-bottom: 16px;
}
.bf-profile-details .bf-meta-info .bf-social-link-wrap a {
  display: flex;
  cursor: pointer;
  width: 40px;
  min-width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #222222;
  transition: all .5s ease;
}
.bf-profile-details .bf-meta-info .bf-social-link-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.bf-profile-box .bf-biography p {
  font-size: var(--p-20px);
  font-weight: 400;
  color: var(--white);
  line-height: 150%;
}
.bf-profile-box .bf-biography span {
  font-size: var(--p-18px);
  font-weight: 400;
  color: var(--white);
  line-height: 150%;
  margin-bottom: 8px;
  display: block;
}
.bf-profile-box .bf-biography {
  background: #171717;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 40px;
}
.bf-media-gallery h3 {
  font-family: "Oswald", serif;
  font-size: 24px;
  color: var(--heading);
  font-weight: 700;
  line-height: 150%;
  text-align: left;
  margin-bottom: 24px;
}
.bf-media-gallery .bf-gallery-grid .bf-gallery-img:hover img {
transform: scale(1.2);
}
.bf-media-gallery .bf-gallery-grid .bf-gallery-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 12px;
  object-fit: cover;
  transition: all .5s ease;
  overflow: hidden;
}
.bf-media-gallery .bf-gallery-grid .bf-gallery-img {
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  width: calc(20.24% - 15px);
  padding-top: 15%;
  transition: all .5s ease;
}
.bf-media-gallery .bf-gallery-grid {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
}
section.bf-artists-upcoming-detail-sec {
  padding-top: 62px;
  padding-bottom: 46px;
}
.bf-artists-upcoming-detail-sec .bf-upcoming-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: 50px;
}
.bf-artists-upcoming-detail-sec .bf-upcoming-selection .bf-upcoming-dropdown-col {
  max-width: 100%;
}
.bf-artists-upcoming-detail-sec .bf-upcoming-selection input {
  padding: 8px 32px 8px 16px;
  border-radius: 50px;
  border: 1px solid #222222;
  background-color: var(--black);
  width: 100%;
  min-height: 44px;
}
.bf-artists-upcoming-detail-sec .bf-upcoming-selection svg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  width: 13px;
  height: 13px;
}
.bf-artists-upcoming-detail-sec .bf-events-cols-info .bf-city-events {
    display: none;
}
.bf-artists-upcoming-detail-sec .bf-upcoming-selection {
  width: 100%;
  max-width: 177px;
  position: relative;
}
.bf-artists-upcoming-detail-sec  .bf-events-cols .bf-events-cols-info .bf-top-title h3 {
  max-width: 100%;
}
/* artists detail page end */

/* conatct page start  */
.bf-contact-journey-wrap .bf-contact-journey-details h2 {
  color: var(--heading);
  text-align: center;
  margin-bottom: 20px;
}
.bf-contact-journey-wrap .bf-contact-journey-details {
  margin-bottom: 50px;
}
.bf-contact-journey-wrap .bf-contact-journey-details p {
  color: var(--white);
  font-size: var(--p-14px);
  font-weight: 400;
  text-align: center;
}
.bf-contact-journey-wrap .bf-contact-journey-cols .bf-contact-left, .bf-contact-journey-wrap .bf-contact-journey-cols .bf-contact-right {
  width: 100%;
  max-width: 48.888%;
}
.bf-follow-profile-div .upload-community-shots .wpforms-field-container,
.model .upload-community-shots .wpforms-field-container,
.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container,
.bf-contact-journey-wrap .bf-contact-journey-cols .upload-community-shots .wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}
.upload-community-shots div.wpforms-container-full .wpforms-form textarea:focus,
.bf-contact-journey-cols .upload-community-shots div.wpforms-container-full .wpforms-form .wpforms-field-email input,
.bf-contact-journey-cols .upload-community-shots div.wpforms-container-full .wpforms-form textarea:focus {
  color: var(--white);
}

.upload-community-shots div.wpforms-container-full .wpforms-form textarea,
.model .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-textarea textarea,
.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-textarea textarea,
.bf-contact-journey-wrap .bf-contact-journey-cols .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-textarea textarea {
  border-radius: 5px;
  resize: none;
  height: 73px;
}
.bf-follow-profile-div .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-textarea,
.bf-follow-profile-div .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-file-upload,
.model .upload-community-shots .wpforms-field-container #wpforms-1410-field_16-container,
.model .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-file-upload,
.model .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-textarea,
.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-textarea,
.bf-contact-journey-wrap .bf-contact-journey-cols .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-textarea {
  width: 100%;
  max-width: 100%;
}
.model .upload-community-shots .wpforms-field-container .wpforms-field,
.bf-follow-profile-div .upload-community-shots .wpforms-field-container .wpforms-field,
.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field,
.bf-contact-journey-wrap .bf-contact-journey-cols .upload-community-shots .wpforms-field-container .wpforms-field {
  width: 100%;
  max-width: 47%;
}
.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field,
.model .upload-community-shots .wpforms-field-container .wpforms-field {
  overflow: visible;
}
.bf-contact-journey-wrap .bf-contact-journey-cols .upload-community-shots {
  background: transparent;
  max-width: 100%;
  border-radius: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  z-index: 2;
  position: relative;
}
.bf-contact-journey-wrap .bf-contact-journey-cols div.wpforms-container-full:not(:empty) {
  margin: 0;
}
.bf-contact-journey-wrap .bf-contact-journey-cols {
  background: #11111199;
  border-radius: 16px;
  padding: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  z-index: 2;
  position: relative;
}
.bf-contact-journey-cols .bf-contact-left h2 {
text-align: center;
font-size: var(--p-20px);
color: var(--heading);
font-weight: 700;
line-height: 150%;
padding-top: 12px;
}
.bf-contact-journey-cols .bf-contact-left .bf-left-mail a:hover {
  color: var(--green);
}
.bf-contact-journey-cols .bf-contact-left .bf-left-mail a {
  font-size: var(--p-18px);
  font-weight: 600;
  color: var(--white);
}
.bf-contact-journey-cols .bf-contact-left .bf-left-mail h3 {
  color: var(--white);
  font-size: 40px;
  line-height: 150%;
  margin-bottom: 8px;
  font-weight: 700;
}
.bf-contact-journey-cols .bf-contact-left .bf-left-mail {
  margin-top: 50px;
  text-align: center;
}
/* conatct page end */

/* music and media start */
.bf-music-media-carousal .owl-item {
  background: #1873CC;
  border-radius: 38px;
  padding: 46px;
}
section.bf-music-media-banner {
  padding-top: 142px;
  padding-bottom: 76px;
}
.bf-music-media-carousal .bf-music-media {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: flex-start;
  width: 100%;
}
.bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white {
  justify-content: flex-start;
  width: max-content;
}
.bf-genres-carousal button.owl-dot.active,
.bf-music-media-carousal button.owl-dot.active {
  background: #d9d9d9;
}
div.bf-genres-carousal .owl-dots {
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 32px;
}
.bf-genres-carousal .owl-dots,
.bf-music-media-carousal .owl-dots {
  margin-top: 20px;
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
}
.bf-genres-carousal button.owl-dot span,
.bf-music-media-carousal button.owl-dot span {
    width: 100%;
    height: 100%;
    display: block;
}
div.bf-genres-carousal button.owl-dot,
div.bf-music-media-carousal button.owl-dot {
  width: 8px;
  height: 8px;
  background: #444444;
  padding: 0 !important;
  margin: 0 !important;
}
.bf-music-media-carousal .bf-music-media .bf-music-left p {
  margin: 20px 0;
  font-size: var(--p-20px);
  color: var(--white);
  font-weight: 600;
  line-height: 130%;
}
.bf-music-media-carousal .bf-music-media .bf-music-left h2 span,
.bf-music-media-carousal .bf-music-media .bf-music-left h1 span {
  color: var(--green);
}
.bf-music-media-carousal .bf-music-media .bf-music-left h2,
.bf-music-media-carousal .bf-music-media .bf-music-left h1 {
  font-size: 85px;
  text-transform: uppercase;
  color: var(--white);
  line-height: 100%;
}
.bf-music-media-carousal .bf-music-media .bf-music-left {
  width: 100%;
  max-width: 56.82%;
}
.bf-music-media-carousal .bf-music-media .bf-music-right {
  width: 100%;
  max-width: 32.44%;
  padding-top: 32.5%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  transition: all .5s ease;
}
.bf-music-media-carousal .bf-music-media .bf-music-right:hover img {
  transform: scale(1.2);
}
.bf-music-media-carousal .bf-music-media .bf-music-right img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 20px;
  overflow: hidden;
  transition: all .5s ease;
  object-fit: cover;
}
.bf-genres-sec .bf-genres-wrap h2 {
color: var(--heading);
margin-bottom: 60px;
}
.bf-genres-sec .bf-genres-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
  padding-left: calc((100% - 1280px) / 2);
}
.bf-genres-sec .bf-genres-carousal .owl-stage-outer {
  overflow: visible;
}
.bf-genres-sec .bf-genres-carousal .owl-item .bf-genres-cols .bf-genres-img::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(2 2 2 / 28%);
  border-radius: 8px;
  z-index: 1;
  transition: all .5s ease;
}
.bf-genres-sec .bf-genres-carousal .owl-item:hover .bf-genres-cols .bf-genres-img::after {
  transition: all .5s ease;
  content: unset;
}
.bf-fav-tracks-grid .bf-genres-cols:nth-child(13) .bf-genres-img::before,
.bf-fav-tracks-grid .bf-genres-cols:nth-child(7) .bf-genres-img::before,
.bf-fav-tracks-grid .bf-genres-cols:nth-child(1) .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(13) .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(7) .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(1) .bf-genres-cols .bf-genres-img::before {
  background: rgb(161 37 37 / 82%);
}
.bf-fav-tracks-grid .bf-genres-cols:nth-child(14) .bf-genres-img::before,
.bf-fav-tracks-grid .bf-genres-cols:nth-child(8) .bf-genres-img::before,
.bf-fav-tracks-grid .bf-genres-cols:nth-child(2) .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(14) .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(8) .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(2) .bf-genres-cols .bf-genres-img::before {
  background: rgb(30 125 172 / 65%);
}
.bf-fav-tracks-grid .bf-genres-cols:nth-child(15) .bf-genres-img::before,
.bf-fav-tracks-grid .bf-genres-cols:nth-child(9) .bf-genres-img::before,
.bf-fav-tracks-grid .bf-genres-cols:nth-child(3) .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(15) .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(9) .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(3) .bf-genres-cols .bf-genres-img::before {
  background: rgb(128 35 172 / 33%);
}
.bf-fav-tracks-grid .bf-genres-cols:nth-child(16) .bf-genres-img::before,
.bf-fav-tracks-grid .bf-genres-cols:nth-child(10) .bf-genres-img::before,
.bf-fav-tracks-grid .bf-genres-cols:nth-child(4) .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(16) .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(10) .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(4) .bf-genres-cols .bf-genres-img::before {
  background: rgb(16 201 0 / 50%);
}
.bf-fav-tracks-grid .bf-genres-cols:nth-child(17) .bf-genres-img::before,
.bf-fav-tracks-grid .bf-genres-cols:nth-child(11) .bf-genres-img::before,
.bf-fav-tracks-grid .bf-genres-cols:nth-child(5) .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(17) .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(11) .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(5) .bf-genres-cols .bf-genres-img::before {
  background: rgb(22 18 137 / 75%);
}
.bf-fav-tracks-grid .bf-genres-cols:nth-child(18) .bf-genres-img::before,
.bf-fav-tracks-grid .bf-genres-cols:nth-child(12) .bf-genres-img::before,
.bf-fav-tracks-grid .bf-genres-cols:nth-child(6) .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(18) .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(12) .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item:nth-child(6) .bf-genres-cols .bf-genres-img::before {
  background: rgb(125 57 16 / 73%);
}
.bf-fav-tracks-grid .bf-genres-cols .bf-genres-img::before,
.bf-genres-sec .bf-genres-carousal .owl-item .bf-genres-cols .bf-genres-img::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(161 37 37 / 82%);
  border-radius: 8px;
  z-index: 1;
}
.bf-genres-sec .bf-genres-carousal .owl-item.active + .owl-item,
.bf-genres-sec .bf-genres-carousal .owl-item.active {
  opacity: 1;
}
.bf-genres-sec .bf-genres-carousal .owl-item {
  padding-right: 34px;
  opacity: 0;
}
.bf-fav-tracks-grid .bf-genres-img,
.bf-genres-carousal .bf-genres-img {
  position: relative;
  padding-top: 100%;
  border-radius: 8px;
  overflow: hidden;
  transition: all .5s ease;
}
.bf-fav-tracks-grid .bf-genres-cols h3,
.bf-genres-carousal .bf-genres-cols h3 {
  padding: 20px;
  position: absolute;
  bottom: 0px;
  font-size: 30px;
  line-height: 120%;
  z-index: 2;
  word-break: break-word;
}
.bf-fav-tracks-grid .bf-genres-cols,
.bf-genres-carousal .bf-genres-cols {
  position: relative;
  cursor: pointer;
}
.bf-fav-tracks-grid .bf-genres-cols:hover img, .bf-genres-carousal .bf-genres-cols:hover img {
  transform: scale(1.2);
  transition: all .5s ease;
}
.bf-fav-tracks-grid .bf-genres-img img,
.bf-genres-carousal .bf-genres-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  transition: all .5s ease;
}
.bf-genres-sec .bf-genres-carousal .owl-item.cloned {
  opacity: 0;
}
.bf-genres-sec .bf-genres-carousal {
  padding-right: 160px;
}
section.bf-genres-sec {
  padding-top: 10px;
  padding-bottom: 124px;
}
section.bf-playlist-mood-sec {
  padding-top: 0;
  padding-bottom: 124px;
}
.bf-playlist-mood-wrap h2 {
  color: var(--heading);
  margin-bottom: 60px;
}
.bf-playlist-mood-cols .bf-playlist-col  {
  width: 100%;
  max-width: calc(100% / 5 - 28px);
}
.bf-playlist-mood-cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  column-gap: 34px;
  row-gap: 64px;
}
.bf-playlist-col a:hover h3 {
  color: var(--white);
}
section.bf-playlist-mood-sec.bf-top-play-sec {
  padding-bottom: 30px;
}
.bf-playlist-col a h3 {
  margin-top: 12px;
  font-size: var(--p-20px) !important;
  color: #AAAAAA;
  font-weight: 700;
}
.bf-playlist-col a:hover .bf-mood-img img {
  transform: scale(1.2);
  opacity: 1;
}
.bf-playlist-col a .bf-mood-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 8px;
  overflow: hidden;
  transition: all .5s ease;
  opacity: 65%;
}
.bf-playlist-col a .bf-mood-img {
  position: relative;
  padding-top: 90.4%;
  border-radius: 8px;
  overflow: hidden;
  transition: all .5s ease;
}
/* music and media end */

/* media player start  */
.bf-div-wrapper .bf-media-player-img p {
  font-size: var(--p-16px);
  font-weight: 600;
  color: var(--white);
  line-height: 140%;
}
.bf-div-wrapper .bf-media-player-img img {
  width: 47px;
  min-width: 47px;
  height: 47px;
  border-radius: 8px;
}
.bf-div-wrapper .bf-media-player-img {
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: center;
  max-width: 33.8%;
}
.bf-media-player-div .bf-media-player-fav a {
  width: 20px;
  height: 20px;
  min-width: 20px;
}
.bf-media-player-wrap .bf-media-player-bottom .bf-upcoming-wrap {
  margin: 50px 0 30px 0;
  display: flex;
  justify-content: flex-start;
  gap: 16px;
}
.bf-media-player-top .bf-profile-detail-top {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.bf-media-player-top .bf-profile-detail-top .bf-profile-img {
  position: relative;
  padding-top: 21.88%;
  width: 21.88%;
  border-radius: 8px;
  overflow: hidden;
  transition: all .5s ease;
}
.bf-profile-detail-wrapper .bf-media-btns {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 28px;
}
.bf-profile-detail-wrapper a.favourite-icon {
  display: block;
  width: 65px;
  height: 65px;
}
.bf-profile-detail-wrapper h2 {
    display: flex;
    gap: 20px;
    align-items: center;
}
.bf-media-player-top .bf-profile-detail-top .bf-profile-img:hover img {
transform: scale(1.2);
}
.bf-media-player-top .bf-profile-detail-top .bf-profile-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 8px;
  overflow: hidden;
  transition: all .5s ease;
}
.bf-media-player-div .bf-media-player-fav p,
.bf-media-player-content p {
  font-size: var(--p-16px);
  font-weight: 400;
  color: var(--white);
}
.bf-media-player-div .bf-media-player-fav {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 20px;
  max-width: 36.1%;
  justify-content: flex-end;
}
.bf-media-player-div .bf-div-wrapper {
  background: #1A1A1A80;
  backdrop-filter: blur(30px);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.bf-profile-detail-wrapper .bf-media-btns > div a {
  min-width: 155px;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.simple-player {
  position: fixed;
  width: 100%;
  padding: 0 15px;
  top: 122px;
  backdrop-filter: blur(30px);
  background: rgba(26, 26, 26, 0.5);
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: var(--Background-color-tertiary, rgba(68, 68, 68, 1));
  z-index: 3;
}
.simple-player .simple-player-wrapper {
  max-width: 1310px;
  padding: 26px 15px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.ap-controls.flex-wrap.flex-align {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
}
section.bf-media-player-sec {
  padding-top: calc(124px + 107px + 122px);
}
.bf-profile-detail-wrapper .bf-btn a.bf-btn-blue-outline:hover svg {
  filter: brightness(100);
}
.bf-profile-detail-wrapper .bf-btn a.bf-btn-blue-outline svg {
  transition: all .7s ease;
}
.activity-list .comment-item .activity-meta .buddyboss_edit_activity_cancel, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment.action-save, .buddypress .buddypress-wrap .comment-reply-link, .buddypress .buddypress-wrap .generic-button a, .buddypress .buddypress-wrap a.bp-title-button, .buddypress .buddypress-wrap a.button, .buddypress .buddypress-wrap button, .buddypress .buddypress-wrap input[type=button], .buddypress .buddypress-wrap input[type=reset], .buddypress .buddypress-wrap input[type=submit], .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a, .button, button, input[type=button], input[type=submit] {
  background: transparent;
  border: transparent;
  padding: 0;
  width: auto;
  height: auto;
}
.activity-list .comment-item .activity-meta .buddyboss_edit_activity_cancel:active, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_cancel:focus, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_cancel:hover, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment.action-save:active, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment.action-save:focus, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment.action-save:hover, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment:active, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment:focus, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment:hover, .buddypress .buddypress-wrap .comment-reply-link:active, .buddypress .buddypress-wrap .comment-reply-link:focus, .buddypress .buddypress-wrap .comment-reply-link:hover, .buddypress .buddypress-wrap .generic-button a:active, .buddypress .buddypress-wrap .generic-button a:focus, .buddypress .buddypress-wrap .generic-button a:hover, .buddypress .buddypress-wrap a.bp-title-button:active, .buddypress .buddypress-wrap a.bp-title-button:focus, .buddypress .buddypress-wrap a.bp-title-button:hover, .buddypress .buddypress-wrap a.button:active, .buddypress .buddypress-wrap a.button:focus, .buddypress .buddypress-wrap a.button:hover, .buddypress .buddypress-wrap button:active, .buddypress .buddypress-wrap button:focus, .buddypress .buddypress-wrap button:hover, .buddypress .buddypress-wrap input[type=button]:active, .buddypress .buddypress-wrap input[type=button]:focus, .buddypress .buddypress-wrap input[type=button]:hover, .buddypress .buddypress-wrap input[type=reset]:active, .buddypress .buddypress-wrap input[type=reset]:focus, .buddypress .buddypress-wrap input[type=reset]:hover, .buddypress .buddypress-wrap input[type=submit]:active, .buddypress .buddypress-wrap input[type=submit]:focus, .buddypress .buddypress-wrap input[type=submit]:hover, .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a:active, .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a:focus, .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a:hover, .button:active, .button:focus, .button:hover, button:active, button:focus, button:hover, input[type=button]:active, input[type=button]:focus, input[type=button]:hover, input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover {
    background-color: transparent;
    border-color: transparent;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button::before {
  font-size: 32px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button.ap-plause::before {
  font-size: 28px;
  color: #000;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button.ap-plause {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(217, 217, 217, 1);
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button {
  width: 32px;
  height: 32px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align {
  display: flex;
  gap: 51px;
  margin-right: 51px;
  align-items: center;
  justify-content: center;
  order: 1;
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align button::before,
.simple-player .simple-player-wrapper .ap-others.flex.flex-align button::before {
  font-size: 30px;
  color: rgba(131, 131, 131, 1);
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align button,
.simple-player .simple-player-wrapper .ap-others.flex.flex-align button {
  width: 30px;
  height: 30px;
}
.simple-player .simple-player-wrapper .ap-others.flex.flex-align {
  order: 2;
  display: flex;
  align-items: center;
  gap: 51px;
}
.simple-player .simple-player-wrapper .ap-time.flex.flex-align {
  order: 3;
  margin-right: 16px;
  margin-left: auto;
}
.simple-player .simple-player-wrapper .ap-time.flex.flex-align > span.end-time {
  font-size: var(--p-14px);
  color: rgba(131, 131, 131, 1);
  font-weight: 400;
}
.simple-player .simple-player-wrapper .ap-time.flex.flex-align > span.start-time {
  font-size: var(--p-14px);
  color: var(--white);
  font-weight: 400;
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align input {
  display: none;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button[disabled]::before {
  color: #838383;
}
.simple-player .simple-player-wrapper .ap-others.flex.flex-align button.ap-active::before {
  color: #fff;
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align {
  order: 5;
  margin-left: 46px;
  position: relative;
}
.simple-player .simple-player-wrapper .ap-tracker.ap-loading {
  order: 4;
  width: 100%;
  max-width: 413px;
  position: relative;
}
.ap-progress {
  -webkit-appearance: none;
  width: 100% !important;
  height: 7px;
  background: #444;
  border-radius: 3px;
  outline: none;
  border: unset;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* Chrome, Safari, Edge */
.ap-progress::-webkit-slider-runnable-track {
  height: 7px;
  background: #444;
  border-radius: 3px;
}

.ap-progress::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 6px;
  width: 6px;
  background: #ce00ff;
  box-shadow: -1000px 0 0 1000px #ce00ff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 0px;
}

/* Firefox */
.ap-progress::-moz-range-track {
  background: #444;
  height: 7px;
  border-radius: 6px;
}

.ap-progress::-moz-range-progress {
  background: #ce00ff;
  height: 7px;
  border-radius: 6px;
}

.ap-progress::-moz-range-thumb {
  width: 0;
  height: 0;
  opacity: 0;
}
.bf-media-player-div {
  margin-top: 40px;
}

/* pop-up start  */
.pum-theme-744 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
  height: 40px;
  width: 40px;
  padding: 3px;
  font-size: 22px;
  background-color: rgb(30 144 255);
  border-radius: 0 20px;
}
.pum-theme-744 .pum-container, .pum-theme-default-theme .pum-container {
  padding: 30px;
  border-radius: 20px;
}
.pum-content.popmake-content {
    max-width: 100%;
}
div#pum_popup_title_753 {
  font-size: var(--h3-32px);
  line-height: 110%;
  font-family: "Oswald", serif;
  font-weight: 700;
}
/* pop-up end */

/* login pages start  */
.bf-login-wrap .bf-login-right .wpforms-field fieldset legend {
  display: none;
}
.bf-login-wrap .bf-login-right .wpforms-field fieldset .wpforms-field-row {
  max-width: 100%;
}
.bf-login-wrap .bf-login-right .wpforms-field fieldset .wpforms-field-row-block em {
  order: 3;
}
.bf-login-wrap .bf-login-right .wpforms-field fieldset .wpforms-field-row-block input {
  order: 2;
}
.bf-login-wrap .bf-login-right .wpforms-field fieldset .wpforms-field-row-block label {
  order: 1;
}
.bf-login-wrap .bf-login-right .wpforms-field fieldset .wpforms-field-row-block {
  display: flex;
  flex-direction: column;
}
.bf-login-right p {
  text-align: center;
  font-size: var(--p-20px);
}
.bf-login-right h1 + p {
  text-align: center;
  margin-bottom: 50px;
}
.bf-login-sec {
  position: relative;
  background-image: url("./images/login-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.bf-login-sec::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.7);
  content: "";
}
.bf-login-wrap .bf-login-left {
  width: 100%;
  max-width: 47.5%;
  padding-right: 20px;
}
.bf-login-wrap .bf-login-right .or-sec::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #444;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.bf-login-wrap .bf-login-right div.nsl-container[data-align="left"] {
  text-align: center;
}
.bf-login-wrap .bf-login-right .nsl-container-buttons a {
  margin: 0 0 24px 0;
}
.bf-login-wrap .bf-login-right div.nsl-container .nsl-button-default {
  background-color: transparent !important;
  border: 1px solid #444444;
  border-radius: 50px;
  padding: 3px 28px;
  transition: all .5s ease;
}
.bf-login-wrap .bf-login-right div.nsl-container .nsl-button-default div.nsl-button-label-container b,
.bf-login-wrap .bf-login-right div.nsl-container .nsl-button-default div.nsl-button-label-container {
  font-family: 'Proxima Nova';
  font-size: 16px;
  font-weight: 400;
  line-height: 122%;
  letter-spacing: 0;
}
.bf-login-wrap .bf-login-right div.nsl-container .nsl-button-default:hover {
  background-color: #222 !important;
}
.bf-login-wrap .bf-login-right div.nsl-container .nsl-button-google[data-skin="dark"] .nsl-button-svg-container {
  margin: 1px;
  padding: 0;
  border-radius: 3px;
  background: transparent;
  filter: brightness(100);
}
.bf-login-wrap .bf-login-right .or-sec {
  margin: 40px 0 30px 0;
  position: relative;
}
.bf-login-wrap .bf-login-right .or-sec span {
  font-size: var(--p-16px);
  color: var(--white);
  font-weight: 400;
  background-color: #111;
  padding: 0 30px;
  line-height: 150%;
  margin: 0 auto;
  width: max-content;
  display: block;
}

.bf-login-wrap .bf-login-right {
  width: 100%;
  max-width: calc(100% - 53.5%);
  background: #111;
  padding: 50px;
  margin: 0;
  overflow: auto;
  max-height: 88vh;
  scrollbar-color: #ce00ff #111111;
}
.bf-login-wrap .bf-login-right h1 {
  margin-bottom: 16px;
  color: var(--white);
}
.bf-login-wrap .bf-login-right div.wpforms-container-full input[type=checkbox]:checked:after {
  left: calc(-5px + var(--wpforms-field-border-size, 1px));
    top: calc(-5px + var(--wpforms-field-border-size, 1px));
}
.bf-login-wrap .bf-login-right div.wpforms-container-full input[type=checkbox]:checked:before,
.bf-login-wrap .bf-login-right div.wpforms-container-full input[type=radio]:checked:before {
  box-shadow: 0 0 0 1px #ce00ff, 0px 1px 2px rgba(0, 0, 0, 0.15);
  background: #ce00ff !important;
  border: unset !important;
}
.bf-login-wrap .bf-login-right div.wpforms-container-full input[type=checkbox]:before, .bf-login-wrap .bf-login-right div.wpforms-container-full input[type=radio]:before {
  background: #222222;
  border: 1px solid #444444;
}
.bf-login-left a img {
  width: 100%;
  max-width: 125px;
  margin-bottom: 46px;
}
.bf-login-left p {
  margin-top: 16px;
  font-size: var(--p-20px)
}
.bf-login-wrap {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.bf-login-right p a:hover {
  color: var(--green);
}
.bf-login-right p a {
  text-decoration: underline;
}
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input {
  margin-top: 1px;
}
.page-id-723 .bf-login-wrap .bf-login-right .wpforms-field-row-block {
  display: flex;
  flex-direction: column-reverse;
}
.page-id-723 .bf-login-wrap .bf-login-right legend.wpforms-field-label {
  display: none;
}
.page-id-723 .bf-login-wrap .bf-login-right .wpforms-field-row.wpforms-field-medium {
  max-width: 100%;
}
.page-id-723 .bf-login-wrap .bf-login-right .wpforms-field-row-block .wpforms-field-sublabel {
  order: 3;
}
.page-id-723 .bf-login-wrap .bf-login-right .wpforms-field-row-block input {
  order: 2;
}
body.bb-template-v2 .site-header a.user-link {
    background: #222 !important;
    height: 46px;
    border-radius: 30px;
    padding: 0px 4px 0 10px;
    display: flex !important;
    font-size: 13px;
}
body.bb-template-v2 .site-header a.user-link img.avatar {
    width: 27px;
}
body.bb-template-v2 .site-header .user-wrap.menu-item-has-children.selected>.user-link:before, body.bb-template-v2 .site-header .user-wrap.menu-item-has-children>.user-link:hover:before {
  width: 120px;
  background: #222;
  right: 0;
  left: 0;
  border-radius: 30px;
}
.bf-header-menu .sub-menu .sub-menu-inner {
list-style: none;
}
.site-header .sub-menu .sub-menu-inner .user-link {
  display: flex;
  height: 65px;
}
.bb-template-v2 .site-header .sub-menu li:hover>a {
  color: #222222;
  font-weight: 700;
}
.bf-header-menu .user-wrap.selected .sub-menu {
  opacity: 1;
  visibility: visible;
  background: #222;
  top: 60px;
  right: 0;
}
body.bb-template-v2 .site-header .user-wrap.menu-item-has-children .user-link .user-name {
  color: #ffffff;
}
/* login pages end */

/* profile start  */
.bf-profile-wrapper-div {
  background: #000;
}
body #buddypress div#item-header #item-header-cover-image.bb-enable-cover-img #item-header-content, body #buddypress div#item-header .left #item-header-cover-image.bb-disable-cover-img #item-header-content {
  flex: unset;
}
.bs-bp-container #cover-image-container {
  background: #111111;
  border: 1px solid #111111;
  padding: 0;
  margin-bottom: 20px;
}
body #buddypress #item-header-cover-image {
  padding-bottom: 0;
}
.bs-bp-container #buddypress #item-header-cover-image #item-header-avatar {
  margin-top: 0;
  margin-right: 24px;
  margin-bottom: 0;
  padding: 0;
  width: 120px;
  height: 120px;
}.bs-bp-container .single-headers .member-status {
  right: 20px;
  top: 4px;
  width: 15px;
  height: 15px;
}
.bs-bp-container .users-header #item-header-avatar:hover .link-change-overlay {
  left: 0;
  right: 0;
  top: 0;
  height: 120px;
  width: 120px;
}
.bs-bp-container .users-header #item-header-avatar a.link-change-profile-image {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: unset;
}
body.bb-template-v2 .bp-dir-hori-nav:not(.bp-vertical-navs) nav#object-nav {
  margin-bottom: 20px;
  background: #22222266;
  padding: 10px;
  border-radius: 10px;
}
body.bb-template-v2 nav#object-nav>ul>li>a .bb-single-nav-item-point {
  padding: 0;
  border-bottom: unset;
}
body.bb-template-v2 .bp-dir-hori-nav:not(.bp-vertical-navs) nav#object-nav>ul>li>a:not(.more-button) {
  padding: 0;
}
.bp-wrap nav#object-nav li:hover div,
.bp-wrap nav#object-nav li.active div{
  color: var(--green);
}
.bp-wrap nav#object-nav li:hover,
.bp-wrap nav#object-nav li.active {
  background: #FFFFFF0A;
}
.bp-wrap nav#object-nav li {
  margin-right: 36px;
  padding: 8px 18px;
  background: #181818;
  border-radius: 6px;
  font-size: var(--p-18px);
  font-weight: 600;
}
body .bs-bp-container #buddypress div#item-header-cover-image h2{
  font-size: var(--h3-32px);
}
body .bs-bp-container #buddypress .member-title-wrap {
  margin: 0;
}
.bs-bp-container a.link-change-cover-image i:before, .bs-bp-container a.link-change-profile-image i:before, .bs-bp-container a.position-change-cover-image i:before {
  color: #000000;
}
.bf-follow-profile-div .bf-follow-cols .bf-view-details {
  font-size: var(--p-14px);
  padding: 7px 24px;
  margin-left: 12px;
}
#main div#primary.bs-bp-container {
  width: 100%;
  max-width: 1310px;
  padding: 145px 15px 0 15px;
  margin: 0 auto 30px auto;
  display: flex;
  gap: 42px;
  z-index: 2;
  position: relative;
}
.bs-bp-container #buddypress #item-header-cover-image #item-header-avatar img {
  border: 0 !important;
  background-color: transparent;
}
div#primary.bs-bp-container nav.vertical-menu ul {
  list-style: none;
}
div#primary.bs-bp-container nav.vertical-menu {
  background: #111111;
  border-radius: 16px;
  padding: 24px;
  width: 100%;
  max-width: 217px;
  position: sticky;
  top: 100px;
  height: 100%;
}
div#primary.bs-bp-container nav.vertical-menu ul li a svg {
  filter: brightness(0) saturate(100%) invert(40%) sepia(1%) saturate(0%) hue-rotate(267deg) brightness(99%) contrast(97%);
  width: 20px;
  height: 20px;
}
div#primary.bs-bp-container nav.vertical-menu ul li a {
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: flex-start;
  font-size: var(--p-16px);
  font-weight: 600;
  color: var(--white);
}
div#primary.bs-bp-container nav.vertical-menu ul li.active a svg,
div#primary.bs-bp-container nav.vertical-menu ul li:hover a svg {
  filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(2765%) hue-rotate(323deg) brightness(92%) contrast(97%);
}
div#primary.bs-bp-container nav.vertical-menu ul li.active a,
div#primary.bs-bp-container nav.vertical-menu ul li:hover a {
  color: var(--black);
}
div#primary.bs-bp-container nav.vertical-menu ul li.active,
div#primary.bs-bp-container nav.vertical-menu ul li:hover {
  background-color: var(--green);
}
div#primary.bs-bp-container nav.vertical-menu ul li {
  margin-bottom: 14px;
  padding: 10px 8px;
  border-radius: 8px;
  background-color: #111111;
transition: all .5s ease;
}
.bf-adv-partner-wrap div.wpforms-container-full .wpforms-form textarea:focus {
  color: var(--white);
}
div#cover-image-container {
  margin-top: 0;
}
#main div#primary.bs-bp-container main#main {
  width: 100%;
  max-width: 100%;
  background-color: #111111;
  border-radius: 16px;
  padding: 25px;
}
nav#subnav {
  display: none;
}
.profile div.wpforms-container-full {
  margin: 0 !important;
}
.flatpickr-calendar.open .flatpickr-day:hover {
  color: var(--blue);
}
.profile div.wpforms-container-full input[type=checkbox]:checked:after {
  border-left: 4px solid var(--black);
  border-bottom: 4px solid var(--black);
  background-color: var(--green);
}
.profile div.wpforms-container-full input[type=radio]:checked:after {
  background-color: var(--green);
}
.profile div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li label,
.profile div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li label {
  margin-bottom: 0 !important;
}
.profile div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li,
.profile div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li{
  align-items: center;
}
body #buddypress #item-header-cover-image div#item-header-content > div {
  height: 100%;
  align-items: center;
}
.profile div.wpforms-container-full input[type=checkbox]:before, .profile div.wpforms-container-full input[type=radio]:before {
  background-color: #444444;
}
.profile div.wpforms-container-full input[type=radio]:checked:before {
  background-color: #444444 !important;
}
.profile div.wpforms-container-full input[type=checkbox]:checked:before, .profile div.wpforms-container-full input[type=radio]:checked:before {
  box-shadow: 0 0 0 1px var(--green);
  background-color: var(--green);
  border-color: var(--green);
}
.bs-bp-container .profile form > div.wpforms-field-container .wpforms-field select:focus {
  border-color: #1e90ff;
  box-shadow: 0 0 0 1px #1e90ff, 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.profile form > div.wpforms-field-container .wpforms-field select:focus,
.profile form > div.wpforms-field-container .wpforms-field input[type=text]:focus,
.profile form > div.wpforms-field-container .wpforms-field input[type=number]:focus,
.profile form > div.wpforms-field-container .wpforms-field input[type=email]:focus {
  border-color: #1e90ff;
  box-shadow: 0 0 0 1px #1e90ff, 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.upload-community-shots div.wpforms-container-full .wpforms-form textarea::placeholder, 
.model .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-textarea textarea::placeholder,
.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-textarea textarea::placeholder,
.bf-contact-journey-wrap .bf-contact-journey-cols .upload-community-shots .wpforms-field-container .wpforms-field.wpforms-field-textarea textarea::placeholder,
.profile form > div.wpforms-field-container .wpforms-field select::placeholder,
.profile form > div.wpforms-field-container .wpforms-field input[type=text]::placeholder,
.profile form > div.wpforms-field-container .wpforms-field input[type=number]::placeholder,
.profile form > div.wpforms-field-container .wpforms-field input[type=email]::placeholder {
  color: var(--white);
}
.bs-bp-container .profile form > div.wpforms-field-container .wpforms-field select {
  border: 1px solid #222222;
  background: #444444;
  border-radius: 1000px;
  font-size: var(--p-14px);
  font-weight: 400;
  line-height: 150%;
  padding: 10px 16px;
  color: var(--white);
  width: 100%;
  max-width: 394px;
}
.bf-adv-partner-wrap form > div.wpforms-field-container .wpforms-field textarea
.profile form > div.wpforms-field-container .wpforms-field select,
.profile form > div.wpforms-field-container .wpforms-field select,
.profile form > div.wpforms-field-container .wpforms-field input[type=text],
.profile form > div.wpforms-field-container .wpforms-field input[type=email],
.profile form > div.wpforms-field-container .wpforms-field input[type=number] {
  border: 1px solid #222222;
  background: #444444;
  border-radius: 1000px;
  font-size: var(--p-14px);
  font-weight: 400;
  line-height: 150%;
  padding: 10px 16px;
  color: var(--white);
  width: 100%;
  max-width: 394px;
}
.profile form > div.wpforms-field-container .wpforms-field label,
.profile form > div.wpforms-field-container .wpforms-field.wpforms-field-layout .wpforms-layout-row legend,
.profile form > div.wpforms-field-container .wpforms-field.wpforms-field-layout .wpforms-layout-row label {
  font-size: var(--p-16px);
  color: var(--white);
  line-height: 150%;
  font-weight: 600;
  margin-bottom: 6px;
}
.profile div.wpforms-container .wpforms-field.wpforms-field-checkbox {
  border-bottom: 1px solid #222222;
  padding-bottom: 12px;
  margin-bottom: 27px;
}
.profile form > div.wpforms-field-container .wpforms-field.wpforms-field-layout .wpforms-field.wpforms-field-html h3 {
  border-bottom: 1px solid #222222;
  padding-bottom: 12px;
  font-size: var(--p-20px);
  font-weight: 600;
  font-family: 'Proxima Nova';
}
.profile .wpforms-submit-container {
  min-width: max-content;
  width: max-content;
}
.profile form > div.wpforms-field-container .wpforms-field.wpforms-field-layout .wpforms-field.wpforms-field-html {
  padding: 0;
}
.profile form > div.wpforms-field-container .wpforms-field.wpforms-field-layout {
  background: #2222224D;
  border-radius: 10px;
  padding: 30px 32px;
  margin-top: 0;
}
.bf-follow-profile-div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bf-follow-profile-div .bf-follow-cols {
  background-color: #222222;
  padding: 8px 12px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.bf-follow-profile-div .bf-follow-cols .bf-cols-follower span {
  font-size: var(--p-16px);
  color: var(--white);
  font-weight: 400;
  line-height: 150%;
}
.bf-follow-profile-div .bf-follow-cols .bf-cols-follower p {
  font-size: var(--p-18px);
  color: var(--white);
  font-weight: 700;
  line-height: 150%;
}
.bf-follow-profile-div .bf-follow-cols .bf-cols-follower {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: center;
}

.bf-follow-profile-div .bf-follow-cols .bf-cols-img .bf-content-main span {
  font-size: var(--p-14px);
  color: var(--yellow);
  font-weight: 400;
  line-height: 150%;
}
.bf-follow-profile-div .bf-follow-cols .bf-cols-img .bf-content-main p {
  font-size: var(--p-18px);
  color: var(--white);
  font-weight: 600;
  line-height: 150%;
}
.bf-follow-profile-div .bf-follow-cols .bf-btn {
  width: 100%;
  max-width: 29%;
  justify-content: flex-end;
}
.bf-follow-profile-div .bf-follow-cols .bf-cols-img {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  max-width: 33%;
}
.bf-follow-profile-div .bf-follow-cols img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  object-fit: cover;
}
.bb-subnav-filters-container.bb-subnav-filters-search {
  display: none;
}
.bb-profile-grid.bb-grid div#item-body {
  padding: 0;
}
#buddypress .friends-mutual-list>li, #buddypress .members-list>li {
  min-width: 33.33%;
}
#friend-list.item-list .list-wrap, #members-list.item-list .list-wrap, .item-list.bp-search-results-list .list-wrap, .item-list.groups-list .list-wrap {
  background-color: #222;
  border: 1px solid #222;
  margin: 0;
}
.bb-profile-grid .bp-navs ul li {
  padding: 0;
}
#friend-list.bp-list.grid .item-avatar img, #members-list.bp-list.grid .item-avatar img {
  max-width: 80px;
  width: 100%;
}
#members-list.item-list .member-name a {
  font-size: 20px;
  font-weight: 600;
}
.followers-wrap strong, .following-wrap strong {
  font-weight: 700;
  margin-right: 4px;
  font-size: var(--p-18px);
}
#buddypress .friends-mutual-list>li .bb_more_options.member-dropdown, #buddypress .members-list>li .bb_more_options.member-dropdown {
  display: none;
}
#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap>.generic-button {
  padding: 15px;
}
#members-list.item-list.grid.bp-list .item-avatar {
  margin-top: 10px;
}
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*>i:before {
  font-size: 22px;
}
.bb-action-popup.bb-leave-group-popup .bb-model-header, .bb-action-popup.bb-remove-connection .bb-model-header {
  background: #222222;
}
.activity-list .activity-state-popup .activity-state-popup_inner {
  background-color: #000000;
  border: 1px solid #0000;
}
#bbpress-forums div.bbp-reply-content .bb-model-header, .bb-model-header {
  background: #222222;
  box-shadow: 0 1px 0 0 #222222;
  margin: -21px -31px 30px;
}
.bb-action-popup.bb-leave-group-popup .bb-model-header, .bb-action-popup.bb-remove-connection .bb-model-header {
  background: #222222;
}
.bb-action-popup .bb-model-header {
  border-color: #222222;
}
.modal-container {
  background-color: #222222;
  border-color: #222222;
}
.buddypress-wrap .bb-profile-grid .bp-messages-nav-panel .subnav-filters {
  padding: 15px 20px 15px;
}
.messages-wrapper {
  background: #222222;
  border: 1px solid #222222;
}
.buddypress-wrap .bp-messages {
  border: 1px solid #111111;
  background: #222222;
}
.bb-action-popup .bb-model-footer {
  background: #222222;
  border-top: 1px solid #222222;
}
#buddypress .bp-list li .follow-container>div {
  font-size: var(--p-16px);
}
.buddypress-wrap .bp-pagination p {
  font-size: var(--p-14px);
  font-weight: 400;
}
.buddypress-wrap .members-list li .list-wrap .last-activity {
  color: #aaa;
  margin: 0 0 15px;
  line-height: 150%;
  font-size: var(--p-14px);
}
.bp-messages-content #bp-message-content .medium-editor-toolbar, .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-form {
  background-color: #222222;
}
ul.medium-editor-toolbar-actions .medium-editor-action b:before {
  font-size: var(--p-20px);
}
[data-balloon]:after, [data-bp-tooltip]:after {
  background-color: rgb(239 247 240) !important;
  color: #222;
}
[data-bp-tooltip]:after {
  color: #222222 !important;
}
[data-balloon]:before, [data-bp-tooltip]:before {
  filter: brightness(100);
}
#buddypress .bb_more_options .bb_more_options_list, .activity-list .bb-activity-more-options-wrap .bb-activity-more-options, .bb_more_options .bb_more_options_list, body .meeting-actions .meeting-actions-list, body .webinar-actions .webinar-actions-list {
  background-color: #161616;
  padding: 0;
}
#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
  background-color: #222222;
  border-top: 1px solid #222222;
}
#buddypress .button-wrap.member-button-wrap.footer-button-wrap .generic-button {
  border-right: 1px solid #222222;
}
.bb-template-v2 .subnav li a:hover,
.bb-template-v2 .subnav li.current a:hover, .bb-template-v2 .subnav li.selected a:hover,
.bb-profile-grid .bp-navs ul li.selected a,
.bb-profile-grid .bp-navs ul li.active a,
.bb-profile-grid .bp-navs ul li:hover a,
.bb-profile-grid .bp-navs ul li.current a {
  color: #fff;
  background-color: transparent;
  border: 1px solid transparent;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec .item {
  width: 100%;
  max-width: 31.33%;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec .bf-artist-img {
  position: relative;
  padding-top: 67%;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 5px;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec button.remove-favorite-button:hover {
  border: 1px solid #B42318;
  border-radius: 30px;
  background-color: #B42318;
  color: #fff;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec button.remove-favorite-button {
  border: 1px solid #B42318;
  border-radius: 30px;
  background-color: transparent;
  padding: 8px 16px;
  color: #b42318;
  font-size: 14px;
  font-weight: 400;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec .item:hover .bf-artist-img img {
  transform: scale(1.2);
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec .bf-artist-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 8px;
  overflow: hidden;
  transition: all .5s ease;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.bs-bp-favorite .bb-profile-grid.bb-grid {
  background: transparent;
  border-radius: 10px;
  margin: 0;
  padding: 5px;
}
.bb-profile-grid .bp-navs ul li a {
  background-color: #161616;
  border: 1px solid #161616;
  color: #666666;
  padding: 8px;
  line-height: 130%;
  font-size: var(--p-16px);
  font-weight: 600;
}
#buddypress ul.item-list {
  margin-bottom: 0;
}
.bb-profile-grid.bb-grid {
  background: #2222224D;
  border-radius: 10px;
  margin: 0;
  padding: 30px 32px;
}
body #bbpress-forums .bp-list .action .generic-button a, body #buddypress .bp-list .action .generic-button a {
  color: #111111;
}
body #bbpress-forums .bp-list .action .generic-button a, body #buddypress .bp-list .action .generic-button a {
  border-color: #fff;
}
#friend-list.item-list:not(.grid) .list-wrap:hover, #members-list.item-list:not(.grid) .list-wrap:hover, .item-list.bp-search-results-list:not(.grid) .list-wrap:hover, .item-list.groups-list:not(.grid) .list-wrap:hover {
  background-color: #111111;
}
#buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress .standard-form button:not(.search-form_reset), #buddypress a.button, #buddypress input[type=button], #buddypress input[type=reset], #buddypress input[type=submit], #buddypress ul.button-nav li a, .bb-card-footer .generic-button a, a.bp-title-button {
  background-color: var(--blue);
  border: 1px solid var(--blue);
}
#buddypress .comment-reply-link:hover, #buddypress .generic-button a:hover, #buddypress .standard-form button:not(.search-form_reset):hover, #buddypress a.button:hover, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress input[type=submit]:hover, #buddypress ul.button-nav li a:hover, .bb-card-footer .generic-button a:hover, a.bp-title-button:hover {
  background-color: transparent;
  border-color: #fff;
}
.logged-in .single-headers .member-header-actions-wrap .bb_more_options {
  margin: -34px 0 0 25px;
}
#buddypress .bb_more_options .bb_more_options_list .generic-button>button:hover, #buddypress .bb_more_options .bb_more_options_list a:hover, #buddypress .bb_more_options .bb_more_options_list button:hover, .bb_more_options .bb_more_options_list .generic-button>button:hover, .bb_more_options .bb_more_options_list a:hover, .bb_more_options .bb_more_options_list button:hover {
  background-color: #161616 !important;
}
body #bbpress-forums .bp-list .action .generic-button button, body #buddypress .bp-list .action .generic-button button {
  background-color: var(--blue);
  border: 1px solid var(--blue);
  font-size: var(--p-14px);
  min-height: 34px;
  line-height: 34px;
}
#buddypress .bp-list li .member-request-list-wrap .generic-button a.back-to-admin:hover, #buddypress .bp-list li .member-request-list-wrap .generic-button a.view-as:hover {
  color: var(--bb-secondary-button-text-hover);
  background: transparent;
}
body #bbpress-forums .bp-list .action .generic-button button:active, body #bbpress-forums .bp-list .action .generic-button button:focus, body #bbpress-forums .bp-list .action .generic-button button:hover, body #buddypress .bp-list .action .generic-button button:active, body #buddypress .bp-list .action .generic-button button:focus, body #buddypress .bp-list .action .generic-button button:hover {
  background-color: transparent;
  border-color: var(--white);
}
.bp-messages-content #bp-message-content {
  border: 1px solid #111111;
}
.medium-editor-element, .medium-editor-placeholder {
  background-color: #111111;
  border-radius: 0;
}
#bp-message-content .medium-editor-element, #bp-message-content .medium-editor-placeholder {
  font-size: var(--p-16px);
}
#bp-message-content .medium-editor-element p {
  font-size: var(--p-16px);
}
.bp-messages-recipient {
  border-bottom: 1px solid #d6d9dd38;
}
#message-new-submit:before, #message-reply-new-submit:before {
  color: #111111;
  font-size: var(--p-16px);
}
.bp-messages-content #bp-message-thread-list {
  border-top: 1px solid #d6d9dd38;
}
.bp-messages-nav-panel {
  border-right: 1px solid #d6d9dd38;
}
#message-threads .bp-message-link {
  padding: 8px;
}
.buddypress .member-header-actions>.generic-button button.not_friends:hover,
.bb-template-v2 #buddypress .member-header-actions+.bb_more_options .bb_more_options_action:hover,
body #buddypress .member-header-actions>.generic-button>.awaiting_response_friend:hover, body #buddypress .member-header-actions>.generic-button>.following:hover, body #buddypress .member-header-actions>.generic-button>.is_friend:hover, body #buddypress .member-header-actions>.generic-button>.pending_friend:hover,
#buddypress .bb-card-action-primary .card-button, #buddypress .bb-card-action-primary .generic-button a.group-button.join-group, #buddypress .bb-card-action-primary .group-button.request-membership, #buddypress .bb-card-action-primary .join-group, #buddypress .bb-card-action-primary a.friendship-button, #buddypress .friendship-button .card-button, #buddypress .friendship-button .generic-button a.group-button.join-group, #buddypress .friendship-button .group-button.request-membership, #buddypress .friendship-button .join-group, #buddypress .friendship-button a.friendship-button, .bb-card-action-primary .card-button, .bb-card-action-primary .generic-button a.group-button.join-group, .bb-card-action-primary .group-button.request-membership, .bb-card-action-primary .join-group, .bb-card-action-primary a.friendship-button, .buddypress .buddypress-wrap .bb-card-action-primary .card-button, .buddypress .buddypress-wrap .bb-card-action-primary .generic-button a.group-button.join-group, .buddypress .buddypress-wrap .bb-card-action-primary .group-button.request-membership, .buddypress .buddypress-wrap .bb-card-action-primary .join-group, .buddypress .buddypress-wrap .bb-card-action-primary a.friendship-button {
  background-color: var(--blue);
  border: 1px solid var(--blue);
}
.buddypress .member-header-actions>.generic-button button.not_friends,
body #buddypress .member-header-actions>.generic-button>.awaiting_response_friend, body #buddypress .member-header-actions>.generic-button>.following, body #buddypress .member-header-actions>.generic-button>.is_friend, body #buddypress .member-header-actions>.generic-button>.pending_friend {
  background-color: #ce00ff;
  border: 1px solid #ce00ff;
  color: #000;
  padding: 0 10px;
  margin-left: 10px;
  margin-right: 5px;
}
#bp-message-thread-list .bp-message-content-wrap p {
  font-size: var(--p-16px);
  padding: 4px 15px;
  background: #444444;
  width: max-content;
  border-radius: 8px;
}
.bb-template-v2 #bp-message-thread-list .bp-message-content-wrap p.blocked, .bb-template-v2 #bp-message-thread-list .bp-message-content-wrap p.deleted-message, .bb-template-v2 #bp-message-thread-list .bp-message-content-wrap p.suspended, .bb-template-v2 #bp-message-thread-list .bp-message-content-wrap span.blocked, .bb-template-v2 #bp-message-thread-list .bp-message-content-wrap span.suspended {
  background-color: #111111;
  border-color: transparent;
}
.bb-template-v2 .bp-messages-content .single-message-thread-header .actions .message_actions .message_action__list {
  background-color: #111111;
}
.bb-template-v2 #buddypress .bp-messages-container .message_action__list li a:hover {
  color: var(--green);
  background-color: transparent;
}
.bb-card-action-outline .card-button:active, .bb-card-action-outline .card-button:focus, .bb-card-action-outline .card-button:hover,
#buddypress .follow-button .card-button:active, #buddypress .follow-button .card-button:focus, #buddypress .follow-button .card-button:hover, #buddypress .follow-button button.follow-button.outline.not_following:active, #buddypress .follow-button button.follow-button.outline.not_following:focus, #buddypress .follow-button button.follow-button.outline.not_following:hover, #buddypress .follow-button button.follow-button:active, #buddypress .follow-button button.follow-button:focus, #buddypress .follow-button button.follow-button:hover, .bb-card-action-secondary .card-button:active, .bb-card-action-secondary .card-button:focus, .bb-card-action-secondary .card-button:hover, .bb-card-action-secondary button.follow-button.outline.not_following:active, .bb-card-action-secondary button.follow-button.outline.not_following:focus, .bb-card-action-secondary button.follow-button.outline.not_following:hover, .bb-card-action-secondary button.follow-button:active, .bb-card-action-secondary button.follow-button:focus, .bb-card-action-secondary button.follow-button:hover, .buddypress .buddypress-wrap .bb-card-action-secondary .card-button:active, .buddypress .buddypress-wrap .bb-card-action-secondary .card-button:focus, .buddypress .buddypress-wrap .bb-card-action-secondary .card-button:hover, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button.outline.not_following:active, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button.outline.not_following:focus, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button.outline.not_following:hover, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button:active, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button:focus, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button:hover,
#buddypress .bb-card-action-primary .card-button:active, #buddypress .bb-card-action-primary .card-button:focus, #buddypress .bb-card-action-primary .card-button:hover, #buddypress .bb-card-action-primary .generic-button a.group-button.join-group:active, #buddypress .bb-card-action-primary .generic-button a.group-button.join-group:focus, #buddypress .bb-card-action-primary .generic-button a.group-button.join-group:hover, #buddypress .bb-card-action-primary .group-button.request-membership:active, #buddypress .bb-card-action-primary .group-button.request-membership:focus, #buddypress .bb-card-action-primary .group-button.request-membership:hover, #buddypress .bb-card-action-primary .join-group:active, #buddypress .bb-card-action-primary .join-group:focus, #buddypress .bb-card-action-primary .join-group:hover, #buddypress .bb-card-action-primary a.friendship-button:active, #buddypress .bb-card-action-primary a.friendship-button:focus, #buddypress .bb-card-action-primary a.friendship-button:hover, #buddypress .friendship-button .card-button:active, #buddypress .friendship-button .card-button:focus, #buddypress .friendship-button .card-button:hover, #buddypress .friendship-button .generic-button a.group-button.join-group:active, #buddypress .friendship-button .generic-button a.group-button.join-group:focus, #buddypress .friendship-button .generic-button a.group-button.join-group:hover, #buddypress .friendship-button .group-button.request-membership:active, #buddypress .friendship-button .group-button.request-membership:focus, #buddypress .friendship-button .group-button.request-membership:hover, #buddypress .friendship-button .join-group:active, #buddypress .friendship-button .join-group:focus, #buddypress .friendship-button .join-group:hover, #buddypress .friendship-button a.friendship-button:active, #buddypress .friendship-button a.friendship-button:focus, #buddypress .friendship-button a.friendship-button:hover, .bb-card-action-primary .card-button:active, .bb-card-action-primary .card-button:focus, .bb-card-action-primary .card-button:hover, .bb-card-action-primary .generic-button a.group-button.join-group:active, .bb-card-action-primary .generic-button a.group-button.join-group:focus, .bb-card-action-primary .generic-button a.group-button.join-group:hover, .bb-card-action-primary .group-button.request-membership:active, .bb-card-action-primary .group-button.request-membership:focus, .bb-card-action-primary .group-button.request-membership:hover, .bb-card-action-primary .join-group:active, .bb-card-action-primary .join-group:focus, .bb-card-action-primary .join-group:hover, .bb-card-action-primary a.friendship-button:active, .bb-card-action-primary a.friendship-button:focus, .bb-card-action-primary a.friendship-button:hover, .buddypress .buddypress-wrap .bb-card-action-primary .card-button:active, .buddypress .buddypress-wrap .bb-card-action-primary .card-button:focus, .buddypress .buddypress-wrap .bb-card-action-primary .card-button:hover, .buddypress .buddypress-wrap .bb-card-action-primary .generic-button a.group-button.join-group:active, .buddypress .buddypress-wrap .bb-card-action-primary .generic-button a.group-button.join-group:focus, .buddypress .buddypress-wrap .bb-card-action-primary .generic-button a.group-button.join-group:hover, .buddypress .buddypress-wrap .bb-card-action-primary .group-button.request-membership:active, .buddypress .buddypress-wrap .bb-card-action-primary .group-button.request-membership:focus, .buddypress .buddypress-wrap .bb-card-action-primary .group-button.request-membership:hover, .buddypress .buddypress-wrap .bb-card-action-primary .join-group:active, .buddypress .buddypress-wrap .bb-card-action-primary .join-group:focus, .buddypress .buddypress-wrap .bb-card-action-primary .join-group:hover, .buddypress .buddypress-wrap .bb-card-action-primary a.friendship-button:active, .buddypress .buddypress-wrap .bb-card-action-primary a.friendship-button:focus, .buddypress .buddypress-wrap .bb-card-action-primary a.friendship-button:hover {
    background-color: transparent;
    border-color: var(--white);
}
.bb-card-action-outline .card-button:active, .bb-card-action-outline .card-button:focus, .bb-card-action-outline .card-button:hover, #buddypress .follow-button .card-button:active, #buddypress .follow-button .card-button:focus, #buddypress .follow-button .card-button:hover, #buddypress .follow-button button.follow-button.outline.not_following:active, #buddypress .follow-button button.follow-button.outline.not_following:focus, #buddypress .follow-button button.follow-button.outline.not_following:hover, #buddypress .follow-button button.follow-button:active, #buddypress .follow-button button.follow-button:focus, #buddypress .follow-button button.follow-button:hover, .bb-card-action-secondary .card-button:active, .bb-card-action-secondary .card-button:focus, .bb-card-action-secondary .card-button:hover, .bb-card-action-secondary button.follow-button.outline.not_following:active, .bb-card-action-secondary button.follow-button.outline.not_following:focus, .bb-card-action-secondary button.follow-button.outline.not_following:hover, .bb-card-action-secondary button.follow-button:active, .bb-card-action-secondary button.follow-button:focus, .bb-card-action-secondary button.follow-button:hover, .buddypress .buddypress-wrap .bb-card-action-secondary .card-button:active, .buddypress .buddypress-wrap .bb-card-action-secondary .card-button:focus, .buddypress .buddypress-wrap .bb-card-action-secondary .card-button:hover, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button.outline.not_following:active, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button.outline.not_following:focus, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button.outline.not_following:hover, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button:active, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button:focus, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button:hover, #buddypress .bb-card-action-primary .card-button:active, #buddypress .bb-card-action-primary .card-button:focus, #buddypress .bb-card-action-primary .card-button:hover, #buddypress .bb-card-action-primary .generic-button a.group-button.join-group:active, #buddypress .bb-card-action-primary .generic-button a.group-button.join-group:focus, #buddypress .bb-card-action-primary .generic-button a.group-button.join-group:hover, #buddypress .bb-card-action-primary .group-button.request-membership:active, #buddypress .bb-card-action-primary .group-button.request-membership:focus, #buddypress .bb-card-action-primary .group-button.request-membership:hover, #buddypress .bb-card-action-primary .join-group:active, #buddypress .bb-card-action-primary .join-group:focus, #buddypress .bb-card-action-primary .join-group:hover, #buddypress .bb-card-action-primary a.friendship-button:active, #buddypress .bb-card-action-primary a.friendship-button:focus, #buddypress .bb-card-action-primary a.friendship-button:hover, #buddypress .friendship-button .card-button:active, #buddypress .friendship-button .card-button:focus, #buddypress .friendship-button .card-button:hover, #buddypress .friendship-button .generic-button a.group-button.join-group:active, #buddypress .friendship-button .generic-button a.group-button.join-group:focus, #buddypress .friendship-button .generic-button a.group-button.join-group:hover, #buddypress .friendship-button .group-button.request-membership:active, #buddypress .friendship-button .group-button.request-membership:focus, #buddypress .friendship-button .group-button.request-membership:hover, #buddypress .friendship-button .join-group:active, #buddypress .friendship-button .join-group:focus, #buddypress .friendship-button .join-group:hover, #buddypress .friendship-button a.friendship-button:active, #buddypress .friendship-button a.friendship-button:focus, #buddypress .friendship-button a.friendship-button:hover, .bb-card-action-primary .card-button:active, .bb-card-action-primary .card-button:focus, .bb-card-action-primary .card-button:hover, .bb-card-action-primary .generic-button a.group-button.join-group:active, .bb-card-action-primary .generic-button a.group-button.join-group:focus, .bb-card-action-primary .generic-button a.group-button.join-group:hover, .bb-card-action-primary .group-button.request-membership:active, .bb-card-action-primary .group-button.request-membership:focus, .bb-card-action-primary .group-button.request-membership:hover, .bb-card-action-primary .join-group:active, .bb-card-action-primary .join-group:focus, .bb-card-action-primary .join-group:hover, .bb-card-action-primary a.friendship-button:active, .bb-card-action-primary a.friendship-button:focus, .bb-card-action-primary a.friendship-button:hover, .buddypress .buddypress-wrap .bb-card-action-primary .card-button:active, .buddypress .buddypress-wrap .bb-card-action-primary .card-button:focus, .buddypress .buddypress-wrap .bb-card-action-primary .card-button:hover, .buddypress .buddypress-wrap .bb-card-action-primary .generic-button a.group-button.join-group:active, .buddypress .buddypress-wrap .bb-card-action-primary .generic-button a.group-button.join-group:focus, .buddypress .buddypress-wrap .bb-card-action-primary .generic-button a.group-button.join-group:hover, .buddypress .buddypress-wrap .bb-card-action-primary .group-button.request-membership:active, .buddypress .buddypress-wrap .bb-card-action-primary .group-button.request-membership:focus, .buddypress .buddypress-wrap .bb-card-action-primary .group-button.request-membership:hover, .buddypress .buddypress-wrap .bb-card-action-primary .join-group:active, .buddypress .buddypress-wrap .bb-card-action-primary .join-group:focus, .buddypress .buddypress-wrap .bb-card-action-primary .join-group:hover, .buddypress .buddypress-wrap .bb-card-action-primary a.friendship-button:active, .buddypress .buddypress-wrap .bb-card-action-primary a.friendship-button:focus, .buddypress .buddypress-wrap .bb-card-action-primary a.friendship-button:hover {
    border: unset;
}
#send_message_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--blue) !important;
  color: var(--white);
}
#send_message_form .select2-selection__choice__remove:before {
  color: #ffffff;
}
#buddypress .follow-button .card-button, .bb-card-action-secondary .card-button, .bb-card-action-secondary button.follow-button, .bb-card-action-secondary button.follow-button.outline.not_following, .buddypress .buddypress-wrap .bb-card-action-secondary .card-button, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button.outline.not_following {
  background-color: #111111;
  border: #111111;
}
.bb-template-v2 #buddypress .member-header-actions+.bb_more_options .bb_more_options_action {
  background-color: #111111;
  border: 1px solid #111111;
}
.bb-card-action-outline .card-button {
  color: #111111;
}

.bb-template-v2 #buddypress .bb_more_options .bb_more_options_list .generic-button>button:hover, .bb-template-v2 #buddypress .bb_more_options .bb_more_options_list a:hover, .bb-template-v2 #buddypress .bb_more_options .bb_more_options_list button:hover, .bb-template-v2 .bb_more_options .bb_more_options_list .generic-button>button:hover, .bb-template-v2 .bb_more_options .bb_more_options_list a:hover, .bb-template-v2 .bb_more_options .bb_more_options_list button:hover {
  color: var(--green) !important;
}
#message-form-submit-wrapper, #message-reply-form-submit-wrapper {
  background-color: #111111;
}
.bb-template-v2 #buddypress .bp-messages-container .message_action__list li a:hover:before {
  color: var(--green);
}
.bb-template-v2 .bp-messages-content .single-message-thread-header .message_action__anchor:hover [class*=" bb-icon-"], .bb-template-v2 .bp-messages-content .single-message-thread-header .message_actions.open .message_action__anchor [class*=" bb-icon-"] {
  color: #111111;
  position: relative;
}
.bs-forum-content blockquote:not(.wp-embedded-content), .medium-editor-element blockquote:not(.wp-embedded-content) {
  padding: 5px;
  font-size: var(--p-16px);
  line-height: 150%;
  background: #111111;
  border: 1px solid #111111;
}
.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-form {
  width: 100%;
}
.buddypress-wrap form.bp-dir-search-form, .buddypress-wrap form.bp-invites-search-form, .buddypress-wrap form.bp-messages-search-form {
  background-color: #111111;
  border: 1px solid #111111;
  border-radius: 30px !important;
}
.buddypress-wrap .bp-search form:hover, .buddypress-wrap .select-wrap:hover {
  border-color: var(--blue);
}
.messages-wrapper #user_messages_search {
  border-radius: 30px;
  background: #111111;
}
.message-thread-options:hover~.bp-message-link,
.bb-template-v2 #message-threads .current>a {
  background: #111111;
}
.bb-popup-card {
  min-width: 280px;
  max-width: 300px;
  background-color: #111111;
  padding: 15px;
}
.bb-card-avatar img {
  width: 68px;
  min-width: 68px;
}
.bb-card-body {
  gap: 15px;
}
#message-threads .message-thread-options .bb_more_options_action i {
  color: #111111;
}
#message-threads .bp-message-link:hover, #message-threads .thread-item.optionsOpen:not(.current) .bp-message-link {
  background: #111111;
}
pre {
  background-color: #222222;
}
#message-new-submit, #message-reply-new-submit {
  background-color: var(--green);
  border-radius: 50%;
}
.thread-to {
  font-size: 16px;
  font-weight: 600;
  opacity: 1;
}
.thread-excerpt {
  font-size: 12px;
  color: #aaa;
}
.bs-card-list .bb-cover-list-item {
  background: #222;
  border: 1px solid #222;
  border-radius: 12px;
  padding: 12px;
  padding-bottom: 24px;
}
#bbpress-forums .bb-forums-list {
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: 0;
}

.bf-forums-new .bs-item-list.list-view .bs-item-wrap {
  background: #222222;
  border: 1px solid #222222;
  border-radius: 10px !important;
  margin-bottom: 10px;
}
.bf-forums-new #bbpress-forums li.bs-item-wrap {
  background-color: #222222;
  margin-bottom: 10px !important;
  border-radius: 10px;
}
#bbpress-forums .item-description p {
  font-size: var(--p-14px);
}
.bf-forums-new #bbpress-forums#bbpress-forums .bs-forums-items .bs-section-title {
  font-size: 24px;
}
.bbp-topic-reply-link:hover,
.bbp-lead-topic .bs-meta-item>a:hover, body .bbp-lead-topic .bs-meta-item.bs-meta-item>a:hover,
.bf-forums-new .favorite-toggle:hover, .bf-forums-new .subscription-toggle:hover {
  background-color: #222;
  border: 1px solid var(--white);
}
.bf-forums-new article {
  background: #2222224D;
  padding: 30px 32px;
  border-radius: 10px;
}
.bf-forums-new .bb-topic-status-wrapper .bb-topic-status {
  background-color: #1e90ff;
  font-size: 18px;
}
#bbpress-forums#bbpress-forums .bs-forums-items.list-view .item-meta {
  font-size: 12px;
  color: #aaa;
}
#bbpress-forums#bbpress-forums .bs-forums-items i.bb-icon-reply:before {
  font-size: 18px;
}
.single.single-forum .type-forum .bb-topic-banner .entry-header {
  margin-left: 0;
}

#bbpress-forums#bbpress-forums .bs-replied a {
  color: #aaa;
}
.single.single-forum .type-forum .bb-topic-banner {
  width: 100%;
  left: 0;
  right: 0;
  border-bottom: unset;
  height: 300px;
  margin: 0 0 20px 0;
  border-radius: 10px;
}
.bbp-pagination-count {
  font-size: var(--p-14px);
}
.bs-item-list.list-view div.bs-item-wrap:not(.no-hover-effect):hover {
  border-left-color: #222;
  border-right-color: #222;
  border-bottom-color: #222;
  background-color: #222;
}
.bf-forums-new .favorite-toggle, .bf-forums-new .subscription-toggle {
  background-color: var(--blue);
  color: var(--bb-headings-color);
  border: 1px solid var(--blue);
}
.bs-item-list.list-view.bs-forums-items:not(.bs-single-forum-list) li:last-of-type .bs-item-wrap {
  border-bottom: 1px solid #222222;
}
/* #bbpress-forums#bbpress-forums .bs-forums-items.list-view  + .bbp-pagination,
#bbpress-forums#bbpress-forums .bs-forums-items.list-view {
  display: none;
} */
#bbpress-forums {
margin-bottom: 0;
}
.bf-forums-new .bbp-pagination.bbp-pagination {
  margin-bottom: 0;
}
#bbpress-forums .bb-forums-list>li {
  margin-bottom: 25px;
    padding-left: 12px;
    padding-right: 12px;
}
.bf-forums-new .entry-header {
  margin-bottom: 15px;
}
.forum-archive .entry-header .bs-dir-search {
  margin-top: 0;
}
.forum-archive .bs-search-form {
  background-color: #000;
  border: 1px solid #000000;
  border-radius: 1000px;
}
.bf-forums-new #bbp-search-form #bbp_search {
  font-size: var(--p-16px);
  font-weight: 600;
  height: 44px;
  line-height: 44px;
  padding-left: 40px !important;
  border-radius: 1000px;
}
.bf-forums-new .bs-card-list .bb-cover-wrap {
  border-radius: 8px;
  padding-top: 50%;
}
.bf-forums-new .bs-card-list .bs-sec-header h3 {
  font-size: var(--p-20px);
  font-weight: 600;
  line-height: 150%;
}
.bf-forums-new .bs-card-list .bs-sec-header {
  margin-bottom: 4px;
}
.bs-card-forum-details .bb-forum-content {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 150%;
  color: #AAAAAA;
  margin-bottom: 12px;
  font-family: 'Proxima Nova';
}
.bf-forums-new .bs-card-list .bs-timestamp {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 150%;
  bottom: 12px;
}
.bs-card-forum-details {
  padding: 15px 0 0 0;
}
.bf-forums-new header.entry-header h1 {
  font-size: var(--h3-32px);
}
.bf-forums-new .bs-search-form:before {
  top: 13px;
  font-size: 20px;
}
.bf-forums-new header.entry-header {
  background: #22222266;
  border-radius: 12px;
  padding: 20px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.bp-search .bp-forum-search-ac-header, body.bp-search .bp-search-ac, body.bp-search .bp-search-ac-header {
  background-color: #111111;
}
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type), body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type), body.bp-search .bp-search-ac>li:not(.bbls-view_all_type-type) {
  background-color: #111111;
}
.bp-search-ac.ui-menu .ui-menu-item.ui-state-focus, .bp-search-ac.ui-menu .ui-menu-item.ui-state-hover, .bp-search-ac.ui-menu .ui-menu-item:hover {
  background: #000000;
}
#bbpress-forums .bs-single-forum-list>li {
    border: 1px solid #222222;
}
#bbpress-forums .bs-item-list.list-view:has(.header-total-reply-count.bp-hide) li.topic-lead {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#bbpress-forums#bbpress-forums .bs-forums-items .item-title .bs-meta-item a {
  font-size: 14px;
}
.bf-forums-new .bbp-topic-reply-link {
  background-color: var(--green);
  border: 1px solid var(--green);
  color: var(--black);
  font-weight: 600;
}
.bf-forums-new .bs-topic-sidebar-inner {
  background: #222;
  padding: 15px;
  border-radius: 10px;
}
.bp-avatar-nav ul, .bp-avatar-nav ul.avatar-nav-items li.current {
  border-color: transparent;
}
.bb-activity-poll_block .bb-activity-poll-options-wrap .bb-activity-poll-action-options {
  border: 1px solid #111;
  background-color: #111;
}
.profile .bp-feedback {
  border: 1px solid #222;
  background-color: #222;
}
#item-body .profile #drag-drop-area {
  background: rgb(34 34 34);
  border: 1px dashed #1e90ff57;
}
.bf-forums-new .bp-feedback {
  border: 1px solid #111111;
  background-color: #111;
}
div#avatar-crop-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  gap: 10px;
}
div#avatar-crop-actions a.avatar-crop-cancel:hover {
  background: var(--white);
  border: 1px solid #fff;
  color: #000 !important;
}
div#bp-delete-avatar-container p {
  font-size: var(--p-16px);
  margin-bottom: 10px;
}
div#avatar-crop-actions a.avatar-crop-cancel {
  margin-top: 0;
  padding: 8px 15px;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 7px;
  line-height: normal;
  color: #fff;
}
div#avatar-crop-actions button:hover {
  background: var(--white);
  border: 1px solid var(--white);
  color: #000;
}
div#avatar-crop-actions button {
  padding: 8px 15px;
  background: var(--green);
  color: #000;
  border: 1px solid var(--green);
}
.bbp-lead-topic .bs-meta-item>a, body .bbp-lead-topic .bs-meta-item.bs-meta-item>a {
  background-color: #1e90ff;
  border: 1px solid #1e90ff;
}
.bs-item-list.list-view li.bs-item-wrap:not(.no-hover-effect):hover {
  border-bottom: 1px solid #222;
}
.bs-item-list.list-view li.bs-item-wrap:not(.no-hover-effect):hover,
#bbpress-forums#bbpress-forums .bs-forums-items.bs-single-forum-list .bs-item-wrap:hover {
  border-left-color: #222;
  border-right-color: #222;
}
#bbpress-forums#bbpress-forums .bs-forums-items .item-tags ul li a:hover {
  color: #1e90ff;
}
#bbpress-forums#bbpress-forums .bs-forums-items .item-tags .bb-icon-tag {
  top: 0px;
}
#bbpress-forums .bs-dropdown {
  background: #111111;
}
.bb-activity-video-elem .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before, .bb-media-section .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before, .bb-video-thumb .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before {
  font-size: 60px;
}
#buddypress .activity-list .activity-item .activity-actions>.bp-generic-meta.action div.generic-button>a.button:hover, #buddypress .activity-list .activity-item .activity-content>.bp-generic-meta.activity-meta div.generic-button>a.button:hover, #buddypress .activity-list .activity-item .activity-content>.bp-generic-meta.groups-meta div.generic-button>a.button:hover, #buddypress .activity-list .activity-item>.bp-generic-meta.activity-meta div.generic-button>a.button:hover, #buddypress .activity-list .activity-item>.bp-generic-meta.groups-meta div.generic-button>a.button:hover, #buddypress .activity-list .activity-item>.bp-generic-meta[class*="-meta"] div.generic-button>a.button:hover {
  background-color: #111111;
}
.bb-activity-video-elem .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content, .bb-media-section .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content, .bb-video-thumb .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: var(--p-16px);
}
i.bb-icon-f.bb-icon-ellipsis-h,
i.bb-icon-f.bb-icon-thumbtack {
  color: #ccc !important;
}
.activity-list .activity-item.bb-closed-comments .bb-activity-closed-comments-notice {
  background-color: #222222;
  border-top: 1px solid #00000000;
}
#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover, .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover,
.bb-template-v2 .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover span,
.bb-media-privacy-wrap .activity-privacy li.selected,
.bb-document-privacy-wrap .activity-privacy li:hover, .bb-media-privacy-wrap .activity-privacy li:hover,
.bb-activity-poll_block .bb-activity-poll-options-wrap .bb-activity-poll-action-options .bb-activity-poll-action-option:hover span,
.bb-activity-poll_block .bb-activity-poll-options-wrap .bb-activity-poll-action-options .bb-activity-poll-action-option:hover,
.bb-activity-poll_block .bb-activity-poll-options-wrap .bb-activity-poll-action-options a:hover,
.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_list li>a:hover,
#bbpress-forums#bbpress-forums .bs-forums-items.list-view .bs-dropdown .bbp-admin-links a:hover {
  background-color: transparent;
  color: var(--green);
}
#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover::before, .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover::before,
.bb-template-v2 .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover::before,
.bb-document-privacy-wrap .activity-privacy li.selected, .bb-media-privacy-wrap .activity-privacy li.selected::before,
.bb-document-privacy-wrap .activity-privacy li:hover, .bb-media-privacy-wrap .activity-privacy li:hover::before,
.bb-activity-poll_block .bb-activity-poll-options-wrap .bb-activity-poll-action-options .bb-activity-poll-action-option:hover i,
.bb-activity-poll_block .bb-activity-poll-options-wrap .bb-activity-poll-action-options:hover i,
.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_list li>a:hover i,
#bbpress-forums#bbpress-forums .bs-forums-items.list-view .bs-dropdown .bbp-admin-links a:hover:before {
  color: var(--green);
}
.screen-content i.bb-icon-f.bb-icon-ellipsis-h {
  color: #fff !important;
}
.bb-document-privacy-wrap .activity-privacy, .bb-media-privacy-wrap .activity-privacy {
  background-color: #161616;
}
.activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action:hover {
  background-color: transparent;
}
.dropzone.document-dropzone .dz-preview .dz-remove, .dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview .dz-remove:after,
.dropzone .dz-remove:after {
  color: #000000;
  opacity: .8;
}
.activity-list .activity-item .activity-state-reactions .reactions_item>i {
  color: #222;
}
article#post-135 {
  background: #2222224D;
  padding: 30px 32px;
  border-radius: 10px;
}
.activity-head-bar .bb-subnav-filters-container.bb-subnav-filters-search .subnav-filters-opener,
.activity-head-bar .bb-subnav-filters-container .subnav-filters-modal {
  background-color: #222222;
}
.activity-head-bar .bb-subnav-filters-container.bb-subnav-filters-search .subnav-filters-opener,
.activity-head-bar .bb-subnav-filters-container.bb-subnav-filters-search .subnav-filters-modal:focus-within,
.activity-head-bar .bb-subnav-filters-container.bb-subnav-filters-search .subnav-filters-modal {
  border-color: #222222;
}
.bb-media-info-section .activity-media-description .bp-edit-media-activity-description #add-activity-description,
.bb-poll-form #bb-activity-poll-form_modal.edit-activity-poll .bb-poll_duration {
  background-color: #111;
}
.activity-head-bar .bb-subnav-filters-container.bb-subnav-filters-search .subnav-filters-opener i {
  color: #ffffff;
}
.whats-new-scroll-view input, .whats-new-scroll-view select, .whats-new-scroll-view textarea {
  background-color: #222222;
}
.notification-list.bb-nouveau-list .bs-item-wrap .notification-avatar a>i {
    background-color: #ffffff;
    color: #000000;
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bp-tables-user td.data .bf-gallery-img {
    width: 100%;
    max-width: calc(100%/5 - 8px);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    padding-top: 18%;
}
.bp-tables-user td.data .bf-gallery-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bp-tables-user td.data {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}
.modal-wrapper input, .modal-wrapper select, .modal-wrapper textarea {
  background-color: #111;
  border: 1px solid #111;
}
img.emoji, img.emojioneemoji {
    width: 18px;
    height: 18px;
}
.buddypress #buddypress .bb-poll-form .bb-activity-poll-cancel, .buddypress #buddypress .bb-poll-form .button.bb-poll-option_add {
  margin-top: 3px;
  padding: 8px 10px;
  line-height: 130%;
}
.bb-activity-poll_block .bb-activity-poll-option {
  border-color: #454545;
}
.bb-activity-poll_block {
  border-color: #454545;
  margin: 10px 0;
}
.bb-schedule-post_dropdown_section .bb-action-popup-content .input-field-inline .bb-schedule-activity-meridian-wrap label input:checked+span {
  background-color: #111111;
  border-color: #111111;
  border-color: #111111;
}
#activity-form-submit-wrapper select,
.bb-poll-form .input-field input[type=text]:focus, .bb-poll-form .sortable-placeholder:focus,
.bb-poll-form .input-field input[type=text], .bb-poll-form .sortable-placeholder {
  border-color: #111111;
}
.bb-schedule-post_dropdown_section .bb-schedule-posts_modal .bb-action-popup-content {
  background-color: #222222;
}
.bb-schedule-post_dropdown_section .bb-action-popup-content .input-field-inline .bb-schedule-activity-meridian-wrap label span {
  color: #b7b7b7;
  background-color: #111111;
  border-color: #222;
}
#buddypress .bb-schedule-post_dropdown_section .bb-model-footer .button.button-outline {
  color: #222222;
}
.bb-schedule-post_dropdown_section .bb-action-popup-content .input-field [class*=bb-icon] {
  color: #b7b7b7;
}
.activity-update-form.modal-popup, .bp-nouveau-activity-form-placeholder-.modal-popup {
  background-color: rgb(121 121 121 / 75%);
}
.whats-new-scroll-view div.dropzone.dz-started .dz-default.dz-message {
  border: 1px solid #656565;
}
#whats-new-form.focus-in--attm #editor-toolbar, #whats-new-form.focus-in--scroll #editor-toolbar {
  border-top: 1px solid #65656559;
}
.bb-activity-model-wrapper.bb-internal-model>.activity-modal {
    max-height: 70vh;
}
.bb-modal-overlay-open #main div#primary.bs-bp-container {
    z-index: 1;
    position: static;
}
.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item {
  background-color: #111;
  border: 1px solid #111;
}
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>* {
    pointer-events: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.following>i:before,
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.not_following>i:before {
    content: "\ea0c";
}
form.ac-form .ac-reply-attachments div.dropzone .dz-default.dz-message {
    background-color: #111;
}
form.ac-form .ac-reply-attachments div.dropzone .dz-default.dz-message:after {
    font-size: 25px;
}
#new-post .bbp-form .bb-form-select-fields #bbp_topic_submit {
  cursor: pointer !important;
    pointer-events: all !important;
}
#new-post .bbp-form #bbp_topic_submit, #new-post.media-uploading.has-title .bbp-form #bbp_topic_submit {
    opacity: 1;
}
.bb-media-length-1 .bb-activity-media-elem .entry-img img,
.bb-media-length-1 .bb-activity-media-elem.media-activity {
    min-width: 100%;
}
body.buddypress .buddypress-wrap .bb-modal-activity-header h2 {
    font-size: 20px;
}
.bb-activity-model-wrapper.bb-internal-model,
.bb-modal-overlay {
    background-color: rgba(0, 0, 0, .9);
  z-index: 999;
}
#buddypress.bb-activity-model-wrapper .activity-modal {
    background: #111;
    border: 1px solid #111;
}
.bp-activity-privacy__label:hover {
  background-color: #373737;
}
.activity-list .activity-item.has-comments>.bp-generic-meta.activity-meta {
  border-bottom: unset;
}
#bbpress-forums .bbp-topic-form  input, #bbpress-forums .bbp-topic-form select, #bbpress-forums .bbp-topic-form textarea {
  background-color: #111111;
  border: 1px solid #111111;
}
.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_list {
  background-color: #111111;
}
#whats-new-form.activity-form.has-draft #discard-draft-activity {
  padding: 8px 15px;
  margin-right: 10px;
}
form.ac-form .ac-reply-content .ac-submit-wrap {
  background-color: var(--green);
  border-radius: 50%;
}
form.ac-form .ac-reply-content .ac-submit-wrap:before {
  color: #000000;
}
form.ac-form .ac-reply-content .ac-textarea .ac-input[contenteditable=true] p {
  font-size: 14px;
  color: var(--white);
}
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap p {
  font-size: 14px;
}
.activity-list .activity-item .activity-header a img {
  width: 25px;
  max-width: 25px;
}
.activity-list li.bbp_reply_create .activity-content .activity-inner, .activity-list li.bbp_topic_create .activity-content .activity-inner, .activity-list li.blogs .activity-content .activity-inner,
.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap,
.activity-list li.bbp_topic_create .bb-content-inr-wrap,
form.ac-form .ac-reply-content:focus,
form.ac-form .ac-reply-content,
body:not(.forum) .entry-content .bbp-topic-form .bbp_topic_tags_wrapper,
.topic-edit #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar, article:not(.type-forum) .entry-content>#bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar,
.topic-edit #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments, article:not(.type-forum) .entry-content>#bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments,
.reply-edit #bbpress-forums .bbp-reply-form .bbp-form .bbp-the-content-wrapper, .topic-edit #bbpress-forums .bbp-topic-form .bbp-form .bbp-the-content-wrapper, article:not(.type-forum) .entry-content>#bbpress-forums .bbp-topic-form .bbp-form .bbp-the-content-wrapper, article:not(.type-forum) .entry-content>.bbp-topic-form .bbp-form .bbp-the-content-wrapper {
  background-color: #111111;
  border: 1px solid #111111;
}
#bbpress-forums .bbp-topic-form fieldset.bbp-form {
  margin-bottom: 0;
  margin-top: 0;
}
.bs-styled-checkbox+label:before {
  background: #111111;
  border: 1px solid #8b8b8b;
}
.bs-styled-checkbox:checked+label:after {
  top: 3px;
}
#bbpress-forums .bb-select-container li.select2-selection__choice {
  background-color: #161616 !important;
}
#bbp_topic_submit:hover {
  background: #fff;
  color: #000;
}
#bbpress-forums#bbpress-forums .bs-forums-items .avatar {
  max-width: 30px;
  margin: 5px;
}
ul.medium-editor-toolbar-actions .medium-editor-action b:before {
  font-size: 16px;
  line-height: 22px;
}
body #bbpress-forums .select2-container .select2-dropdown {
  background: #222;
}
a.bbp-topic-login-link:hover  {
  border: 1px solid #fff;
  background-color: transparent;
}
a.bbp-topic-login-link {
  background-color: #1e90ff;
  border: 1px solid #1e90fc;
}
.bp-feedback.help .bp-icon, .bp-feedback.info .bp-icon {
  background-color: #1e90ff;
}
.activity-update-form .activity-form.focus-in #whats-new, .bp-nouveau-activity-form-placeholder- .activity-form.focus-in #whats-new {
  padding: 10px;
}
#whats-new-form #bp-activity-privacy-point .bb-icon-caret-down {
  color: #000000;
  opacity: .7;
}
#whats-new-form .whats-new-form-footer,
#whats-new-form .bb-model-header {
  border-color: #222222;
}
.activity-update-form .whats-new-form-footer,
.dropzone .dz-default,
.activity-form:not(.focus-in):hover .whats-new-form-header,
.activity-form .bb-model-header,
.activity-update-form #whats-new-form #whats-new-toolbar,
#whats-new-form, #whats-new-form-placeholder {
  background-color: #222;
  border: 1px solid #222222;
}
#bbp_merge_topic_submit:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #000;
}
#bbp_merge_topic_submit {
  background: #1e90ff;
  border: 1px solid #1e90ff;
  color: #fff;
  padding: 8px 15px;
}
#bbp_topic_submit {
  background: #1e90ff;
}
.activity-head-bar .bb-subnav-filters-container.bb-subnav-filters-filtering .subnav-filters-modal li a:hover,
.bs-styled-checkbox:checked+label:before {
  background: transparent;
}
.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions, .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions {
  background-color: #161616;
  margin-left: 10px;
}
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar,
.medium-editor-toolbar .medium-editor-toolbar-actions {
  background: #161616;
}
#bbpress-forums .activity-list.bp-list .activity-item, #buddypress .activity-list.bp-list .activity-item, #buddypress .activity-lists.bp-list .activity-item {
  background: #222222;
  border: 1px solid #222222;
}
.activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action i, .activity-list .bb-pin-action [class*=bb-icon] {
  color: #000000;
}
.activity-list .activity-item .activity-actions>.bp-generic-meta.action, .activity-list .activity-item .activity-content>.bp-generic-meta.activity-meta, .activity-list .activity-item .activity-content>.bp-generic-meta.groups-meta, .activity-list .activity-item>.bp-generic-meta.activity-meta, .activity-list .activity-item>.bp-generic-meta.groups-meta, .activity-list .activity-item>.bp-generic-meta[class*="-meta"] {
  border-color: #424242;
}
.bbp-reply-form .medium-editor-element:not(.emojionearea), .bbp-topic-form .medium-editor-element:not(.emojionearea) {
  border-top: 1px solid #424242;
}
.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar, .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar {
  background-color: #111;
}
.bbp_topic_tags_wrapper {
  border-bottom: 1px solid #424242;
  border-top: 1px solid #424242;
}
#main div#primary.bs-bp-container.bs-bp-community main#main {
  display: flex;
  gap: 30px;
}
#bbpress-forums .bs-item-list.list-view:not(.bbp-lead-topic)>li:last-child {
  border-radius: 8px;
}
#bbpress-forums .bs-single-forum-list>li {
  background-color: #222222;
}
.activity-list li.bbp_reply_create .bb-content-inr-wrap,
.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap{
  background-color: #111;
}
#bbpress-forums#bbpress-forums .bs-forums-items.list-view .bs-dropdown-wrap-inner>a>i {
  color: #ffffff9c;
  background-color: #111111;
  border: 1px solid #222222;
}
#bbpress-forums#bbpress-forums .bs-forums-items.list-view li .bs-reply-list-item:hover, #bbpress-forums#bbpress-forums .bs-forums-items.list-view li.dropdown-open>.bs-reply-list-item {
  background-color: #222222;
}
#bbpress-forums .bbp-reply-form.bb-modal .bb-form-select-fields, #bbpress-forums .bbp-topic-form.bb-modal .bb-form-select-fields {
  background: #111;
}
div#seamless_photo_upload_widget-2 .seamless-photo-upload img {
  max-width: 122px;
  width: 100%;
  border-radius: 8px;
  margin: 0 auto 24px auto;
  display: flex;
}
div#bp_core_friends_widget-2 h3 {
  font-size: var(--p-20px);
  font-weight: 700;
  font-family: 'Proxima Nova';
}
.bb-template-v2 .widget.buddypress div.item-options a {
  font-weight: 400;
}
div#bp_core_friends_widget-2 {
  background: #222222CC;
  border-radius: 20px;
  padding: 15px;
}
div#seamless_photo_upload_widget-2 .seamless-photo-upload p {
  font-weight: 400;
  font-size: var(--p-16px);
  color: var(--white);
  text-align: center;
}
div#seamless_photo_upload_widget-2 .seamless-photo-upload p:first-child {
  font-size: var(--p-18px);
  color: var(--white);
  font-weight: 600;
  margin-bottom: 24px;
  text-align: center;
}
div#seamless_photo_upload_widget-2 {
  backdrop-filter: blur(20px);
  background: #11111199;
  padding: 24px;
  border-radius: 8px;
  margin-bottom: 36px;
  box-shadow: 0px 24px 74px 0px #00000040;
}
#buddypress .bf-notification-settings-div h2 {
  margin-bottom: 40px;
  font-size: 24px;
}
#buddypress .bf-notification-settings-div form p:last-child {
  border-bottom: unset;
  padding-bottom: 0;
}
#buddypress .bf-notification-settings-div form p {
    border-bottom: 1px solid #222222;
    padding-bottom: 12px;
    margin-top: 30px;
}
#buddypress .bf-notification-settings-div input[type=submit]:hover {
  background-color: var(--white);
  border: 1px solid var(--white);
  color: #000;
}
#buddypress .bf-notification-settings-div input[type=submit] {
  background-color: var(--green);
  border: 1px solid var(--green);
  color: #000;
  margin-top: 40px;
  font-weight: 600;
}
#buddypress .bf-notification-settings-div .custom-switch {
  display: flex;
  align-items: center;
  gap: 20px;
  color: white;
  cursor: pointer;
  position: relative;
  font-size: var(--p-16px);
}
.updated p {
  margin-bottom: 20px;
  color: var(--green);
}
#buddypress .bf-notification-settings-div .custom-switch input {
  display: none;
}

#buddypress .bf-notification-settings-div .custom-switch .slider {
  width: 42px;
  min-width: 42px;
  height: 24px;
  background-color: #444;
  border-radius: 20px;
  position: relative;
  transition: background 0.3s ease;
}

#buddypress .bf-notification-settings-div .custom-switch .slider::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 3px;
  height: 16px;
  width: 16px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

#buddypress .bf-notification-settings-div .custom-switch input:checked + .slider {
  background-color: white;
}

#buddypress .bf-notification-settings-div .custom-switch input:checked + .slider::before {
  background-color: black;
  transform: translateX(20px);
}
.notification-content span:last-child {
  color: #aaa;
}
.bs-item-list.list-view .bs-item-wrap {
  background: #222;
  border: 1px solid #222;
  display: flex;
  align-items: center;
}
.notification-content span {
  font-family: 'Proxima Nova';
}
.notification-list li.bs-item-wrap:hover {
  background: #111;
}
.notification-list.bb-nouveau-list .actions a {
  color: rgb(255 255 255 / 51%);
}
.notification-list select#notification-select {
  background-color: #111111;
  text-align: center;
  padding: 0 10px !important;
}
.bf-fav-tracks-grid {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 34px;
  width: 100%;
  flex-wrap: wrap;
}
.bf-fav-tracks-grid .bf-genres-cols {
  width: 100%;
  max-width: calc(100%/4 - 26px);
}
span.bf-close-icon.bf-remove-favorite-track {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  cursor: pointer;
}
.bf-fav-tracks-grid .bf-genres-cols h3 {
  padding: 20px 20px 0;
}
.bf-forums-new #bbpress-forums .bb-modal.bb-modal-box {
  border: 1px solid #111;
  background-color: #111;
}
.bb-template-v2 .bp-messages-content .single-message-thread-header .message_action__anchor:hover:before,
.bb-template-v2 .bp-messages-content .single-message-thread-header .message_actions.open .message_action__anchor:before,
.bb-media-model-wrapper .activity-comments .acomment_inner .acomment-content_block, .buddypress-wrap .activity-comments .acomment_inner .acomment-content_block {
  background-color: #111111;
}
.profile-loop-header {
  border-bottom: 1px solid #424242;
}
.bp-profile-wrapper.need-separator .group-separator-block {
    background: #222;
    border: 1px solid #222;
    padding: 0 30px 20px 30px;
}
.buddypress-wrap .bp-tables-user {
  background-color: #222;
}
#buddypress table.profile-fields tr td.data, #buddypress table.profile-fields tr td.label {
  font-size: var(--p-16px);
  font-family: 'Proxima Nova';
}
.profile-loop-header .entry-title.bb-profile-title {
  font-size: var(--p-20px);
  line-height: 150%;
  font-family: 'Proxima Nova';
  font-weight: 600;
}
.bp-profile-wrapper.need-separator .group-separator-block:last-child {
  margin-bottom: 0;
}
#buddypress .bb_more_dropdown .bb_more_dropdown__title {
  background-color: #111;
}
#buddypress .bb_more_dropdown.open .bb_more_dropdown__title {
  border-bottom-color: #424242;
}
#bbpress-forums .bb_more_dropdown.open .bb_more_dropdown__title, #buddypress .bb_more_dropdown.open .bb_more_dropdown__title, #comments .bb_more_dropdown.open .bb_more_dropdown__title {
  border-bottom: 1px solid #424242;
}
#buddypress .bb_more_dropdown.open {
  border-color: #181818;
}
#bbpress-forums .bb_more_dropdown.open, #buddypress .bb_more_dropdown.open, #comments .bb_more_dropdown.open {
  border: 1px solid #181818;
  background: #181818;
}
/* profile end */

/* network community start  */
.bf-community-new div.bf-banner-deatil .item-wrapper {
  max-width: 930px;
}
.bf-how-start-sec h2,
.bf-connect-wrap h2 {
  color: var(--heading);
  text-align: center;
  margin-bottom: 95px;
}
.bf-connect-cols {
  display: flex;
  gap: 46px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  flex-wrap: wrap;
}
.bf-connect-cols .bf-connect-div.active::before,
.bf-connect-cols .bf-connect-div:hover::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #1A1A1A 75.61%);
  transition: all .8s ease;
}
.bf-connect-cols .bf-connect-div.active,
.bf-connect-cols .bf-connect-div:hover {
  border: 1px solid #ce00ff;
  transition: all .8s ease;
}
.bf-connect-cols .bf-connect-div {
  width: 100%;
  max-width: calc(100% / 3 - 31px);
  border-radius: 20px;
  border: 1px solid #666666;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 75.61%);
  position: relative;
  transition: all .8s ease;
}
.bf-connect-cols .bf-connect-div .bf-connect-content {
  padding: 35px;
  gap: 14px;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.bf-connect-cols .bf-connect-div::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 75.61%);
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
  height: 100%;
  border-radius: 20px;
  transition: all .8s ease;
}
.bf-connect-div .bf-connect-img {
  position: relative;
  padding-top: 175%;
  border-radius: 20px;
  overflow: hidden;
}
.bf-connect-div .bf-connect-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bf-today-sec .bf-banner-deatil .item{
  padding-top: 34.7%;
  border: 1px solid #666666;
  border-radius: 40px;
}
.bf-today-sec .bf-banner-deatil h2 {
  color: var(--heading);
}
.bf-today-sec .bf-banner-deatil a.bf-btn-blue {
  min-width: 154px;
}
.bf-today-sec .bf-banner-deatil p {
  font-size: var(--p-18px);
  margin-top: 16px;
  font-weight: 600;
}
.bf-today-sec .bf-banner-deatil .item img {
  border-radius: 40px;
}
.bf-today-sec .bf-banner-deatil .item::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -37.16%, #000000 92.2%);
  z-index: 1;
  border-radius: 40px;
}
.bf-how-star-wrap .bf-how-star-cols {
  display: flex;
  flex-direction: column;
  gap: 96px;
  margin: 0 auto;
  width: 100%;
  max-width: 714px;
  z-index: 2;
  position: relative;
}
.bf-how-star-wrap .bf-how-star-cols::before {
  content: "";
  position: absolute;
  width: 1003px;
  height: 736px;
  top: 148px;
  left: -80px;
  background-image: url("./images/line-bg.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: -1;
}
.bf-how-star-wrap .bf-how-star-div.active,
.bf-how-star-wrap .bf-how-star-div:hover {
  border: 1px solid #ce00ff;
}
.bf-how-star-wrap .bf-how-star-div {
  display: flex;
  flex-direction: column;
  gap: 18px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid #101010;
  background: #101010;
  border-radius: 30px;
  padding: 38px;
  transition: all .5s ease;
}
.bf-how-star-wrap .bf-how-star-div.active .bf-how-star-img svg,
.bf-how-star-wrap .bf-how-star-div:hover .bf-how-star-img svg {
  filter: brightness(0) saturate(100%) invert(73%) sepia(22%) saturate(7356%) hue-rotate(360deg) brightness(104%) contrast(103%);
}
.bf-how-star-wrap .bf-how-star-div .bf-how-star-img svg {
  filter: brightness(0) saturate(100%) invert(21%) sepia(10%) saturate(10%) hue-rotate(315deg) brightness(95%) contrast(79%);
  width: 90px;
  height: 90px;
}
.bf-how-star-wrap .bf-how-star-div h3 {
  margin-bottom: 18px;
}
/* network community end */

/* adv partner start  */
body.bg-popup {
  overflow: hidden;
}
.bf-popup-models .model.show{
   display: block;
}
.model-close svg {
    width: 24px;
    height: 24px;
}
.model-close:hover svg path{
  fill: var(--green);
}
.model-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: max-content;
    cursor: pointer;
}
.bf-popup-models .model .upload-community-shots {
    margin: 30px auto;
    overflow: auto;
    max-height: 80vh;
    top: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.bf-popup-models .model {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #222;
    z-index: 99;
    top: 0;
    left: 0;
    margin: auto;
}
section.bf-popup-models {
  padding: 0;
}
.bf-brand-sec .bf-mission-left p {
  font-weight: 700;
}
.bf-brand-sec .bf-brand-cols {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 80px;
  margin: 40px 0;
}
.bf-brand-sec .bf-brand-cols p {
  font-size: var(--p-18px);
  color: var(--white);
  font-weight: 600;
}
.bf-brand-sec h4 {
    font-weight: 700;
    font-family: "Oswald", serif !important;
    color: var(--green);
    font-size: 24px;
    margin-bottom: 40px;
}
.bf-brand-sec .bf-btn {
  justify-content: flex-start;
}
.bf-brand-sec .bf-brand-cols h3 {
  color: var(--green);
  margin-bottom: 10px;
  font-size: var(--h3-32px);
  line-height: 140%;
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .owl-item p {
  color: var(--white);
  font-size: var(--p-18px);
  font-weight: 400;
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .bf-multiple-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  object-fit: cover;
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .bf-multiple-img::before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 75.61%);
  bottom: 0;
  height: 100%;
  width: 100%;
  left: 0;
  border-radius: 20px;
  z-index: 1;
}
.bf-brand-sec .bf-mission-wrap .bf-mission-left h2 {
  text-transform: capitalize;
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .bf-multiple-img {
  position: relative;
  padding-top: 59.99%;
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .bf-multiple-content {
  position: absolute;
  padding: 30px;
  bottom: 0;
  width: 100%;
  z-index: 2;
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .owl-item:hover {
  border: 1px solid var(--green);
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .owl-item:hover P {
  color: var(--white);
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .owl-item P {
  color: #6B6B6B;
  transition: all .5s ease;
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .owl-item:hover h3 {
  color: var(--white);
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .owl-item h3 {
  color: #6B6B6B;
  margin-bottom: 10px;
  font-size: var(--h3-32px);
  transition: all .5s ease;
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .owl-item {
  border: 1px solid #666666;
  border-radius: 20px;
  position: relative;
  transition: all .5s ease;
}
.bf-multiple-adv-sec .bf-btn {
  margin-top: 40px;
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .owl-item:hover .bf-multiple-img::before {
  content: "";
}
.bf-multiple-adv-sec h2 {
  color: var(--heading);
  text-align: center;
  margin-bottom: 70px;
}
.bf-felxible-sec h2,
.bf-real-time-sec h2 {
  color: var(--heading);
  margin-bottom: 20px;
  text-align: center;
}
.bf-felxible-sec p,
.bf-real-time-sec p{
  color: var(--white);
  text-align: center;
}
.bf-real-time-sec .bf-real-time-cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin: 100px auto 0 auto;
  gap: 100px;
}
.bf-real-time-div:hover .bf-multiple-img svg,
.bf-real-time-div:hover .bf-real-time-img svg{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(187deg) brightness(104%) contrast(101%);
}
.bf-bottom-earn .bf-earn-cols .bf-earn-div svg,
.bf-real-time-div .bf-multiple-img svg,
.bf-real-time-div .bf-real-time-img svg{
  width: 100%;
  max-width: 60px;
  margin: 0 auto;
  transition: all .5s ease;
  filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(16%) hue-rotate(340deg) brightness(99%) contrast(89%);
}
.bf-bottom-earn .bf-earn-cols .bf-earn-div h4,
.bf-real-time-sec .bf-real-time-div:hover h3{
  color: var(--green);
}
.bf-real-time-sec .bf-real-time-div:hover p  {
  color: var(--white);
}
.bf-real-time-sec .bf-real-time-div p {
  color: #CCCCCC;
  transition: all .5s ease;
}
.bf-bottom-earn .bf-earn-cols .bf-earn-div h4,
.bf-real-time-sec .bf-real-time-div h3{
  font-size: 24px;
  color: #CCCCCC;
  margin: 24px 0 10px 0;
  line-height: 150%;
  font-family: "Oswald", serif;
  font-weight: 700;
  transition: all .5s ease;
}
.bf-real-time-sec .bf-real-time-cols .bf-real-time-div {
  max-width: 375px;
  width: 100%;
  text-align: center;
  transition: all .5s ease;
}
.bf-flexible-table table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  border: unset;
  margin-top: 90px;
}
.bf-flexible-table thead {
  border: 1px solid #2b2b2b;
}
.bf-flexible-table th, .bf-flexible-table td {
  padding: 20px;
  border-bottom: 1px solid #2b2b2b;
}
.bf-flexible-table td {
  font-size: var(--p-18px);
  font-weight: 600;
}
.bf-flexible-table .package-title {
  color: var(--green);
  font-size: 2em;
  border-right: 1px solid #2b2b2b;
  padding: 10px 20px;
  text-align: left;
  font-size: var(--h3-32px);
  vertical-align: middle;
  font-family: 'Oswald';
}
.bf-flexible-table th div {
  background: #2C2C2C;
  border: 1px solid #747474;
  text-align: left;
  border-radius: 10px;
  padding: 8px 14px;
  width: 90px;
  position: relative;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
section.bf-adv-btn .bf-music-wrap .bf-music-left .bf-btn {
  margin-top: 40px;
}
.bf-flexible-table tr:last-child td {
  border-bottom: 1px solid #2b2b2b;
}
.bf-flexible-table th {
font-size: 20px;
  font-weight: 600;
  text-align: center;
  width: 200px;
}
.bf-flexible-table .no-css {
  background: transparent;
  border: unset;
}
.bf-flexible-table .highlight {
  background-color: #5dfc03;
  color: var(--white);
  border-radius: 8px;
  background: #ce00ff;
  border: 1px solid #D7FFD0;
}
.bf-flexible-table td:first-child {
  border-left: 1px solid #2b2b2b;
  border-right: 1px solid #2b2b2b;
  font-family: 'Oswald';
  color: #D7FFD0;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  vertical-align: middle;
}
.bf-flexible-table td:last-child {
  border-right: 1px solid #2b2b2b;
}
.bf-flexible-table .select-btn {
  padding: 8px 24px;
}
.bf-felxible-sec .bf-flexible-wrap {
  background: #0E0E0E;
  padding: 80px 120px;
  border-radius: 40px;
}
.bf-flexible-table .contact-btn {
  padding: 8px 24px;
}
.bf-bottom-earn h3 {
  color: #D7FFD0;
  margin-top: 75px;
  text-align: center;
}
.bf-bottom-earn .bf-earn-cols {
  margin: 30px 0 40px 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  gap: 40px;
}
.bf-bottom-earn .bf-earn-cols .bf-earn-div {
  width: 100%;
  background: #141414;
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  transition: all .5s ease;
}
.bf-bottom-earn .bf-earn-cols .bf-earn-div:hover {
    box-shadow: 0 0px 14px rgb(206 0 247 / 69%);
}
section.bf-earn-sec .bf-flexible-wrap {
  padding: 64px 75px;
}
.bf-track-adv-sec .bf-real-time-div  {
  transition: all .5s ease;
}
.bf-track-adv-sec .bf-real-time-div .bf-multiple-img svg {
  filter: brightness(0) saturate(100%) invert(39%) sepia(0%) saturate(1755%) hue-rotate(146deg) brightness(99%) contrast(85%);
}
.bf-track-adv-sec .bf-real-time-div .bf-multiple-content p,
.bf-track-adv-sec .bf-real-time-div .bf-multiple-content h3 {
  color: #ccc;
}
.bf-track-adv-sec .bf-real-time-div:hover .bf-multiple-img svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(200deg) brightness(107%) contrast(102%);
}
.bf-track-adv-sec .bf-real-time-div:hover .bf-multiple-content p {
  color: var(--white);
}
.bf-track-adv-sec .bf-real-time-div:hover .bf-multiple-content h3 {
  color: var(--green);
}
.bf-track-adv-sec .bf-btn {
  margin-top: 45px;
}
.bf-faq-right .accordion {
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.bf-faq-right .accordion-item {
  border-bottom: 1px solid #444;
  margin-bottom: 17px;
  padding: 10px 10px 20px 10px;
  transition: all .8s ease;
}
.bf-faq-right .accordion-title i {
  transition: transform 0.5s;
}
.bf-faq-right .accordion-content {
  display: none;
  font-size: var(--p-18px);
  padding: 10px 0 0 0;
  color: #fff;
  font-weight: 600;
  line-height: 150%;
}
.bf-faq-right .accordion-item .accordion-title {
  font-size: 24px;
  color: var(--white);
  font-family: 'Oswald';
  font-weight: 700;
  line-height: 150%;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}
.bf-faq-right .accordion-item.active svg {
  transform: rotate(180deg);
}
.bf-faq-right .accordion-item.active .accordion-title {
  color: var(--green);
}
.bf-faq-right .accordion-item.active .accordion-content {
  display: block;
}
.bf-faq-right .accordion-item.active .accordion-title i {
  transform: rotate(180deg);
}
.bf-faq-sec .bf-faq-wrap {
  width: 100%;
  max-width: 1088px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: flex-start;
}
.bf-faq-sec .bf-faq-wrap .bf-faq-left h2 {
  color: var(--heading);
}
.bf-faq-sec .bf-faq-wrap .bf-faq-right {
  width: 100%;
  max-width: 49.67%;
}
.bf-faq-sec .bf-faq-wrap .bf-faq-left {
  width: 100%;
  max-width: 33%;
  gap: 38px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bf-adv-partner-form .bf-banner-deatil::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 40px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -37.16%, #000000 92.2%);
}
.bf-adv-partner-form .bf-banner-deatil {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 20px;
  border: 1px solid #666666;
  padding: 85px 162px;
  border-radius: 40px;
  position: relative;
  margin-bottom: 112px;
	background-image: url("./images/adv-form-bg.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
  background-position: center;
}
.bf-adv-partner-form .upload-community-shots h3 {
  font-size: 24px;
  margin-bottom: 40px;
}
.bf-adv-partner-form .upload-community-shots {
    background: #1d1d1d;
    max-width: 515px;
    border-radius: 30px;
    padding: 40px;
    margin: auto 0 0 0;
    position: absolute;
    right: 162px;
    max-height: 500px;
    overflow: auto;
    scrollbar-width: none;
}
.bf-adv-partner-wrap  div.wpforms-container-full:not(:empty) {
  margin: 0 !important;
}
.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field {
  max-width: 46%;
}
.bf-adv-partner-wrap .bf-adv-partner-left {
  width: 100%;
  z-index: 1;
  max-width: 329px;
}
/* adv partner end */
#wpfront-scroll-top-container img {
  opacity: 1;
  background: #fff;
  border-radius: 50%;
}
#wpfront-scroll-top-container {
  width: 50px;
  height: 50px;
  bottom: 45px;
}

/* home new  */
#podcast-player #podcast-episodes #listen-button img {
  filter: brightness(100);
  margin-right: 10px;
}
#podcast-player #podcast-episodes #listen-button {
  margin-bottom: 0 !important;
  padding: 12px 30px !important;
  background: #1d8efd !important;
}
#podcast-player #episodes-list audio {
    background: transparent !important;
}
#podcast-player #podcast-episodes h2 img.emoji {
  filter: brightness(0) saturate(100%) invert(93%) sepia(5%) saturate(1306%) hue-rotate(60deg) brightness(103%) contrast(101%) !important;
}
#podcast-player #podcast-episodes h2 {
    margin-top: 0;
    font-size: var(--h3-32px) !important;
    margin-bottom: 40px !important;
}
#podcast-player #podcast-thumbnail img {
  border-radius: 16px !important;
  overflow: hidden;
  height: 100% !important;

}
.woocommerce .woocommerce-info::before {
  font-size: 17px;
}
#podcast-player #podcast-thumbnail {
    flex: 1 1 43% !important;
    border-radius: 16px !important;
    background: #111111 !important;
    object-fit: contain !important;
    max-height: max-content;
}
#podcast-player {
  max-width: 100% !important;
  margin: 60px auto 0 auto !important;
  background: #111;
  padding: 40px;
  gap: 30px;
}
/* home new end */

/* wocommerce start */
#content div.product form.cart button {
  width: 100%;
  max-width: 155px;
}
.woocommerce form.checkout_coupon .form-row-last button.button {
  width: max-content;
  margin-left: 8px;
  line-height: 170%;
}
.woocommerce form.checkout_coupon .form-row button:hover,
.woocommerce-cart .bass-container .return-to-shop a.button:hover,
.woocommerce-checkout .bass-container .woocommerce-checkout #payment #place_order:hover,
.woocommerce-cart .bass-container .woocommerce form.woocommerce-cart-form .actions > .button:hover,
.woocommerce-cart .bass-container .woocommerce form.woocommerce-cart-form .coupon .button:hover,
.woocommerce .bf-product-detail-cotainer .woocommerce-message .button:hover,
#content div.product form.cart .single_add_to_cart_button:hover,
.bf-products-wrap .bf-products-list ul li.product .product-actions a:hover {
  color: var(--white);
  background: transparent;
  border: 1px solid var(--white);
}
.woocommerce-cart .bass-container .wc-empty-cart-message,
.woocommerce-cart .bass-container p.return-to-shop {
  width: 100%;
}
#content  .bf-product-detail-cotainer div.product form.cart .single_add_to_cart_button {
  font-size: var(--p-16px);
  height: 44px;
  margin-right: 12px;
}
form.cart .info-card .info-subtitle {
  font-size: var(--p-14px);
  font-weight: 400;
  color: #AAAAAA;
  line-height: 150%;
}
#content div.product div.summary .product_meta {
  font-size: var(--p-16px);
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #444444;
  border-radius: 12px;
}
#content div.product div.summary .product_meta h4.pr-sub-heading {
  text-transform: uppercase;
  font-size: var(--p-16px);
  font-weight: 600;
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #444444;
}
form.cart .info-card .info-item:first-child {
  border-bottom: 2px solid #222222;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
form.cart .info-card .info-title {
  font-size: var(--p-18px);
  font-weight: 400;
  color: var(--white);
  line-height: 150%;
  margin-bottom: 5px;
}
.bb-template-v2.woocommerce li.product a.added_to_cart.wc-forward {
  border-radius: 50px;
}
.woocommerce nav.woocommerce-pagination ul li a::before, .woocommerce-pagination ul li a::before, body.woocommerce nav.woocommerce-pagination ul li a::before {
  content: unset;
}
form.cart .info-card span.icon {
  width: 20px;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  background-color: transparent;
  border: 1px solid #222222;
  margin-bottom: 40px;
  line-height: normal;
}
form.cart .info-card {
  border: 1px solid #444444;
  margin: 38px 0 0 0;
  padding: 17px;
  border-radius: 14px;
  width: 100%;
  max-width: 100%;
}
form.cart .info-card .info-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  justify-content: flex-start;
}
.load-more-wrap #playlist-loader {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  font-size: var(--p-14px);
  color: var(--white);
  bottom: 0;
  right: 0;
  text-decoration: underline;
}
div#playlist-loader {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #1e90ff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
  margin: 0 auto;
}
.load-more-wrap {
  margin: 60px auto 0 auto;
  width: 100%;
  max-width: 100%;
  text-align: center;
  position: relative;
}
.load-more-wrap button#load-more-playlists:hover,
#content div.product form.cart .wpcbn-btn.wpcbn-btn-single:hover {
  color: var(--white);
    border-color: transparent;
    background-position: 99% 50%;
}
.load-more-wrap button#load-more-playlists,
#content div.product form.cart .wpcbn-btn.wpcbn-btn-single {
  font-size: var(--p-16px);
  color: var(--blue);
  height: 44px;
  background: transparent;
  border: 1px solid var(--blue);
  padding: 8px 24px;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  line-height: 150%;
  transition: all .7s ease;
  background-position: 1% 50%;
  background-size: 300% 300%;
  background-image: linear-gradient(270deg, rgb(30 144 255), rgb(30 144 255), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}
.woocommerce form.checkout_coupon .form-row button,
.woocommerce-cart .bass-container .return-to-shop a.button,
.woocommerce-checkout .bass-container .woocommerce-checkout #payment #place_order,
.woocommerce-cart .bass-container .woocommerce form.woocommerce-cart-form .actions > .button,
.woocommerce-cart .bass-container .woocommerce form.woocommerce-cart-form .coupon .button,
.woocommerce .bf-product-detail-cotainer .woocommerce-message .button,
#content div.product form.cart .single_add_to_cart_button,
.bf-products-wrap .bf-products-list ul li.product .product-actions a {
  font-size: var(--p-14px);
  color: var(--black);
  background: var(--white);
  border: 1px solid var(--white);
  padding: 7px 14px;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  line-height: 150%;
  transition: all .7s ease;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .product-actions a.bf-view-product {
  max-width: 49%;
  width: 100%;
  padding: 6px 24px;
  font-size: var(--p-14px);
}
section.bf-wocommerce-product {
  padding-top: 0;
}
.bf-products-wrap .bf-filter-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
.bf-products-wrap .bf-filter-row ul.bf-product-categories {
  display: flex;
  list-style: none;
  gap: 20px;
  flex-wrap: wrap;
}
.bf-products-wrap .bf-filter-row ul.bf-product-categories li.active a {
  color: var(--black);
}
.bf-products-wrap .bf-filter-row ul.bf-product-categories li.active {
  border: 1px solid var(--green);
  background: var(--green);
}
.bf-products-wrap .bf-filter-row ul.bf-product-categories li a {
  font-size: var(--p-18px);
  font-weight: 400;
  line-height: 150%;
  color: var(--white);
}
.bf-products-wrap .bf-filter-row .bf-upcoming-selection {
  width: 100%;
  max-width: 180px;
}
.woocommerce .bf-products-wrap .bf-products-list .woocommerce-ordering select:focus {
  box-shadow: unset;
  border: unset;
}
.woocommerce .bf-products-wrap .bf-products-list {
  margin-top: 40px;
}
.woocommerce .bf-products-wrap .bf-products-list .woocommerce-ordering select{
  background-color: #222;
  border: 1px solid #222;
  border-radius: var(--bb-input-radius);
  font-size: 14px;
  height: 44px;
  font-size: var(--p-16px);
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-image a img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 5px;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-image a {
  position: relative;
  padding-top: 95%;
  width: 100%;
  display: block;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box h2 svg {
  display: none;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box h2 a {
  font-size: var(--p-20px);
  font-weight: 700;
  color: var(--white);
  font-family: "Oswald", serif;
  line-height: 150%;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box h2 {
  font-size: var(--p-20px);
  font-weight: 700;
  color: var(--white);
  font-family: "Oswald", serif;
  margin-bottom: 4px;
  line-height: 150%;
}
.woocommerce .bf-products-wrap div.product p.price {
  margin-top: 20px;
  margin-bottom: 32px;
}
.woocommerce .bf-product-detail-cotainer div.product p.price {
  gap: 5px;
  display: flex;
  margin: 20px 0 32px 0;
  align-items: baseline;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.woocommerce div.product form.cart .variations th {
  padding: 0 1rem 0 0;
}
.woocommerce #content div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel td p {
  margin-bottom: 0;
}
#content div.product .shop_attributes td, #content div.product .shop_attributes th {
  padding: 8px;
  font-size: 14px;
  vertical-align: middle;
}
.variations .value select option {
  background: #222;
  color: #fff;
}
.single_variation_wrap .woocommerce-variation-availability p.stock {
  margin: 10px 0;
  color: var(--white);
}
.woocommerce-variation-price, .woocommerce-variation-price .price, .woocommerce-variation-price bdi, .woocommerce-variation-price span {
  font-size: 24px;
  font-weight: 700;
  color: #FFA500;
  font-family: "Oswald", serif;
  line-height: 150%;
}
.woocommerce .bf-product-detail-cotainer div.summary p.price del,
.woocommerce .bf-product-detail-cotainer div.summary p.price del bdi,
.woocommerce .bf-product-detail-cotainer div.summary p.price del bdi span {
  font-size: var(--p-20px);
  font-weight: 400;
  color: #FFA500;
  font-family: "Oswald", serif;
  line-height: 150%;
}
#content div.product p.price del {
  color: #ffa500;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box .bf-product-price del,
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box .bf-product-price del bdi,
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box .bf-product-price del bdi span {
  color: #b3b3b3;
  font-size: var(--p-20px);
  font-weight: 700;
  font-family: "Oswald", serif;
  line-height: 150%;
}
.woocommerce .bf-product-detail-cotainer div.summary p.price bdi,
.woocommerce .bf-product-detail-cotainer div.summary p.price bdi span,
.woocommerce .bf-product-detail-cotainer div.summary p.price ins,
.woocommerce .bf-product-detail-cotainer div.summary p.price ins bdi,
.woocommerce .bf-product-detail-cotainer div.summary p.price ins bdi span {
  font-size: 24px;
  font-weight: 700;
  color: #FFA500;
  font-family: "Oswald", serif;
  line-height: 150%;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box .bf-product-price bdi,
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box .bf-product-price bdi span,
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box .bf-product-price ins,
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box .bf-product-price ins bdi,
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box .bf-product-price ins bdi span {
  font-size: var(--p-20px);
  font-weight: 700;
  color: #FFA500;
  font-family: "Oswald", serif;
  line-height: 150%;
}

.woocommerce .bf-products-wrap .bf-products-list ul li.product .product-actions a {
  margin-top: 0;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .product-actions {
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box {
  background: #161616;
  padding: 16px;
  border-radius: 10px;
  width: 100%;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-image {
  background: #161616;
  padding: 16px;
  border-radius: 10px;
  margin-bottom: 12px;
  width: 100%;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product {
  background-color: transparent;
  box-shadow: unset;
  width: 28.33%;
  max-width: 28.33%;
  margin: 0 2.5% 2%;
}
.woocommerce .bf-products-wrap .bf-products-list ul.products {
  margin-left: -2.5%;
  margin-right: -2.5%;
  row-gap: 70px;
}
form.woocommerce-ordering {
  display: none;
}
nav.woocommerce-pagination {
  margin-top: 40px;
}
.woocommerce #content div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel p.woocommerce-noreviews {
  margin-top: 20px;
}
.product form.cart {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

form.cart .quantity .bs-quantity .quantity-button {
  width: 47px;
  font-size: 25px;
}
#content  .bf-product-detail-cotainer div.product div.summary .quantity {
  margin-bottom: 56px;
  width: 100%;
}
form.cart .quantity .bs-quantity input {
  background-color: transparent;
  font-size: var(--p-20px);
  font-weight: 600;
  color: var(--white);
  line-height: 150%;
}
form.cart .quantity .bs-quantity {
  border: 1px solid #444444;
  border-radius: 8px;
  max-width: 135px;
  min-width: 135px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quantity .screen-reader-text {
  height: auto;
  overflow: visible;
  position: relative !important;
  font-weight: 600;
  color: var(--white);
  font-size: var(--p-20px);
  line-height: 150%;
  margin-bottom: 5px;
  display: none;
}
.woocommerce nav.woocommerce-pagination ul li, .woocommerce-pagination ul li, body.woocommerce nav.woocommerce-pagination ul li {
  margin: 0 5px;
}
.woocommerce .bf-products-wrap .bf-products-list nav.woocommerce-pagination ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.woocommerce .bf-products-wrap .bf-products-list nav.woocommerce-pagination ul li span.current,
.woocommerce .bf-products-wrap .bf-products-list nav.woocommerce-pagination ul li:hover a,
.woocommerce .bf-products-wrap .bf-products-list nav.woocommerce-pagination ul li:hover span {
  background-color: var(--blue);
}
.woocommerce .bf-products-wrap .bf-products-list nav.woocommerce-pagination ul li a,
.woocommerce .bf-products-wrap .bf-products-list nav.woocommerce-pagination ul li span {
  font-size: var(--p-16px);
  font-weight: 600;
  background-color: #161616;
  line-height: 150%;
  height: 40px;
  min-width: 40px;
  width: max-content;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: unset;
}
.woocommerce  .bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white a.bf-btn-blue::before,
.woocommerce  .bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white a.bf-btn-blue::after {
  content: unset;
}
.woocommerce  .bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white a.bf-btn-blue:hover {
  color: var(--black);
  background-color: transparent;
}
.woocommerce  .bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white {
  margin-top: 50px;
}
.woocommerce  .bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white a.bf-btn-blue {
  max-width: max-content;
  padding: 0;
  background-color: transparent;
  border: unset;
  color: var(--white);
  font-size: 40px;
  font-family: "Oswald", serif;
  font-weight: 700;
  border-radius: 0;
}
.woocommerce .bf-music-media-carousal .owl-item {
  background: #A36A00;
}
.woocommerce .bf-products-wrap .bf-products-list .woocommerce-result-count {
  font-size: var(--p-16px);
  display: none;
}
.bf-products-wrap .bf-filter-row .bf-upcoming-selection .bf-upcoming-dropdown-col .custom-dropdown {
  padding: 10px 32px 10px 16px;
}
.bf-products-wrap .bf-filter-row .bf-upcoming-selection .bf-upcoming-dropdown-col {
  max-width: 100%;
}
.bf-products-wrap .bf-filter-row ul.bf-product-categories li{
  border: 1px solid #222;
  background: #222;
  color: var(--white);
  border-radius: 27px;
  padding: 8px 20px;
  font-size: var(--p-18px);
  font-weight: 400;
  line-height: 150%;
  transition: all .5s ease;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .product-actions a.bf-view-product svg {
  vertical-align: middle;
}
.woocommerce span.onsale,
.bb-template-v2.woocommerce li.product a.button.add_to_cart_button.added {
  display: none;
}
.woocommerce #content div.product .woocommerce-tabs .panel,
.bb-template-v2.woocommerce #content div.product .woocommerce-tabs ul.tabs li#tab-title-reviews a span,
.woocommerce #content div.product div.woocommerce-product-gallery.images,
.woocommerce #content div.product div.summary {
  background-color: transparent;
  border: 1px solid transparent;
}
.bf-product-detail-cotainer .wpgs-for .slick-arrow::before, .bf-product-detail-cotainer .wpgs-nav .slick-prev::before, .bf-product-detail-cotainer .wpgs-nav .slick-next::before {
  color: #686868;
  opacity: 1;
}
.bf-product-detail-cotainer .wpgs-nav .slick-prev:before, .bf-product-detail-cotainer .wpgs-nav .slick-next:before {
  font-size:30px;
}

.bf-product-detail-cotainer  .wpgs-nav .slick-next {
  right: 8px;
  left: auto;
}
.bf-product-detail-cotainer .wpgs-nav .slick-prev {
  margin-left: 8px;
}
.bf-product-detail-cotainer .wpgs-nav .slick-prev, .bf-product-detail-cotainer .wpgs-nav .slick-next {
  top: 68%;
}
#content .bf-product-detail-cotainer div.product div.summary h1.product_title {
  line-height: 120%;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}
.bf-product-detail-cotainer .wpgs-nav .slick-slide {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0;
  border-radius: 16px;
  overflow: hidden;
}
.woocommerce #content div.product div.woocommerce-product-gallery.images .wpgs-nav {
  padding: 0 40px;
}
.bf-product-detail-cotainer .related {
  padding-top: 0;
  width: 100%;
  max-width: 100%;
}
.woocommerce #content div.product div.woocommerce-product-gallery.images > .wpgs-for.slick-slider > .slick-list {
  margin-top: 0;
}
.woocommerce-cart-form .bs-quantity .quantity-button::before {
  content: unset;
}
.woocommerce-cart-form .bs-quantity .quantity-button {
  font-size: 24px;
  margin: auto;
  top: 0;
  bottom: 0;
  line-height: 150%;
}
.woocommerce #content div.product div.woocommerce-product-gallery.images .slick-list {
    border-radius: 20px;
    overflow: hidden;
    margin-top: 20px;
}
.woocommerce #content div.product div.woocommerce-product-gallery.images {
  width: 100%;
  min-width: 46.5%;
  flex: 0 0 46.5%;
}
.woocommerce #content div.product div.summary {
  width: 100%;
  min-width: 53.5%;
  flex: 0 0 53.5%;
  padding: 0 0 0 80px;
}
.woocommerce #content .bf-product-detail-cotainer div.product {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
}
.woocommerce-tabs.wc-tabs-wrapper {
  margin: 100px 0 10px;
  width: 100%;
  max-width: 100%;
}
.bf-product-detail-cotainer .related h2 {
  font-size: 40px;
  margin-bottom: 40px;
  color: var(--heading);
}
.woocommerce #content div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel ol {
  padding-left: 20px;
}
.woocommerce .woocommerce-breadcrumb {
  display: none;
}
.woocommerce #content div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel ol li {
  font-size: var(--p-18px);
  color: #AAAAAA;
  margin-bottom: 6px;
}
.bf-product-detail-cotainer main#main {
  padding-top: 155px;
}
.woocommerce #content div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel p {
  font-size: var(--p-18px);
  color: #AAAAAA;
  margin-bottom: 16px;
}
.woocommerce #content div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel h3 {
  font-size: 24px;
  font-family: "Oswald", serif;
  color: var(--white);
  margin-bottom: 16px;
  margin-top: 40px;
}
.woocommerce #content div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel h2 {
  display: none;
}
.woocommerce #content div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel {
  padding: 0;
}
#content .bf-product-detail-cotainer .product .woocommerce-tabs ul.tabs li a {
  font-weight: 700;
  font-size: var(--p-20px);
  padding: 16px 0;
  font-family: "Oswald", serif;
}
#content .bf-product-detail-cotainer div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 3px solid var(--blue);
}
#content .bf-product-detail-cotainer div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin-bottom: 0;
  border-bottom: 2px solid #222;
}
.woocommerce-page .bf-product-detail-cotainer div.product .woocommerce-tabs ul.tabs #tab-title-reviews {
  display: none;
}
.woocommerce-cart .woocommerce {
    background-color: transparent;
    border: unset;
    padding: 0;
}
.woocommerce-cart .woocommerce table.shop_table td, .woocommerce-cart .woocommerce table.shop_table th {
    border-bottom: 1px solid #444;
    min-width: 54px;
}
.woocommerce-cart .woocommerce table.shop_table th {
    font-weight: 600;
    font-size: var(--p-16px);
    padding: 12px;
    line-height: 150%;
}
.woocommerce-cart .woocommerce a.remove {
    height: 30px;
    width: 30px;
    line-height: normal;
    font-size: 24px;
}
.woocommerce-cart .bs-quantity, .woocommerce-cart .bs-quantity {
      background-color: transparent;
      border: 1px solid #444;
      border-radius: 30px;
      padding: 0 12px;
  }
.woocommerce-cart .bs-quantity input[type=number]:focus,
.woocommerce-cart .bs-quantity input[type=number] {
    min-width: 50px;
    max-width: 50px;
    height: 40px;
    line-height: 40px;
    background-color: transparent !important;
}
body .select2-container .select2-dropdown {
    background: #111;
}
.woocommerce-cart .bass-container .woocommerce .cart-collaterals .cart_totals {
  background-color: #222222a8;
  padding: 15px;
  border-radius: 12px;
}
.flatpickr-calendar.open .flatpickr-current-month input.cur-year {
    color: #000000;
}
.woocommerce-cart .bass-container .woocommerce .woocommerce-notices-wrapper {
  width: 100%;
  max-width: 100%;
}
.woocommerce-cart .bass-container .woocommerce form.woocommerce-cart-form {
  width: 100%;
  max-width: 70%;
}
.woocommerce-cart .site {
  min-height: max-content;
}
.woocommerce-cart .bass-container .cart-collaterals table.shop_table {
  width: 100%;
}
.woocommerce-cart .bass-container .woocommerce .cart-collaterals {
  width: 100%;
  max-width: 30%;
  padding-left: 40px;
}
.woocommerce-checkout .bass-container .woocommerce,
.woocommerce-cart .bass-container .woocommerce {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
}
.woocommerce-checkout .bass-container .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info::before {
  font-size: 18px;
  top: 19px;
  left: 15px;
}
.woocommerce-checkout .bass-container .woocommerce-form-coupon-toggle .woocommerce-info {
  padding: 20px 40px;
  display: flex;
  align-items: center;
  width: 100%;
}
.woocommerce-checkout .bass-container .woocommerce-form-coupon-toggle {
  width: 100%;
}

.woocommerce-checkout .bass-container h1,
.woocommerce-cart .bass-container h1 {
  font-size: var(--h2-48px);
  color: var(--heading);
  line-height: 150%;
  margin-bottom: 20px;
}
.woocommerce-checkout .bass-container,
.woocommerce-cart .bass-container {
  width: 100%;
  max-width: 1310px;
  padding: 130px 15px 50px 15px;
  margin: 0 auto;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  background-color: #222;
  border: 1px solid #222;
  border-radius: 30px;
  margin-right: 15px;
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #customer_details h3 {
  padding-bottom: 10px;
  border-bottom: 1px solid #222222;
  margin-bottom: 20px;
  margin-top: 30px;
}
.bb-template-v2 .member-media select#bb-album-privacy:focus, .bb-template-v2 .member-media select#bb-media-privacy:focus, .bb-template-v2 .widget.widget_search input.search:focus, .bb-template-v2 .widget_search input[name=bbp_search]:focus, .bb-template-v2 .widget_search input[type=search]:focus, .bb-template-v2 .wp-block-search input[name=bbp_search]:focus, .bb-template-v2 .wp-block-search input[type=search]:focus, .bb-template-v2.woocommerce #content table.cart td.actions .input-text:focus, .bb-template-v2.woocommerce table.cart td.actions .input-text:focus, .bb-template-v2.woocommerce-page #content table.cart td.actions .input-text:focus, .bb-template-v2.woocommerce-page table.cart td.actions .input-text:focus {
  border-color: #1e90ff;
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #order_review_heading {
  display: none;
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #order_review,
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #customer_details {
  width: 50%;
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #customer_details {
  padding-right: 40px;
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
body.woocommerce-checkout .select2-container .select2-dropdown {
  background: #fff !important;
}
.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 60%;
  padding-right: 3px;
  padding-left: 0;
  min-height: 40px;
  height: 40px;
}
body.woocommerce-checkout .bass-container .woocommerce-order {
  width: 100%;
}
.woocommerce-checkout .woocommerce-order-details-wrapper .woocommerce-order-details .woocommerce-order-details__title {
  font-size: var(--h3-32px);
  margin-bottom: 20px;
}
.woocommerce-checkout .woocommerce-order-details-wrapper .woocommerce-order-details {
  padding: 0;
}
.woocommerce-checkout .woocommerce-order-details-wrapper {
  background: transparent;
  border: 1px solid #222;
  margin: 20px 0;
  width: 100%;
  max-width: 100%;
}
.woocommerce-checkout .woocommerce-customer-details--subcolumn p {
  font-size: var(--p-14px);
}
.woocommerce-checkout .woocommerce-order-details-wrapper section.woocommerce-customer-details {
  margin: 0;
}
body.woocommerce-checkout .bass-container .woocommerce-order p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  font-size: var(--p-20px);
  font-weight: 700;
  margin: 10px 0;
}
.woocommerce-checkout .woocommerce-order-details-wrapper section.woocommerce-customer-details .woocommerce-customer-details--subcolumn .woocommerce-customer-details--phone:before {
  line-height: 150%;
}
.woocommerce-checkout .woocommerce section.woocommerce-customer-details .woocommerce-customer-details--billwrap .woocommerce-customer-details--maincolumn {
  margin-right: 50px;
  width: 20%;
}
.woocommerce-checkout .woocommerce-table--order-details.order_details_items tbody tr:last-child td, .woocommerce-checkout .woocommerce-table--order-details.order_details_items tbody tr:last-child th {
  border-bottom: 1px solid #222222;
}
.woocommerce-checkout ul.woocommerce-order-overview {
  width: 100%;
  max-width: 100%;
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
}
.woocommerce ul.order_details::after, .woocommerce ul.order_details::before {
  content: unset;
}
.woocommerce-checkout ul.woocommerce-order-overview li {
  width: 17%;
  padding: 0;
  margin: 0 14px 0 0;
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #order_review {
  margin-top: 20px;
}
.woocommerce-checkout #payment div.form-row p {
  font-size: var(--p-16px);
  margin-bottom: 15px;
}
.woocommerce-checkout #payment div.form-row {
  padding: 20px  0;
}
.woocommerce-checkout #payment ul.payment_methods {
  background-color: #222;
}
.woocommerce-checkout #payment div.payment_box {
  background-color: #111;
}
.woocommerce-checkout #payment div.payment_box::before {
  border: 1em solid #111;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}
.woocommerce table.shop_table td, .woocommerce table.shop_table th {
  border-bottom: 1px solid #222222;
}
.woocommerce table.shop_table th {
  padding: 12px;
}
.woocommerce table.shop_table td >div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.bs-product-check .qty select {
  height: 32px;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #323232;
  margin: 0 10px !important;
}
.woocommerce table.shop_table td.product-name .bs-product-thumbnail a {
  display: block;
  width: 100%;
  max-width: 70px;
  margin: 0 15px;
}
.woocommerce-checkout .bass-container .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
  width: 100%;
}
.woocommerce-checkout .bass-container .woocommerce-notices-wrapper {
  width: 100%;
  margin-bottom: -10px;
}
.woocommerce-checkout .bass-container .woocommerce .woocommerce-error li {
  font-size: 14px;
  margin-bottom: 6px;
}
.woocommerce form.checkout_coupon {
  background-color: #222;
  border: 1px solid #222;
  padding: 10px;
  margin-top: 20px;
}
.bf-follow-profile-div .upload-community-shots {
    margin: 0;
    padding: 0 30px 32px 30px;
    background: #22222266;
}
.woocommerce-checkout form.checkout_coupon .form-row input:focus {
  border: 1px solid var(--blue);
}
.woocommerce-checkout form.checkout_coupon .form-row button:hover {
  color: var(--white);
  border-color: transparent;
  background-position: 99% 50%;
}
.woocommerce-checkout form.checkout_coupon .form-row button {
  font-size: var(--p-16px);
    color: var(--blue);
    height: 44px;
    background: transparent;
    border: 1px solid var(--blue);
    padding: 8px 24px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    line-height: 150%;
    transition: all .7s ease;
    background-position: 1% 50%;
    background-size: 300% 300%;
    background-image: linear-gradient(270deg, rgb(30 144 255), rgb(30 144 255), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}
.woocommerce-checkout form.checkout_coupon .form-row input {
  height: 45px;
  border-radius: 30px;
  color: #000;
  padding: 15px;
}
.woocommerce-checkout form.checkout_coupon .form-row {
  margin: 0;
}
.buddypress-wrap #members-order-select .select-wrap select {
  background-color: #222222;
  border: 1px solid #222;
}
.buddypress-wrap .grid-filters {
  background: #222;
  border: 1px solid #222;
}
.buddypress-wrap .grid-filters a i {
  font-size: 24px;
  color: #bfbfbf;
}
.buddypress-wrap #members-order-select .select-wrap select, .buddypress-wrap #members-order-select .select-wrap select:active,
.buddypress-wrap #members-order-select .select-wrap select:focus {
  background-color: #222;
}
.bb-bp-invites-content .table-responsive span.page-numbers:not(.dots), .bb-bp-invites-content .table-responsive span.post-page-numbers, .bb-lms-pagination span.page-numbers:not(.dots), .bb-lms-pagination span.post-page-numbers, .bbp-pagination-links span.page-numbers:not(.dots), .bbp-pagination-links span.post-page-numbers, .bp-pagination-links span.page-numbers:not(.dots), .bp-pagination-links span.post-page-numbers, .llms-pagination span.page-numbers:not(.dots), .llms-pagination span.post-page-numbers, .page-links span.page-numbers:not(.dots), .page-links span.post-page-numbers, .woocommerce-pagination span.page-numbers:not(.dots), .woocommerce-pagination span.post-page-numbers {
  color: var(--bb-body-background-color);
  background-color: #222222;
}
.members-directory-container .bp-pagination-links a:hover,
.members-directory-container .bp-pagination-links a {
    background-color: #222;
    border-color: #222;
}
body .select2-container .select2-dropdown.bb-compose-input .select2-results__option.select2-results__option--highlighted, body .select2-container .select2-dropdown.bb-compose-input .select2-results__option:hover:not(.select2-results__message,.loading-results) {
  background-color: #222222;
}
.buddypress-wrap .standard-form input:focus, .buddypress-wrap .standard-form select:focus, .buddypress-wrap .standard-form textarea:focus {
  color: #f1ffff;
}
#profileForm section button.edit-btn {
  font-size: 18px;
  top: 35px;
  right: 40px;
}
.page-id-0 .bb-profile-grid.bb-grid {
  background: transparent;
  border-radius: 10px;
  margin: 0;
  padding: 0;
}
body #profileForm section {
  background: #2222224D;
    border-radius: 10px;
    margin: 0 0 20px 0;
    padding: 30px 32px;
}
#profileForm section .form-group  > div {
  font-size: var(--p-18px);
  font-weight: 600;
  line-height: 150%;
  width: 100%;
  max-width: calc(100% - 270px);
  font-family: 'Proxima Nova';
}
#profileForm section .form-group textarea {
    scrollbar-width: none;
}
.woocommerce form.checkout_coupon .form-row .input-text:focus,
#profileForm section input:focus,
#profileForm section .form-group textarea:focus,
#profileForm section .form-group select:focus,
#profileForm section .form-group input:focus {
  border-color: #1e90ff;
  box-shadow: 0 0 0 1px #1e90ff, 0px 1px 2px rgba(0, 0, 0, 0.15);
}
input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}
.woocommerce form.checkout_coupon .form-row .input-text,
#profileForm section .form-group textarea,
#profileForm section .form-group select,
#profileForm section .form-group input {
  border: 1px solid #222222;
  background: #444444;
  border-radius: 5px;
  font-size: var(--p-14px);
  font-weight: 400;
  line-height: 120%;
  padding: 10px 16px;
  color: var(--white);
  width: 100%;
  max-width: 394px;
}
.select2-container.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: transparent;
    color: #1e90ff;
}
.bf-gallery-grid label,
#profileForm section .form-group label {
  font-size: var(--p-16px);
font-weight: 400;
line-height: 150%;
width: 100%;
max-width: 200px;
font-family: 'Proxima Nova';
}
#profileForm section .checkbox-row label {
  font-family: 'Proxima Nova';
  font-weight: 600;
  font-size: var(--p-20px);
  line-height: 150%;
  letter-spacing: 0%;
}
#profileForm section p.success {
  margin-top: 10px;
}
#profileForm section .checkbox-row,
#profileForm section h2 {
  font-family: 'Proxima Nova';
  font-weight: 600;
  font-size: var(--p-20px);
  line-height: 150%;
  letter-spacing: 0%;
  margin-bottom: 32px;
  border-bottom: 1px solid #222222;
  padding-bottom: 12px;
  display: flex;
      align-items: center;
      gap: 0.5rem;
}
.bb-template-v2 .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap {
  background-color: #222;
}
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a i:before {
  opacity: 1;
}
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a i {
  font-size: 14px;
  padding: 3px;
}
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a i {
  background-color: #111;
}
#bbpress-forums .bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:hover, #bbpress-forums .bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:hover, #media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover, #media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a:hover, #media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li a:hover, .bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:hover, .bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:hover, .bb-activity-video-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:hover, .search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a:hover {
  background-color: transparent;
}
.bb-template-v2 .bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:hover,
.bb-template-v2 .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a:hover {
  color: var(--green);
}
.bb-template-v2 .bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:hover::before,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a:hover:before {
  color: var(--green);
}
.media-activity-wrap .bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap {
  right: 4px;
  top: -33px;
}
#whats-new-toolbar [data-bp-tooltip]:after {
  color: #000000 !important;
}
.bb-template-v2 #buddypress .activity-comments .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover {
  color: var(--green);
}
#bbpress-forums .activity-list .activity-item .action.bp-generic-meta .button.bp-like-button.has-reaction .like-count, #bbpress-forums .activity-list .activity-item .action.bp-generic-meta .button.bp-like-button.has-reaction>i, #bbpress-forums .activity-list .activity-item .activity-content .action.bp-generic-meta .button.bp-like-button.has-reaction .like-count, #bbpress-forums .activity-list .activity-item .activity-content .action.bp-generic-meta .button.bp-like-button.has-reaction>i, #buddypress .activity-list .activity-item .action.bp-generic-meta .button.bp-like-button.has-reaction .like-count, #buddypress .activity-list .activity-item .action.bp-generic-meta .button.bp-like-button.has-reaction>i, #buddypress .activity-list .activity-item .activity-content .action.bp-generic-meta .button.bp-like-button.has-reaction .like-count, #buddypress .activity-list .activity-item .activity-content .action.bp-generic-meta .button.bp-like-button.has-reaction>i {
  color: #ce00ff;
}
.activity-list .activity-item .comment-item .comment-reactions .activity-state-reactions {
  background-color: var(--green);
  color: var(--black);
}
.activity-list .activity-item .comment-item .bb-activity-more-options-wrap:has(.bb-activity-more-options.is_visible) .bb-activity-more-options-action,
.activity-list .activity-item .comment-item .bb-activity-more-options-wrap .bb-activity-more-options-action,
.activity-list .activity-item .comment-item .bb-activity-more-options-wrap .bb-activity-more-options-action:hover {
  background-color: #111111;
}
.buddypress  .buddypress-wrap #members-order-select .select-wrap select,
.buddypress  .buddypress-wrap #members-order-select .select-wrap select:active,
.buddypress  .buddypress-wrap #members-order-select .select-wrap select:focus {
  background-color: #ffffff00 !important;
  color: #111 !important;
}
.buddypress  .buddypress-wrap #members-order-select .select-wrap select {
  background-color: #ebebeb69 !important;
  border: 1px solid #ffffff !important;
}
.buddypress  .buddypress-wrap .select-wrap {
  background-color: #fffffff2 !important;
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-input-radius);
}
.bb-bp-invites-content .table-responsive a.next:before, .bb-lms-pagination a.next:before, .bbp-pagination-links a.next:before, .bp-pagination-links a.next:before, .llms-pagination a.next:before, .page-links a.next:before, .woocommerce-pagination a.next:before {
  content: "\e827" !important;
}
.attachments--small div.dropzone.dz-progress-view.files-uploaded {
  background: #222 !important;
}
.attachments--small div.dropzone .dz-preview .dz-remove:after {
  color: #000000;
}
.attachments--small div.dropzone .dz-default.dz-message button:before, .attachments--small div.dropzone .dz-default.dz-message button:hover:before {
  color: #000000;
}
.dropzone .dz-preview.dz-error .dz-details:before, .dropzone .dz-preview.dz-error .dz-progress-ring-wrap [class*=" bb-icon-"], .dropzone.document-dropzone .dz-preview .dz-details .dz-filename, .dropzone.document-dropzone .dz-preview .dz-details .dz-size, .dropzone.document-dropzone .dz-preview.dz-complete .dz-details .dz-icon [class*=bb-icons], .dropzone.document-dropzone .dz-preview:not(.dz-complete) .dz-progress-ring-wrap [class*=" bb-icon-"], .dropzone.media-dropzone .dz-preview:not(.dz-image-preview) .dz-progress-ring-wrap [class*=" bb-icon-"], .dropzone.video-dropzone .dz-preview:not(.dz-has-thumbnail) .dz-progress-count, .dropzone.video-dropzone .dz-preview:not(.dz-has-thumbnail) .dz-progress-ring-wrap [class*=" bb-icon-"] {
  color: #343333;
}
.bp-pagination-links .pag-data a.current, .pag-data span.current, .bp-pagination-links .pag-data a:hover, .pag-data span:hover {
    color: var(--green) !important;
}
.attachments--small div.dropzone.document-dropzone .dz-preview .dz-details .dz-icon [class*=" bb-icon-"], .attachments--small div.dropzone.document-dropzone .dz-preview .dz-details .dz-icon:before {
  color: #464646;
}
#content div.product p.price {
  font-size: var(--p-16px);
}
.woocommerce #review_form #respond p {
  margin: 0 0 20px;
}
.order-package-meta p {
  font-size: var(--p-16px);
}
.woocommerce-checkout .bs-product-check dd {
  margin-bottom: 8px !important;
}
.woocommerce-checkout .bs-product-check dd p,
.woocommerce-checkout .bs-product-check p {
  font-size: 14px;
}
#buddypress #dir-members-search:focus {
  box-shadow: unset;
}.atwho-view {
  border-color: #222;
  background-color: #222;
}
.atwho-view .cur {
  background-color: #111;
}
.atwho-view ul {
  margin: 5px;
}
.bf-detail-form-sec .comment-list .comment-body {
    background: #222;
    border: 1px solid #222;
    margin-bottom: 0;
}
.bf-detail-form-sec .comment-list {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.bf-article-detail-content-wrap .bf-detail-forms .comment-text p {
    margin-bottom: 15px;
}
.bf-detail-form-sec .comment-list .comment-author a {
  display: block;
  width: 100%;
  height: 100%;
}
.bf-detail-form-sec .comment-content-wrap {
    text-align: left;
}
.bf-detail-form-sec .comment-list li {
    width: calc(100% / 2 - 5px);
}
.bf-detail-form-sec .comment-list .comment-author .avatar {
    max-width: 60px;
}
.bf-article-detail-content-wrap .bf-detail-forms form p.comment-form-comment {
    margin-bottom: 10px;
}
.bf-article-detail-content-wrap .bf-detail-forms .form-submit #submit {
    width: 100%;
    max-width: 154px;
    margin: 0;
}
section.bf-artist-and-dj-hub div.bf-artist-live-music .bf-upcoming-dropdown-col {
    margin-left: 0;
    max-width: calc(100% / 4 - 10px);
}
.bf-gallery-grid .bf-gallery-img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bf-gallery-grid .bf-gallery-img {
    width: 100%;
    max-width: calc(100%/5 - 8px);
    position: relative;
    padding-top: 18%;
    border-radius: 8px;
    overflow: hidden;
}
.bf-gallery-grid {
    display: flex !important;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.bf-gallery-grid .bf-gallery-img button img {
      background: #fff;
    border-radius: 50%;
    padding: 5px;
    margin: 0;
}
.site-header .menu-item-has-children.user-wrap-container {
    padding: 0;
}
body.bb-template-v2 .site-header a.user-link span.noti-count {
    background: red;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 600;
    top: 0;
    right: 0;
    position: absolute;
}
.bf-gallery-grid .bf-gallery-img button {
  position: absolute;
    top: 6px;
    right: 8px;
}
.add-new-images {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.add-new-images input[type="file"] {
  background-color: #2b2b2b;
  color: #ffffff;
  border: 1px solid #444;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  width: auto;
}

.add-new-images input[type="file"]::file-selector-button {
  background-color: #3a3a3a;
  color: #fff;
  border: none;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.add-new-images input[type="file"]::file-selector-button:hover {
  background-color: #1f1f1f;
}
#buddypress .follow-button .card-button, #buddypress .follow-button button.follow-button, #buddypress .follow-button button.follow-button.outline.not_following, .bb-card-action-secondary .card-button, .bb-card-action-secondary button.follow-button, .bb-card-action-secondary button.follow-button.outline.not_following, .buddypress .buddypress-wrap .bb-card-action-secondary .card-button, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button, .buddypress .buddypress-wrap .bb-card-action-secondary button.follow-button.outline.not_following {
    background-color: transparent;
    border: 1px solid transparent;
}
.bb-model-footer {
    background-color: #222222;
}
.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list, .location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list, .location-album-list-wrap-main .location-album-list-wrap .location-album-list, .location-album-list-wrap-main .location-album-list-wrap .location-folder-list, .location-album-list-wrap-main .location-folder-list-wrap .location-album-list, .location-album-list-wrap-main .location-folder-list-wrap .location-folder-list, .location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list, .location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list, .location-folder-list-wrap-main .location-album-list-wrap .location-album-list, .location-folder-list-wrap-main .location-album-list-wrap .location-folder-list, .location-folder-list-wrap-main .location-folder-list-wrap .location-album-list, .location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list {
    border-radius: var(--bb-block-radius-inner);
    background-color: #111;
    border-color: #111;
}
.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span.selected, .location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.selected, .location-album-list-wrap-main .location-album-list-wrap .location-album-list li span.selected, .location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span.selected, .location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span.selected, .location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span.selected, .location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span.selected, .location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.selected, .location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span.selected, .location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span.selected, .location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span.selected, .location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span.selected {
    background-color: #222222;
}
.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span:hover, .location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:hover, .location-album-list-wrap-main .location-album-list-wrap .location-album-list li span:hover, .location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span:hover, .location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span:hover, .location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span:hover, .location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span:hover, .location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:hover, .location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span:hover, .location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span:hover, .location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span:hover, .location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span:hover {
    background-color: #111;
}
a.bb-close-model {
    position: absolute;
    top: calc(15% + 44px);
    right: 0;
    left: calc(70% - 24px);
    margin: auto;
    line-height: 1;
    z-index: 22;
    background: #ce00ff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.bb-close-model svg {
    filter: brightness(0);
}
.bb-media-info-section .activity-comments>ul {
    background: #222222;
    border-top: 1px solid #111111;
}
.bb-media-info-section .activity-comments form {
    background: #222222;
}
#bbpress-forums .bb-media-model-container, #buddypress .bb-media-model-container {
    height: 70vh;
    max-width: 70%;
    min-width: 70%;
    overflow: auto;
    top: 50px;
    cursor: pointer;
    padding: 0;
}
/* wocommerce end */

/* new changes start  */
.bf-header-logo {
    display: flex;
    align-items: center;
}
.bf-header-logo a {
    display: block;
    width: max-content;
    height: 100%;
}
.bf-header-logo span {
    font-family: "Slackey", sans-serif;
    margin-left: 10px;
    font-size: 16px;
    width: 100%;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    max-width: 200px;
    color: var(--green);
}
.bf-header-right {
    display: flex;
    gap: 20px;
    align-items: center;
}
.bf-social-header {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-left: auto;
    margin-right: 20px;
}
.bf-social-header > a:nth-child(4) svg {
    width: 20px;
    height: 20px;
}
.bf-social-header > a svg {
  width: 24px;
  height: 24px;
}
.bf-social-header > a:hover {
  background: var(--blue);
}
.bf-social-header > a {
    width: 32px;
    height: 32px;
    background: rgba(68, 68, 68, 1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease;
}
/* .primary-menu.search-visible .bf-header-search input[type=search] {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
} */
.bf-header-search input[type=search]::placeholder {
    color: rgba(255, 255, 255, 0.4);
    opacity: 1;
}
.bf-header-search input[type=search] {
  max-width: 466px;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  border: transparent;
  background-image: unset;
  padding-left: 10px;
  font-size: var(--p-16px);
  font-weight: 400;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 12px;
}
.bf-header-search a {
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	transition: transform 0.5s ease, right 0.5s ease;
      z-index: 9;
}
.bf-header-search {
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
}
.primary-menu.search-visible {
	max-width: 557px;
	width: 100%;
}
.primary-menu.search-visible .bf-header-search a {
	transform: translateX(-10px);
}
.primary-menu.search-visible .bf-header-search {
	max-width: 466px;
	width: 100%;
	left: 0;
	margin: auto;
}
/* new changes end  */

/* static page start  */
.bf-privacy-policy-wrap h5,
.bf-privacy-policy-wrap h4,
.bf-privacy-policy-wrap h3,
.bf-privacy-policy-wrap h2,
.bf-privacy-policy-wrap h1 {
color: var(--heading);
margin-top: 40px;
margin-bottom: 20px;
}
.bf-privacy-policy-wrap p {
  margin-bottom: 10px;
}
.bf-privacy-policy-wrap ul li {
  line-height: 140%;
}
.bf-privacy-policy-wrap ul {
    padding-left: 20px;
    margin-bottom: 20px;
}
.bf-privacy-policy-wrap {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}
form.search-form {
    width: 100%;
}
.bf-events-details-wrap .bf-left-col .feature-img {
    font-size: 50px;
    font-weight: 700;
    font-family: 'Slackey';
    color: var(--green);
    background: #444444;
    text-align: center;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    width: 250px;
}
.bf-events-cols-img .feature-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    font-size: 40px;
    font-weight: 700;
    font-family: 'Slackey';
    color: var(--green);
    background: #444444;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.related  .bf-product-details span.bf-product-price {
    gap: 5px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: baseline;
}
.bb-template-v2 .site-header .user-wrap.menu-item-has-children .user-link .user-name {
    margin-right: 5px;
}
/* static page end  */
.dropzone.dz-progress-view .dz-global-progress .dz-remove-all:before {
    color: #090909;
    opacity: 1;
}
.dropzone.dz-progress-view .dz-global-progress {
    bottom: -15px;
}

@media (min-width: 1921px) {
  .bf-artist-list-wrap .item {
  max-width: calc(100% / 5 - 16px);
}
}

@media (max-width: 1310px) {
  :root {
    --h1-80px: 64px;
    --h2-48px: 38px;
    --h3-32px: 28px;
    --p-20px: 18px;
    --p-18px: 16px;
    --p-16px: 16px;
    --p-14px: 14px;
  }
  .bf-community-sec .bf-green-arrow .owl-nav {
    padding-left: calc((100% - 92%)/2);
}
.bf-btn a.bf-btn-blue-outline,
.bf-btn a.bf-btn-blue {
  padding: 8px 20px;
}
.bf-header-wrap nav ul li {
  margin-right: 15px;
}
.bf-banner-carousal .item-wrapper {
  top: 60%;
  transform: translateY(-60%);
}
.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 7px;
}
section {
  padding-top: 60px;
  padding-bottom: 60px;
}
.bf-artist-list-wrap .item {
    max-width: calc(100% / 4 - 15px);
}
.bf-upcoming-selection .bf-upcoming-wrap {
  margin: 40px auto 40px auto;
}
.bf-events-details .bf-events-wrapper .bf-events-cols {
  padding: 20px;
}
.bf-events-cols .bf-events-cols-info .bf-top-title {
  margin-bottom: 15px;
}
.bf-events-cols .bf-city-cols svg, .bf-events-cols .bf-left-cols svg {
    width: 20px;
    height: 20px;
}
.bf-events-cols .bf-date-time-events {
  margin-bottom: 15px;
}
.bf-playlist-wrap .bf-events-details .bf-events-wrapper {
  margin-bottom: 30px;
  gap: 15px;
}
.bf-playlist-wrap .bf-events-details .bf-events-wrapper .bf-playlist-detial-col {
  padding: 20px;
}
.bf-playlist-detial-col .bf-playlist-detail-middle {
  margin: 15px 0;
}
.bf-pagination button.owl-next::before,
.bf-pagination button.owl-prev::before,
.bf-green-arrow div.owl-nav button.owl-next::before, .bf-green-arrow div.owl-nav button.owl-prev::before {
  width: 50px;
  height: 50px;
}
.bf-pagination button.owl-next,
.bf-pagination button.owl-prev,
.bf-green-arrow div.owl-nav button.owl-next, .bf-green-arrow div.owl-nav button.owl-prev {
  width: 50px;
  height: 50px;
  padding: 0;
}
.bf-pagination ul li {
  width: 50px;
  height: 50px;
}
.item .community-qr-wrap img {
  max-width: 80px;
  height: 70px;
  margin: 10px 0;
}
.item .community-qr-wrap p.photo-para {
  font-size: 12px;
}
.item .community-qr-wrap p {
  font-size: 14px;
  line-height: 120%;
}
.bf-community-carousal.owl-carousel .owl-stage-outer {
  padding: 50px 0;
}
.bf-artist-sec .bf-artist-details {
  padding: 40px 0;
}
.bf-artist-info .bf-btn a.bf-btn-blue {
    padding: 5px 15px;
}
.bf-latest-carousal {
  margin: 40px 0;
}
.latest-wrap .latest-date svg {
  width: 15px;
  height: 16px;
}
.latest-wrap .bf-btn a.bf-btn-blue {
  padding: 6px 20px;
}
.bf-music-sec .bf-music-wrap .bf-music-left {
  max-width: 360px;
}
.bf-music-sec .bf-music-wrap .bf-music-right {
  max-width: calc(100% - 360px - 20px);
}
.bf-music-carousal .owl-item .item {
  padding: 30px 20px;
}
.bf-music-right .owl-carousel.bf-music-carousal .owl-dots button span {
  width: 130px;
}
section.bf-subscribe-sec {
  padding: 0;
  margin-top: 20px;
}
.bf-subscribe-sec .bf-subscribe-details {
  padding: 60px 0;
}
.bf-footer-first img {
  width: 70px;
}
.bf-footer-top {
  gap: 30px;
}
.bf-social-links {
  gap: 8px;
}
.bf-social-links a {
  width: 35px;
  min-width: 35px;
  height: 35px;
}
.bf-events-details-wrap .bf-detail-content .bf-social-links {
  flex-wrap: wrap;
}
.bf-events-details-wrap .bf-detail-content .bf-social-links p {
  width: 100%;
  text-align: center;
  max-width: 100%;
}
.bf-footer-col h3 {
  margin-bottom: 10px;
}
.bf-footer-col .primary-menu .menu li {
  margin-bottom: 10px;
}
.bf-sidebar-wrap form .wp-block-search__inside-wrapper {
  margin: 10px 0;
}
.bf-sidebar-wrap h2.widget-title {
  padding: 8px;
  margin-bottom: 8px;
}
.bf-sidebar-wrap ul.post-categories-box li {
  padding: 5px 10px;
}
.bf-sidebar-wrap .post-tags-box li a {
  padding: 8px 16px;
}
.bf-article-detail-content-wrap .bf-detail-recent-post {
  padding: 60px 0;
}
.bf-article-detail-content-wrap .bf-detail-forms {
  margin-bottom: 60px;
}
.upload-community-shots {
  margin: 150px auto 100px auto;
}
.bf-artist-list-wrap {
  padding: 40px 0 50px 0;
}
.item-cols-artist .custom-dropdown {
  padding: 12px 30px 12px 24px;
}
.item-cols-artist .wp-block-search__inside-wrapper input {
  min-height: 48px;
}
.item-cols-artist .wp-block-search__inside-wrapper {
  min-height: 48px;
}
.item-cols-artist .wp-block-search__inside-wrapper button {
  width: 40px;
  height: 40px;
  right: 6px;
}
.item-cols-artist form.wp-block-search button.wp-block-search__button::before {
  right: 9px;
}
.item-cols-artist ul.dropdown-list {
  padding-top: 20px;
}
.bf-artists-upcoming-detail-sec .bf-events-cols .bf-city-cols, .bf-events-cols .bf-left-cols {
  align-items: flex-start;
}
.bf-artists-upcoming-detail-sec .bf-date-time-events .bf-left-date {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 4px;
}
.bf-artists-profile-header .bf-profile-details .bf-profile-detail-btn h2 {
  font-size: 34px;
}
.bf-artists-profile-header .bf-profile-details .bf-profile-detail-btn h2 a {
  width: 35px;
  height: 35px;
}
.bf-artists-profile-header .bf-profile-details .bf-profile-detail-btn h2 svg {
  width: 35px;
  height: 35px;
  min-width: 35px;
}
.bf-contact-journey-wrap .bf-contact-journey-cols .bf-contact-left, .bf-contact-journey-wrap .bf-contact-journey-cols .bf-contact-right {
  max-width: 47.888%;
}
.bf-follow-profile-div .upload-community-shots .wpforms-field-container .wpforms-field,
.model .upload-community-shots .wpforms-field-container .wpforms-field, 
.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field,
.bf-contact-journey-wrap .bf-contact-journey-cols .upload-community-shots .wpforms-field-container .wpforms-field {
  max-width: 46%;
}
.bf-contact-journey-cols .bf-contact-left .bf-left-mail h3 {
  font-size: 32px;
}
.bf-genres-sec .bf-genres-carousal {
  padding-right: 120px;
  padding-left: 15px;
}
.bf-genres-sec .bf-genres-wrap h2 {
  margin-bottom: 40px;
  padding-left: 15px;
}
.bf-music-media-carousal .bf-music-media .bf-music-left h2,
.bf-music-media-carousal .bf-music-media .bf-music-left h1 {
  font-size: 65px;
}
section.bf-playlist-mood-sec {
  padding-bottom: 80px;
}
section.bf-genres-sec {
  padding-bottom: 80px;
}
.bf-playlist-mood-wrap h2 {
  margin-bottom: 40px;
}
.bf-profile-detail-wrapper a.favourite-icon {
  width: 28px;
  height: 30px;
}
.bf-profile-detail-wrapper a.favourite-icon img{
  width: 100%;
  height: 100%;
  margin-bottom: 12px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align {
  gap: 40px;
  margin-right: 40px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button::before {
  font-size: 24px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button {
  width: 24px;
  height: 24px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button.ap-plause {
  width: 44px;
  height: 44px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button.ap-plause::before {
  font-size: 22px;
}
.simple-player .simple-player-wrapper .ap-others.flex.flex-align {
  gap: 40px;
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align button::before, .simple-player .simple-player-wrapper .ap-others.flex.flex-align button::before {
  font-size: 26px;
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align button, .simple-player .simple-player-wrapper .ap-others.flex.flex-align button {
  width: 26px;
  height: 26px;
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align {
  margin-left: 40px;
}
.simple-player .simple-player-wrapper .ap-tracker.ap-loading {
  max-width: 350px;
}
section.bf-media-player-sec {
  padding-top: calc(60px + 107px + 122px);
}
.bf-login-left a img {
  max-width: 90px;
  margin-bottom: 35px;
}
.bf-login-wrap .bf-login-right {
  padding: 40px;
  margin: 30px 0;
}
.bf-login-wrap .bf-login-right .or-sec {
  margin: 20px 0 20px 0;
}
.bf-login-wrap .bf-login-right .nsl-container-buttons a {
  margin: 0 0 20px 0;
}
div.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
  padding: 10px 0;
  overflow: hidden;
}
.bf-how-start-sec h2, .bf-connect-wrap h2 {
  margin-bottom: 50px;
}
.bf-connect-cols {
  gap: 30px;
}
.bf-connect-cols .bf-connect-div {
  max-width: calc(100% / 3 - 20px);
}
.bf-connect-cols .bf-connect-div .bf-connect-content {
  padding: 30px;
}
.bf-how-star-wrap .bf-how-star-div h3 {
  margin-bottom: 12px;
}
.bf-how-star-wrap .bf-how-star-cols {
  gap: 60px;
}
.bf-how-star-wrap .bf-how-star-div .bf-how-star-img svg {
  width: 80px;
  height: 80px;
}
#main div#primary.bs-bp-container {
  padding: 125px 15px 0 15px;
  gap: 25px;
}
div#primary.bs-bp-container nav.vertical-menu {
  padding: 20px;
}
div#primary.bs-bp-container nav.vertical-menu ul li {
  margin-bottom: 10px;
}
#main div#primary.bs-bp-container main#main {
  padding: 15px;
}
#buddypress #item-header.users-header #item-header-cover-image #item-header-content>.flex {
  flex-flow: unset;
}
.bs-bp-container #buddypress #item-header-cover-image #item-header-avatar {
  margin-right: 15px;
  width: 100px;
  height: 100px;
}
.bs-bp-container .single-headers .member-status {
  right: 0px;
}
.bs-bp-container .users-header #item-header-avatar:hover .link-change-overlay {
  height: 100px;
  width: 100px;
}
.bp-wrap nav#object-nav li {
  margin-right: 15px;
  padding: 4px 18px;
}
body.bb-template-v2 .bp-dir-hori-nav:not(.bp-vertical-navs) nav#object-nav {
  margin-bottom: 15px;
}
.profile form > div.wpforms-field-container .wpforms-field.wpforms-field-layout {
  padding: 15px;
  margin-top: 0;
}
.bf-follow-profile-div .bf-follow-cols .bf-btn {
  max-width: 34%;
}
.bf-follow-profile-div .bf-follow-cols .bf-view-details {
  font-size: var(--p-14px);
  padding: 7px 15px;
  margin-left: 8px;
}
.bf-follow-profile-div .bf-follow-cols img {
  width: 52px;
  height: 52px;
}
.bf-follow-profile-div {
  padding: 15px;
}
.bb-profile-grid.bb-grid {
  padding: 20px;
}
.bf-forums-new article {
  padding: 15px;
}
.bf-multiple-adv-sec h2 {
  margin-bottom: 50px;
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .bf-multiple-content {
  padding: 20px;
}
.bf-real-time-sec .bf-real-time-cols {
  margin: 60px auto 0 auto;
  gap: 70px;
}
section.bf-earn-sec .bf-flexible-wrap,
.bf-felxible-sec .bf-flexible-wrap {
  padding: 50px;
}
.bf-bottom-earn .bf-earn-cols {
  gap: 20px;
}
.bf-bottom-earn .bf-earn-cols .bf-earn-div {
  padding: 30px 20px;
}
.bf-flexible-table table {
  margin-top: 50px;
}
.bf-faq-right .accordion-item .accordion-title {
  font-size: 20px;
}
.bf-faq-right .accordion-item {
  padding: 5px 5px 10px 5px;
}
.bf-adv-partner-form .bf-banner-deatil {
  padding: 85px 100px;
  margin-bottom: 120px;
  margin-top: 80px;
}
.bf-adv-partner-form .upload-community-shots {
  max-width: 450px;
  padding: 30px;
  right: 100px;
}
.bf-products-wrap .bf-filter-row ul.bf-product-categories li {
  padding: 8px 15px;
}
.bf-products-wrap .bf-filter-row ul.bf-product-categories {
  gap: 15px;
}
.woocommerce .bf-products-wrap .bf-products-list ul.products {
  margin-left: -1.5%;
  margin-right: -1.5%;
  row-gap: 50px;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product {
  width: 30.33%;
  max-width: 30.33%;
  margin: 0 1.5% 2%;
}
.bf-fav-tracks-grid .bf-genres-cols h3, .bf-genres-carousal .bf-genres-cols h3 {
  font-size: 20px;
}
.bf-product-detail-cotainer main#main {
    padding-top: 120px;
}
.woocommerce #content div.product div.summary {
    padding: 0 0 0 40px;
}
.woocommerce-tabs.wc-tabs-wrapper {
    margin: 20px 0 10px;
}
#content  .bf-product-detail-cotainer div.product div.summary .quantity {
    margin-bottom: 40px;
}

.bf-product-detail-cotainer .related h2 {
    font-size: 34px;
    margin-bottom: 30px;
}
.woocommerce #content div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel h3 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.woocommerce .bf-products-wrap .bf-products-list {
    margin-top: 0;
}
.bf-how-star-wrap .bf-how-star-cols::before {
    width: 893px;
    height: 736px;
    top: 128px;
}
.bf-artist-wrap h2 + .bf-upcoming-selection {
    width: 60%;
}
.bf-social-header > a svg {
    width: 20px;
    height: 20px;
}
.bf-social-header > a {
    width: 28px;
    height: 28px;
}
.bf-social-header > a:nth-child(4) svg {
    width: 18px;
    height: 18px;
}
.bf-social-header {
    margin-right: 9px;
        gap: 6px;
}
.bf-header-wrap .bf-header-menu {
    max-width: max-content;
}
body .primary-menu {
    padding-right: 40px;
}
.bf-header-search {
    right: 20px;
}
}

@media (max-width: 1080px) {
  .bp-messages-nav-panel {
    border-right: unset;
}
.bf-header-logo a {
    width: 52px;
}
body .primary-menu {
    padding-right: 24px;
}
.bf-header-search {
    right: 12px;
}
.bf-header-logo span {
    font-size: 13px;
    max-width: 120px;
}
.bf-header-right {
    gap: 10px;
}
.primary-menu .bf-header-search a svg,
.primary-menu .bf-header-search a {
    width: 20px;
    height: 20px;
}
.bf-header-right .bf-social-header > a svg {
    width: 20px;
    height: 20px;
}
.bf-header-right .bf-social-header > a {
    width: 28px;
    height: 28px;
}
.bf-header-right .bf-social-header > a:nth-child(4) svg {
    width: 18px;
    height: 18px;
}
.primary-menu.search-visible {
    max-width: 430px;
}
.bf-events-details .bf-events-wrapper {
    gap: 20px;
}
.bf-events-details .bf-events-wrapper .bf-events-cols {
    padding: 15px;
}
.bf-events-cols .bf-btn {
    gap: 12px;
}
}

@media (max-width: 1024px) {
  :root {
    --h1-80px: 54px;
    --h2-48px: 30px;
    --h3-32px: 22px;
    --p-20px: 16px;
    --p-18px: 14px;
    --p-16px: 14px;
    --p-14px: 12px;
  }
  .site-header .menu-item-has-children {
    position: absolute;
    top: 34px;
    right: 50px;
  }
.bf-social-menu-search {
	max-width: 70%;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	align-items: center;
  position: relative;
  padding-right: 34px;
}
  .primary-menu .bf-header-search {
    display: none;
  }
  .bf-header-right .bf-social-header > a {
    display: flex;
}
.primary-menu + .bf-header-right .bf-social-header {
  display: none;
}
.bf-hamburger {
    display: flex;
    position: relative;
    z-index: 1001;
    align-items: center;
    	max-width: 80%;
	width: 100%;
	justify-content: flex-end;
	gap: 10px;
  margin: auto;
}
.bf-artist-list-wrap .item {
    max-width: calc(100% / 3 - 14px);
}
.search-visible .bf-header-search a {
    right: 10px;
}
.bf-social-menu-search.search-visible .bf-social-header {
	display: none;
}
.bf-header-search {
    position: absolute;
    right: 0;
    height: auto;
    width: 100%;
    top: 0;
margin: auto;
bottom: 0;
justify-content: flex-end;
}
.bf-header-menu span.close-menu {
    width: 20px;
    height: 20px;
    font-size: 38px;
    top: 68px;
    position: absolute;
    right: 20px;
    cursor: pointer;
}
.bf-header-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: right 0.3s ease-in-out;
    z-index: 9999;
}
.bf-upcoming-dropdown-col a.clear-filter-artist, .bf-upcoming-dropdown-col a.clear-filter {
    margin-left: 8px;
}
.bf-artisti-title {
    gap: 20px;
}
div.bf-artist-wrap h2 + .bf-upcoming-selection {
    width: 68%;
}
.bf-header-menu nav {
    width: 100%;
    text-align: center;
}
.bf-header-menu ul {
    list-style: none;
    padding: 0;
}
.bf-header-menu li {
    margin: 15px 0;
}
.bf-header-menu a {
    color: white;
    text-decoration: none;
    font-size: 18px;
    display: block;
}
.bf-header-menu.active {
    right: -1px;
    justify-content: flex-start;
    padding-top: 130px;
}
.bf-header-menu.active + .bf-hamburger .open-menu {
    display: none;
}
.bf-header-wrap nav ul li {
  margin-right: 0;
}
.bf-header-menu.active + .bf-hamburger .close-menu {
    display: block;
    color: white;
}
  header .bf-header-wrap {
    padding: 10px 0;
    position: relative;
}
.bf-header-wrap nav ul {
  flex-direction: column;
  margin-bottom: 30px;
}
.bf-header-logo {
  z-index: 9999;
}
.bf-banner-deatil .item,
.bf-banner-carousal .item {
  padding-top: 66.35%;
}
.bf-banner-deatil .item-wrapper h1,
.bf-banner-carousal .item-wrapper h1 {
  margin-bottom: 15px;
}
.bf-banner-deatil .item-wrapper p,
.bf-banner-carousal .item-wrapper p {
  margin-bottom: 20px;
}
.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
}
section {
  padding-top: 40px;
  padding-bottom: 40px;
}
.bf-upcoming-selection .bf-upcoming-wrap {
  margin: 20px auto 20px auto;
}
.bf-upcoming-selection .bf-upcoming-dropdown-col {
  max-width: calc(100%/5 - 0px);
}
.bf-events-details .bf-events-wrapper .bf-events-cols {
  padding: 15px;
  margin-bottom: 20px;
}
.bf-events-cols .bf-date-time-events {
  margin-bottom: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.bf-playlist-wrap .bf-events-details .bf-events-wrapper .bf-playlist-detial-col {
  padding: 15px;
}
.bf-events-details .bf-events-wrapper {
    margin-bottom: 30px;
}
.bf-playlist-detial-col .bf-playlist-detail-top img {
  min-width: 50px;
  width: 50px;
  height: 50px;
}
.bf-playlist-wrap .bf-events-details .bf-events-wrapper {
  margin-bottom: 20px;
}
.bf-community-carousal .item:hover {
  transform: scaleY(1.4) scaleX(1.2) translateX(0);
}
.item .community-qr-wrap p.photo-para {
  font-size: 14px;
}
.item .community-qr-wrap img {
  max-width: 90px;
  height: 90px;
}
.bf-artist-carousal .bf-artist-img {
  margin-bottom: 10px;
}
.item .bf-artist-info {
  gap: 8px;
}
.bf-artist-sec .bf-artist-details {
  padding: 30px 0;
}
.bf-latest-sec .owl-theme .owl-nav {
  margin-top: 0;
}
.bf-latest-carousal .latest-wrap {
  gap: 15px;
}
.bf-music-sec .bf-music-wrap .bf-music-right {
  max-width: calc(100% - 250px - 20px);
}
.bf-music-sec .bf-music-wrap .bf-music-left {
  max-width: 250px;
}
.bf-music-right .owl-carousel.bf-music-carousal {
  padding-right: 50px;
}
.bf-music-carousal .owl-item .music-img-wrap {
  width: 100px;
  margin-bottom: 20px;
}
.bf-music-carousal .owl-item .item {
  padding: 25px 15px;
}
.bf-music-carousal .owl-item p {
  margin-bottom: 20px;
}
.bf-music-right .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 10px;
}
.bf-music-right .owl-carousel.bf-music-carousal .owl-dots button span {
  width: 80px;
}
.bf-footer-top {
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 40px 0;
  gap: 20px;
}
.bf-footer-col h3 {
  margin-bottom: 0;
}
.bf-footer-col .primary-menu .menu li {
  margin-bottom: 0;
}
.bf-footer-col.bf-footer-last,
.bf-footer-col.bf-footer-last-1,
.bf-footer-col.bf-footer-first-1,
.bf-footer-col.bf-footer-first {
  max-width: 45%;
}
.bf-footer-col .bf-contact-info {
  margin-bottom: 10px;
}
.bf-footer-col .bf-contact-info svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.bf-footer-col .bf-contact-info > a {
  line-height: 130%;
  margin-left: 24px;
}
.bf-footer-col .bf-contact-info span {
  line-height: 100%;
}
.bf-footer-col.bf-footer-last h3 {
  margin-bottom: 10px;
}
.bf-footer-first img {
  margin-bottom: 20px;
}
.bf-social-links {
  margin-top: 10px;
}
.bf-social-links a {
  width: 30px;
  height: 30px;
  min-width: 30px;
}
.bf-social-links a svg {
  width: 18px;
}
.article-blogs .article-blog-content {
  padding: 15px;
}
.bf-latest-news-right .blog-container {
  gap: 10px;
}
.bf-latest-news-right .blog-container .article-blogs {
  max-width: calc(100% /2 - 5px);
}
.bf-latest-news-content-wrap .bf-latest-sidebar {
  max-width: 30.6%;
}
.recent-posts-box .article-blogs .article-blog-img {
  max-width: 75px;
  padding-top: 24.3%;
}
.bf-pagination {
  margin-top: 30px;
}
.bf-pagination ul li {
  font-size: 20px;
}
.bf-article-detail-content-wrap .bf-detail-banner {
  margin-bottom: 20px;
}
.bf-article-detail-content-wrap .bf-detail-forms,
.bf-detail-content .bf-detail-video + span,
.bf-detail-video,
.bf-detail-content .bf-detail-quotes,
.article-blog-content p,
.article-blog-content span {
  margin-bottom: 20px;
}
.bf-detail-content .bf-detail-social-media {
  margin-bottom: 30px;
}
.bf-article-detail-content-wrap .bf-detail-recent-post h2 {
  font-size: 40px;
  margin-bottom: 30px;
}
.bf-latest-news-banner .bf-latest-banner {
  padding-top: 40.71%;
}
.latestnews-article-page .bf-sidebar-wrap form.wp-block-search button.wp-block-search__button::before {
  width: 18px;
  height: 18px;
  right: 10px;
}
.latestnews-article-page .bf-sidebar-wrap form .wp-block-search__inside-wrapper {
  margin: 0 0 23px 0;
}
.upload-community-shots {
  max-width: 670px;
  padding: 50px 30px;
}
.tribe-events button.tribe-events-c-top-bar__datepicker-button {
  color: var(--white);
  font-size: 16px;
}
.tribe-events .tribe-events-header {
  margin: 0;
  padding: 0 0 20px 0;
}
.tribe-common .tribe-common-l-container {
  padding-left: 0;
  padding-right: 0;
}
.tribe-events .tribe-events-c-events-bar__search-button-icon-svg path {
  fill: var(--white);
}
.tribe-events .tribe-events-c-events-bar__search-button-icon-svg {
  width: 18px;
}
.tribe-common .tribe-common-c-svgicon__svg-fill {
  fill: var(--white);
}
.tribe-events .tribe-events-c-view-selector__button-icon {
  height: 19px;
  width: 19px;
}
.tribe-events button.tribe-events-c-top-bar__datepicker-button:focus, .tribe-events button.tribe-events-c-top-bar__datepicker-button:hover {
  color: var(--white);
}
.bf-calender-data .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column {
  padding: 18px;
}
.tribe-common .tribe-common-b3 {
  font-size: 16px;
}
.bf-calender-data .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column {
  border-width: 1px 1px 1px 0;
}
.bf-calender-data .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column:first-child {
  border-width: 1px;
  border-radius: 10px 0 0 0;
}
.bf-calender-data .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column:last-child {
  border-width: 1px;
  border-radius: 10px 0 0 0;
}
.bf-calender-data .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column:last-child {
  border-width: 1px 1px 1px 0;
  border-radius: 0 10px 0 0;
}
.bf-latest-news-banner.bf-artists-detail .bf-latest-banner {
  padding-top: 45.66%;
}
.bf-artists-profile-sec .bf-artists-profile-wrap {
  padding: 30px;
}
.bf-artists-profile-header .bf-profile-details .bf-profile-detail-btn h2 {
  font-size: 28px;
  gap: 10px;
}
.bf-profile-details .bf-meta-info span {
  font-size: 20px;
}
.bf-artists-profile-header .bf-profile-img {
  width: 154px;
  min-width: 154px;
  height: 154px;
}
.bf-profile-details .bf-meta-info .bf-social-link-wrap a {
  width: 35px;
  min-width: 35px;
  height: 35px;
}
.bf-artists-upcoming-detail-sec .bf-upcoming-wrap {
  margin-bottom: 30px;
}
.bf-profile-box .bf-awards svg {
  width: 24px;
  height: 24px;
  min-width: 24px;
}
.bf-artists-profile-header .bf-profile-details .bf-profile-detail-btn h2 svg {
  width: 26px;
  height: 26px;
  min-width: 26px;
}
.bf-artists-profile-header .bf-profile-details .bf-profile-detail-btn h2 a {
  width: 26px;
  height: 26px;
}
.bf-contact-journey-cols .bf-contact-left .bf-left-mail {
  margin-top: 30px;
}
.bf-contact-journey-wrap .bf-contact-journey-cols {
  padding: 30px;
}
.bf-contact-journey-wrap .bf-contact-journey-cols .bf-contact-right {
  max-width: 58%;
}
.bf-contact-journey-wrap .bf-contact-journey-cols .bf-contact-left {
  max-width: 36%;
  padding-top: 10px;
}
.bf-contact-journey-cols .bf-contact-left .bf-left-mail h3 {
  font-size: 28px;
}
div.bf-genres-carousal .owl-dots {
  margin-top: 22px;
}
.bf-playlist-col a h3 {
  font-size: 14px !important;
}
.bf-genres-sec .bf-genres-carousal .owl-item {
  padding-right: 24px;
}
.bf-genres-sec .bf-genres-wrap h2 {
  margin-bottom: 20px;
}
section.bf-genres-sec {
  padding-bottom: 50px;
}
.bf-playlist-mood-wrap h2 {
  margin-bottom: 20px;
}
.bf-playlist-mood-cols {
  column-gap: 15px;
  row-gap: 30px;
}
.bf-playlist-mood-cols .bf-playlist-col {
  max-width: calc(100% / 5 - 12px);
}
section.bf-playlist-mood-sec {
  padding-bottom: 50px;
}
.bf-playlist-col a h3 {
  font-size: 14px;
}
.bf-music-media-carousal .bf-music-media .bf-music-left h2,
.bf-music-media-carousal .bf-music-media .bf-music-left h1 {
  font-size: 50px;
}
.bf-music-media-carousal .owl-item {
  padding: 30px;
}
section.bf-music-media-banner {
  padding-top: 130px;
  padding-bottom: 50px;
}
.bf-media-player-top .bf-profile-detail-top {
  gap: 25px;
}
.bf-detail-form-sec .comment-respond p {
  margin-bottom: 15px;
  width: 100%;
}
.comment-form-cookies-consent #wp-comment-cookies-consent {
  min-height: 25px;
}
.bf-detail-form-sec .comment-respond .comment-form-comment textarea {
  min-height: 70px;
}
.bf-detail-form-sec .comment-respond label {
  margin-bottom: 3px;
}
.bf-profile-detail-wrapper h2 {
  gap: 10px;
}
.bf-profile-detail-wrapper .bf-media-btns {
  margin-top: 15px;
}
.bf-media-player-div .bf-media-player-fav p, .bf-media-player-content p {
  text-align: end;
}
.bf-media-player-div .bf-media-player-fav {
  gap: 10px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align {
  gap: 25px;
  margin-right: 25px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button::before {
  font-size: 20px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button {
  width: 20px;
  height: 20px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button.ap-plause {
  width: 30px;
  height: 30px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button.ap-plause::before {
  font-size: 16px;
}
.simple-player .simple-player-wrapper .ap-others.flex.flex-align {
  gap: 25px;
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align button::before, .simple-player .simple-player-wrapper .ap-others.flex.flex-align button::before {
  font-size: 20px;
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align button, .simple-player .simple-player-wrapper .ap-others.flex.flex-align button {
  width: 20px;
  height: 20px;
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align {
  margin-left: 25px;
}
.simple-player .simple-player-wrapper .ap-tracker.ap-loading {
  max-width: 250px;
}
section.bf-media-player-sec {
  padding-top: calc(20px + 107px + 122px);
}
.simple-player .simple-player-wrapper {
  padding: 20px 15px;
}
.simple-player {
  top: 110px;
}
.bf-login-wrap .bf-login-right {
  padding: 30px;
  max-width: calc(100% - 43.5%);
}
#main div#primary.bs-bp-container {
  padding: 90px 15px 0 15px;
  gap: 20px;
}
div#primary.bs-bp-container nav.vertical-menu ul li {
  padding: 8px;
}
div#primary.bs-bp-container nav.vertical-menu {
  padding: 15px;
  max-width: 180px;
}
body #buddypress #item-header-cover-image {
  flex-flow: unset;
}
.bp_members.type-bp_members #item-header-content>.flex .bb-user-content-wrap .item-meta {
  text-align: left;
}
.bp_members.type-bp_members #item-header-content>.flex .bb-user-content-wrap .member-title-wrap {
  margin-bottom: 4px;
  text-align: left;
}
.bf-follow-profile-div {
  padding: 8px;
}
.bf-follow-profile-div .bf-follow-cols .bf-cols-img {
  gap: 10px;
  max-width: 30%;
}
div.bf-follow-profile-div .bf-follow-cols .bf-btn {
  max-width: 43%;
}
article#post-135,
.bb-profile-grid.bb-grid {
  padding: 15px;
}
body #buddypress #item-header-cover-image div#item-header-content > div {
  flex-wrap: wrap !important;
}
.bf-forums-new header.entry-header {
  padding: 10px 15px;
}
.bf-forums-new #bbp-search-form #bbp_search {
  max-width: 200px;
}
#main div#primary.bs-bp-container.bs-bp-community main#main {
  flex-direction: column;
  gap: 15px;
}
div#seamless_photo_upload_widget-2 {
  margin-bottom: 15px;
}
#buddypress .bf-notification-settings-div .custom-switch .slider::before {
  height: 14px;
  width: 14px;
}
#buddypress .bf-notification-settings-div .custom-switch .slider {
  height: 22px;
}
#buddypress .bf-notification-settings-div .custom-switch {
  gap: 12px;
}
.bs-item-list.list-view .bs-item-wrap {
  padding: 15px;
}
.bs-bp-favorite .bb-profile-grid.bb-grid {
  padding: 0;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec {
  gap: 15px;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec .item {
  max-width: 31.35%;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec .bf-artist-info .bf-detail-bottom {
  flex-wrap: wrap;
  gap: 5px;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec button.remove-favorite-button {
  padding: 5px 11px;
  font-size: 12px;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec .item .bf-artist-info {
  padding: 10px;
}
.bf-fav-tracks-grid {
  gap: 15px;
}
.bf-fav-tracks-grid .bf-genres-cols {
  max-width: calc(100%/3 - 10px);
}
.bf-fav-tracks-grid .bf-genres-cols h3 {
  padding: 10px 10px 0;
  margin-bottom: 12px !important;
}
.bf-brand-sec h4 {
  font-size: 20px;
  margin-bottom: 20px;
}
.bf-brand-sec .bf-brand-cols {
  gap: 60px;
  margin: 30px 0;
}
.bf-multiple-adv-sec h2 {
  margin-bottom: 30px;
}
.bf-real-time-sec .bf-real-time-cols {
  margin: 40px auto 0 auto;
  gap: 40px;
}
.bf-real-time-sec .bf-real-time-cols .bf-real-time-div {
  max-width: 340px;
}
.bf-flexible-table th, .bf-flexible-table td {
  padding: 15px;
}
.bf-flexible-table td:first-child {
  font-size: 20px;
}
.bf-flexible-table th {
  font-size: 18px;
}
.bf-flexible-table .select-btn,
.bf-flexible-table .contact-btn {
  padding: 8px 15px;
}
.bf-bottom-earn .bf-earn-cols .bf-earn-div h4, .bf-real-time-sec .bf-real-time-div h3 {
  font-size: 20px;
  margin: 15px 0 8px 0;
}
section.bf-earn-sec .bf-flexible-wrap, .bf-felxible-sec .bf-flexible-wrap {
  padding: 30px;
}
.bf-flexible-table table {
  margin-top: 30px;
}
section.bf-adv-btn .bf-music-wrap .bf-music-left .bf-btn {
  margin-top: 20px;
}
.bf-bottom-earn h3 {
  margin-top: 30px;
}
.bf-bottom-earn .bf-earn-cols .bf-earn-div {
  padding: 20px 15px;
}
.bf-faq-sec .bf-faq-wrap .bf-faq-right {
  max-width: 56.67%;
}
.bf-adv-partner-form .upload-community-shots {
  max-width: 420px;
  padding: 20px;
  right: 50px;
}
.bf-adv-partner-form .bf-banner-deatil {
  padding: 85px 50px;
}
.bf-faq-sec .bf-faq-wrap .bf-faq-left {
  gap: 20px;
}
.bf-adv-partner-form .upload-community-shots h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
#podcast-player {
  margin: 30px auto 0 auto !important;
  padding: 30px 20px;
  gap: 20px;
}
#podcast-player #podcast-episodes h2 {
  margin-bottom: 20px !important;
}
.bf-products-wrap .bf-filter-row ul.bf-product-categories {
  gap: 10px;
}
.woocommerce .bf-products-wrap .bf-products-list ul.products {
  margin-left: -1%;
  margin-right: -1%;
  row-gap: 20px;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product {
  width: 31.33%;
  max-width: 31.33%;
  margin: 0 1% 2%;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-image {
  padding: 10px;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .bf-product-bottom-box {
  padding: 10px;
}
nav.woocommerce-pagination {
  margin-top: 20px;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .product-actions a.bf-view-product {
  max-width: 35%;
}
.woocommerce #content .bf-product-detail-cotainer div.product {
    -ms-flex-direction: row;
    flex-direction: row;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  margin-bottom: 20px;
}
#content .bf-product-detail-cotainer div.product div.summary h1.product_title {
    font-size: 30px;
    margin-bottom: 15px;
}
.woocommerce .bf-product-detail-cotainer div.product p.price {
    margin: 15px 0 20px 0;
}
#content  .bf-product-detail-cotainer div.product div.summary .quantity {
    margin-bottom: 20px;
}
form.cart .info-card {
    margin: 25px 0 0 0;
    padding: 12px;
}
form.cart .info-card .info-item:first-child {
    border-bottom: 1px solid #222222;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.bf-product-detail-cotainer .related h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
.woocommerce #content div.product div.summary {
    padding: 0 0 0 30px;
}
.woocommerce #content div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel h3 {
    font-size: 18px;
}
#content div.product div.summary .product_meta {
    margin-bottom: 10px;
    padding: 10px;
}
.bf-how-star-wrap .bf-how-star-cols::before {
content: unset;
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #customer_details {
  padding-right: 30px;
}
.woocommerce-cart .bass-container .woocommerce .cart-collaterals {
  max-width: 40%;
  padding-left: 30px;
}
.woocommerce-cart .bass-container .woocommerce form.woocommerce-cart-form {
  max-width: 60%;
}
.woocommerce-cart #content .woocommerce table.cart td.product-thumbnail {
  text-align: left !important;
  display: table-cell;
}
.woocommerce table.shop_table.shop_table_responsive tr:nth-child(even) td {
  background-color: transparent;
}
.woocommerce-cart .bs-quantity input[type=number]:focus, .woocommerce-cart .bs-quantity input[type=number] {
  min-width: 40px;
  max-width: 40px;
}
.woocommerce form.checkout_coupon {
  margin-top: 0px;
  padding: 7px;
  display: flex;
  max-width: max-content;
}
.woocommerce form.checkout_coupon .form-row-first {
  width: auto;
}
.woocommerce table.woocommerce-table--order-details.shop_table_responsive.order_details_items tr:nth-child(2n) td, .woocommerce-checkout .woocommerce .woocommerce-order .woocommerce-order-details-wrapper table.woocommerce-table--order-details.shop_table_responsive.order_details_items tr:nth-child(2n) td {
  background-color: transparent;
}
body #profileForm section {
  padding: 15px;
}
#profileForm section .checkbox-row, #profileForm section h2 {
  margin-bottom: 20px;
}
#profileForm section button.edit-btn {
  font-size: 16px;
  top: 20px;
  right: 20px;
}
#profileForm section .form-group label {
  max-width: 150px;
}
#profileForm section .form-group select, #profileForm section .form-group input {
  max-width: 314px;
}
section div.bf-artist-live-music .bf-upcoming-dropdown-col {
  margin-left: 6px;
  max-width: calc(100% / 3 - 10px);
}
.bf-detail-form-sec .comment-list .comment-body {
    padding: 15px;
}
.bf-follow-profile-div .upload-community-shots > {
  margin: 0;
}
.bf-follow-profile-div .upload-community-shots {
    padding: 10px;
        width: 100%;
    max-width: 100%;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium {
    font-size: 22px;
    margin-bottom: 5px;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {
    font-size: 14px;
    margin-bottom: 10px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event {
    margin-bottom: 20px;
    margin-top: 20px;
}
.bf-events-details .bf-events-wrapper .bf-events-cols {
    max-width: calc(100%/2 - 20px);
            margin-bottom: 0;
}
.bf-hamburger .open-menu {
      margin-top: 5px;
}
.bf-privacy-policy-wrap {
    max-width: 100%;
}
.bf-privacy-policy-wrap h5, .bf-privacy-policy-wrap h4, .bf-privacy-policy-wrap h3, .bf-privacy-policy-wrap h2, .bf-privacy-policy-wrap h1 {
    margin-top: 30px;
    margin-bottom: 10px;
}
.bf-header-menu.active .bf-social-header {
    display: none;
}
.bf-header-logo span {
    font-size: 16px;
    max-width: 250px;
}
}
@media (max-width: 989px) {
  .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg {
    margin-left: 10px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
  min-height: 118px;
}
.bb-tribe-events-views-v2 .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 {
  padding: 16px 20px 10px 20px;
}
.tribe-common .tribe-common-h8 {
  padding: 2px;
  font-size: 13px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__multiday-event-wrapper {
  min-height: 24px;
  margin-bottom: 5px;
}
#podcast-player #podcast-episodes #listen-button {
  padding: 7px 30px !important;
}
.bf-login-right h1 + p {
  margin-bottom: 20px;
}
.upload-community-shots div.wpforms-container-full .wpforms-field-html a {
  font-size: 14px;
}
.bf-login-left a img {
  max-width: 80px;
  margin-bottom: 25px;
}
.woocommerce-cart .bass-container .woocommerce form.woocommerce-cart-form {
  max-width: 70%;
}
    .tribe-events .tribe-events-calendar-day .tribe-events-calendar-day__event .tribe-events-calendar-day__event-content {
        padding: 24px 0 !important;
    }
.woocommerce-cart .bass-container .woocommerce .cart-collaterals {
  max-width: 30%;
  padding-left: 20px;
}
.tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--event {
    background-color: #00ff37;
    opacity: var(--tec-opacity-default);
}
.tribe-events .tribe-events-c-nav__prev-icon-svg path,
.tribe-events .tribe-events-c-nav__next-icon-svg path {
    fill: #e1e1e1;
}

}
@media (max-width: 798px) {
  .bf-tab-details .bf-calender-wrap {
    gap: 20px;
    flex-direction: column;
    margin: 30px 0;
}
.tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {
    width: 100%;
    max-width: max-content;
    margin: 0 auto 0 auto !important;
}
.tribe-events .tribe-events-calendar-month__day-cell--mobile:focus, .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover {
    border-bottom: 2px solid #1e90ff;
}
body .tribe-events nav.tribe-events-calendar-month-nav ul li a:hover,
.tribe-events .tribe-events-c-nav__prev:hover, .tribe-events .tribe-events-c-nav__next:hover {
  color: var(--green) !important;
}
.tribe-events .tribe-events-calendar-day .tribe-events-calendar-day__event .tribe-events-calendar-day__event-content {
    padding: 15px !important;
}
.tribe-common .tribe-common-h6 {
    font-size: 14px;
    padding: 0;
}
.bf-calender-wrap .bf-tab-filter {
  max-width: 100%;
  justify-content: center;
}
.bf-artist-list-wrap .item .bf-detail-bottom .bf-detail-right {
    flex-direction: row;
}
.bf-tab-details .bf-tab-events-span {
    gap: 12px;
    justify-content: center;
}
.bf-calender-data .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column {
  padding: 10px;
}
.tribe-common .tribe-common-b3 {
  font-size: 14px;
}
.tribe-common .tribe-common-h6 {
  font-size: 14px;
  padding: 8px 0;
}
.bf-tab-events-wrap .bf-tab-sec {
  padding: 10px;
  max-width: 300px;
}
.bf-tab-wrap-col ul li {
  padding: 8px 12px;
}
.tribe-events .tribe-events-calendar-month__day:last-child {
  border-right: 1px solid #222222;
}
.tribe-events .tribe-events-calendar-month__day {
  border-radius: 0;
  border: 1px solid #222222;
  border-top: 0;
  border-right: 0;
  min-height: 60px;
}
.tribe-events .tribe-events-l-container {
  min-height: auto;
  padding-bottom: 0;
}
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime {
  color: #ffffff;
}
.tribe-common a:not(.tribe-common-anchor--unstyle), .tribe-common a:not(.tribe-common-anchor--unstyle):active, .tribe-common a:not(.tribe-common-anchor--unstyle):focus, .tribe-common a:not(.tribe-common-anchor--unstyle):hover, .tribe-common a:not(.tribe-common-anchor--unstyle):visited {
  color: #ffffff;
  font-size: 14px;
}
.tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8 {
  color: var(--white);
}
.tribe-events .tribe-events-c-nav__next:disabled, .tribe-events button.tribe-events-c-nav__next:disabled {
  font-size: 14px;
}

.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event+.tribe-events-calendar-month-mobile-events__mobile-event {
  border-top: 1px solid #222222;
}
.tribe-events .tribe-events-c-day-marker:after {
  background-color: #222222;
}
.tribe-events .tribe-events-c-nav {
  border-top: 1px solid #222;
  margin-top: 0;
}
.tribe-common .tribe-common-b2 {
  font-size: 12px;
}
#wpfront-scroll-top-container {
    width: 40px;
    height: 40px;
}
.tribe-events .tribe-events-calendar-month__day-cell--mobile:focus, .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover {
  background-color: #000000;
  border-bottom: 2px solid #fff;
}
.tribe-events .tribe-events-calendar-month__week:last-child .tribe-events-calendar-month__day:first-child {
  border-radius: 0 0 0 10px;
}
.tribe-events .tribe-events-calendar-month__week:last-child .tribe-events-calendar-month__day:last-child {
  border-radius: 0 0 10px 0;
}
body .bf-right-detail .bf-head h3 {
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: 22px;
}
.bf-event-right-div .bf-detail-div {
  margin-bottom: 10px;
}
.bf-left-col .bf-top-title {
  margin-top: 20px;
  margin-bottom: 15px;
}
.bf-left-col .events-detail-map {
  margin-top: 30px;
}
.bf-events-details-wrap .bf-green-btn a {
  padding: 7px 24px;
  min-height: 38px;
}
.bf-artist-wrap h2 + .bf-upcoming-selection {
  width: 62%;
}
.bf-upcoming-selection .bf-upcoming-dropdown-col {
  max-width: 30%;
  margin-left: 10px;
}
.bf-artist-list-wrap {
  column-gap: 15px;
  row-gap: 15px;
}
.bf-how-start-sec h2, .bf-connect-wrap h2 {
  margin-bottom: 30px;
}
.bf-connect-cols {
  gap: 20px;
}
.bf-connect-cols .bf-connect-div {
  max-width: calc(100% / 3 - 14px);
}
.bf-connect-cols .bf-connect-div .bf-connect-content {
  padding: 20px;
}
.bf-how-star-wrap .bf-how-star-div .bf-how-star-img svg {
  width: 60px;
  height: 60px;
}
.bf-how-star-wrap .bf-how-star-div {
  gap: 10px;
  padding: 24px;
}
.bf-how-star-wrap .bf-how-star-cols {
  gap: 50px;
}
.bf-today-sec .bf-banner-deatil p {
  margin-top: 10px;
}
.woocommerce-cart .bass-container .woocommerce form.woocommerce-cart-form {
  max-width: 100%;
}
.woocommerce-cart .bass-container .woocommerce .cart-collaterals {
  max-width: 100%;
  padding-left: 0;
}
.woocommerce-cart .bass-container {
  padding: 70px 15px 50px 15px;
}
.woocommerce-cart .bass-container h1 {
  margin-bottom: 10px;
}
.woocommerce-cart #content .woocommerce table.cart td.product-thumbnail {
  display: block;
}
.woocommerce table.shop_table .coupon input.input-text {
  margin-bottom: 15px!important;
}
.bp-tables-user td.data .bf-gallery-img {
    max-width: 22%;
}
.bf-events-details-wrap .bf-left-col .feature-img {
    font-size: 44px;
    height: 140px;
    width: 190px;
}
}
@media (max-width: 767px) {
  :root {
    --h1-80px: 34px;
    --h2-48px: 26px;
    --h3-32px: 20px;
    --p-20px: 16px;
    --p-18px: 16px;
    --p-16px: 14px;
    --p-14px: 14px;
  }
  .site-header .menu-item-has-children {
    top: 20px;
}
.bf-header-wrap .bf-header-logo {
    width: max-content;
}
.bf-header-logo a {
    width: 50px;
}
.bf-banner-wrap .owl-theme .owl-nav.disabled + .owl-dots {
  bottom: 12px;
  padding: 5px 8px;
}
div.owl-theme .owl-dots .owl-dot span {
  width: 6px;
  height: 6px;
}
.bf-banner-deatil .item, .bf-banner-carousal .item {
    padding-top: 110%;
}
.bf-banner-deatil .item-wrapper,
.bf-banner-carousal .item-wrapper {
  padding: 0 15px;
}
.item-cols-artist .custom-dropdown {
  padding: 9px 30px 9px 15px;
  max-width: 120px;
}
.bf-artist-wrap h2 + .bf-upcoming-selection {
  width: 100%;
}
div.bf-artist-live-music.bf-upcoming-wrap {
  justify-content: center;
}
.bf-upcoming-selection .bf-upcoming-dropdown-col {
  max-width: calc(100% / 2 - 16px);
  margin-left: 0;
}
.bf-artist-list-wrap .item {
  max-width: 100%;
}
.bf-artist-list-wrap .bf-artist-img {
  margin-bottom: 8px;
}
.bf-artisti-title {
  gap: 20px;
  flex-direction: column;
}
.item-cols-artist .wp-block-search__inside-wrapper {
  min-height: 40px;
}
.item-cols-artist .wp-block-search__inside-wrapper input {
  min-height: 40px;
  padding: 6px 20px;
}
.item-cols-artist .wp-block-search__inside-wrapper button {
  width: 34px;
  height: 34px;
  right: 5px;
}
.item-cols-artist form.wp-block-search button.wp-block-search__button::before {
  right: 7px;
  width: 18px;
  height: 18px;
}
.bf-banner-deatil .item-wrapper p,
.bf-banner-carousal .item-wrapper p {
  margin-bottom: 15px;
}
.bf-banner-deatil .item-wrapper,
.bf-banner-carousal .item-wrapper {
  top: 65%;
  transform: translateY(-65%);
}
.bf-upcoming-selection .bf-upcoming-wrap {
  flex-wrap: wrap;
  gap: 10px;
}
.bf-latest-news-right .blog-container {
  gap: 15px;
}
.bf-upcoming-dropdown-col .dropdown-list {
  top: 26px;
  padding-top: 20px;
  z-index: 9;
}
.bf-upcoming-selection .bf-upcoming-dropdown-col {
  z-index: auto;
  max-width: calc(100% / 2 - 10px);
}
.bf-events-details .bf-events-wrapper .bf-events-cols {
    margin-bottom: 0;
    max-width: 100%;
}
.bf-upcoming-dropdown-col .selected-item {
  max-width: 100%;
}
.bf-events-wrapper .bf-events-cols .bf-events-cols-img {
  padding-top: 66.5%;
  max-width: 100%;
}
.bf-events-wrapper .bf-events-cols .bf-events-cols-info {
  max-width: 100%;
  margin-left: 0;
  margin-top: 15px;
}
.bf-events-cols .bf-city-cols, .bf-events-cols .bf-left-cols {
    font-size: 14px;
    line-height: 150%;
    align-items: center !important;
}
section {
  padding-top: 30px;
  padding-bottom: 30px;
}
.bf-playlist-wrap .bf-events-details .bf-events-wrapper {
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.bf-playlist-wrap .bf-events-details .bf-events-wrapper .bf-playlist-detial-col {
  max-width: 100%;
}
.bf-community-bottom .bf-community-carousal.owl-carousel {
  padding-left: 15px;
}
.bf-community-carousal .item:hover {
  transform: scaleY(1.2) scaleX(1.2) translateX(0);
}
.bf-community-carousal .item:hover .community-qr-wrap .bf-qr-details {
  transform: scaleX(calc(1 / 1)) scaleY(calc(1 / 1));
}
.bf-community-carousal.owl-carousel .owl-stage-outer {
  padding: 40px 0;
}
.bf-pagination button.owl-next, .bf-pagination button.owl-prev,
.bf-pagination button.owl-next::before, .bf-pagination button.owl-prev::before,
.bf-green-arrow div.owl-nav button.owl-next, .bf-green-arrow div.owl-nav button.owl-prev,
.bf-green-arrow div.owl-nav button.owl-next::before, .bf-green-arrow div.owl-nav button.owl-prev::before {
  width: 40px;
  height: 40px;
}
.bf-community-sec .bf-green-arrow .owl-nav {
  padding-left: 15px;
}
.bf-green-arrow div.owl-nav button.owl-prev::before, .bf-green-arrow .owl-nav button.owl-next::before {
  left: -18px;
}
.item .bf-artist-info {
  padding: 10px;
}
.bf-artist-info .bf-detail-right {
  gap: 8px;
  align-items: flex-end;
  flex-direction: column;
}
.bf-green-arrow .owl-nav {
  top: 50px;
}
.bf-latest-top {
  margin-bottom: 80px;
}
.latest-wrap p {
  margin: 0 0 10px 0;
}
.bf-latest-carousal {
  margin: 20px 0;
}
.bf-music-sec .bf-music-wrap .bf-music-left {
  max-width: 100%;
}
.bf-music-sec .bf-music-wrap .bf-music-left h2 {
  margin-bottom: 10px;
}
.bf-music-sec .bf-music-wrap .bf-music-left p {
  margin-bottom: 15px;
}
.error404 .site {
  min-height: 75vh;
}
.bf-music-sec .bf-music-wrap .bf-music-right {
  max-width: 100%;
  margin-top: 20px;
  padding-left: 15px;
}
.bf-music-carousal .owl-item p {
  font-size: 14px;
}
section .bf-music-carousal .music-detail-wrap p {
  margin-bottom: 0;
}
.bf-music-right .owl-carousel.bf-music-carousal .owl-dots button span {
  width: 25px;
}
.bf-music-right .owl-theme .owl-nav.disabled+.owl-dots {
  text-align: left;
}
.bf-mission-wrap .bf-mission-left {
  max-width: 100%;
}
.bf-mission-right {
  max-width: 100%;
  margin-top: 20px;
}
.bf-subscribe-sec .bf-subscribe-details {
  padding: 40px 0;
}
.bf-subscribe-details .bf-form-sec {
  width: 100%;
}
.bf-subscribe-details .wpforms-form .wpforms-field input[type=email] {
  min-width: 100%;
}
/* .bf-footer-col .primary-menu .menu li, */
.bf-subscribe-sec .bf-subscribe-details h2,
/* .bf-footer-first p, */
.bf-subscribe-sec .bf-subscribe-details p {
  text-align: center;
}
.bf-footer-col.bf-footer-last,
.bf-footer-col.bf-footer-first {
  max-width: 100%;
}
.bf-footer-col.bf-footer-last, .bf-footer-col.bf-footer-last-1, .bf-footer-col.bf-footer-first-1, .bf-footer-col.bf-footer-first {
  /* justify-content: center;
  align-items: center; */
  display: flex;
  flex-direction: column;
}
.bf-footer-first img {
  width: 60px;
}
/* .bf-footer-col .bf-contact-info span {
  justify-content: center;
} */
.bf-copyright p {
  font-size: 12px;
}
.bf-latest-news-content-wrap .bf-latest-sidebar {
  max-width: 100%;
}
.bf-latest-news-content-wrap .bf-latest-news-right {
  max-width: 100%;
  margin-top: 20px;
}
.article-blogs .article-blog-content {
  padding: 10px;
}
.bf-pagination ul li {
  width: 40px;
  height: 40px;
  font-size: 16px;
}
.bf-sidebar-wrap form .wp-block-search__inside-wrapper input {
  min-height: 43px;
}
.bf-latest-news-banner-wrap .bf-banner-title {
  width: 80%;
}
.bf-latest-news-banner .bf-latest-banner {
  padding-top: 80.71%;
}
.bf-sidebar-wrap .post-tags-box, .bf-sidebar-wrap .recent-posts-box, .bf-sidebar-wrap ul.post-categories-box {
  margin: 0 0 15px 0;
}
.bf-sidebar-wrap .post-tags-box li a {
  padding: 6px 12px;
  font-size: 12px;
}
.bf-sidebar-wrap .post-tags-box li {
  line-height: normal;
}
.recent-posts-box .article-blogs .article-blog-img {
  max-width: 95px;
  padding-top: 20%;
}
.bf-latest-news-right .blog-container .article-blogs {
  max-width: 100%;
}
.bf-article-detail-content-wrap .bf-detail-banner,
.bf-detail-content .bf-detail-video + span,
.article-blog-content p,
.article-blog-content span {
  margin-bottom: 15px;
}
.bf-detail-content .bf-detail-quotes {
  padding: 15px;
  margin-bottom: 15px;
}
.bf-detail-video .bf-playlist-detail-middle {
  max-width: 100%;
}
.bf-detail-video {
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.bf-detail-content .bf-social-links {
  flex-wrap: wrap;
}
.bf-detail-content .bf-social-links p {
  width: 100%;
  text-align: center;
}
.bf-detail-content .bf-detail-social-media {
  margin-bottom: 20px;
}
.bf-article-detail-content-wrap .bf-detail-forms {
  padding: 20px;
  margin-bottom: 0px;
}
.bf-detail-form-sec .wpforms-container.wpforms-container-full .wpforms-field {
  margin-bottom: 20px;
  max-width: 100%;
}
.bf-article-detail-content-wrap .bf-detail-recent-post {
  padding: 40px 0 0;
}
.bf-article-detail-content-wrap .bf-detail-recent-post h2 {
  font-size: 32px;
  margin-bottom: 20px;
}
.bf-subscribe-details .wpforms-form .wpforms-field-container {
  border-radius: 100px;
  overflow: hidden;
}
.upload-community-shots {
  max-width: 88%;
  padding: 40px 20px 20px 20px;
  margin: 110px auto 50px auto;
}
body .upload-community-shots h1 {
  margin-bottom: 20px;
}
.upload-community-shots div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader .dz-message {
  font-size: 14px;
}
div div.wpforms-container div.wpforms-uploader .dz-preview {
  width: 33%;
}
.bf-events-cols .bf-date-time-events {
  gap: 10px;
}
.bf-events-details-wrap .bf-left-detail {
  max-width: 100%;
  padding-right: 0;
}
.bf-events-details-wrap {
  flex-wrap: wrap;
  gap: 30px;
}
.bf-events-details-wrap .bf-right-detail {
  max-width: 100%;
}
.bf-latest-news-banner.bf-artists-detail .bf-latest-banner {
  padding-top: 80.66%;
}
.bf-artists-profile-sec .bf-artists-profile-wrap {
  padding: 25px 15px;
}
.bf-artists-profile-wrap .bf-artists-profile-header {
  flex-direction: column;
  gap: 20px;
}
.bf-artists-profile-header .bf-profile-img {
  width: 280px;
  min-width: 280px;
  height: 174px;
}
.bf-artists-profile-header .bf-profile-details {
  max-width: 100%;
}
.compose .bp-messages-recipient .select2-container {
  border: 1px solid #cccccc40;
  border-radius: 50px;
  color: #fff;
  padding: 2px 10px;
}
.bb-template-v2.compose #send_message_form .bp-messages-form-header .bp-close-compose-form:hover {
  background-color: transparent;
}
header.bf-header {
  height: 80px;
      padding-top: 40px;
}
.bf-artists-profile-header .bf-profile-details p.bf-location {
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0;
}
.bf-header-logo span {
    font-size: 14px;
    max-width: 160px;
    margin-left: 6px;
}
.bf-hamburger {
    max-width: calc(100% - 210px);
    margin: 0;
    position: static;
}
.bf-social-menu-search.search-visible .bf-social-header {
    display: flex;
}
.bf-social-header > a {
    width: 28px;
    height: 28px;
    display: flex;
}
.bf-social-header > a svg {
    width: 20px;
    height: 20px;
}
.bf-social-header > a:nth-child(4) svg {
    width: 17px;
    height: 17px;
}
.bf-social-header {
    position: fixed;
    top: 0;
    bottom: auto;
    width: 100%;
    margin: 0 auto;
    left: 0;
    padding: 7px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.bf-artists-profile-header .bf-profile-details .bf-profile-detail-btn h2 {
  font-size: 26px;
}
.bf-artists-profile-header .bf-profile-details .bf-meta-info {
  max-width: 100%;
  flex-wrap: wrap;
  gap: 20px;
}
.bf-artists-profile-wrap .bf-artists-profile-header {
  margin-bottom: 30px;
}
.bf-profile-box .bf-biography {
  margin-bottom: 30px;
}
.bf-artists-profile-header .bf-profile-details .bf-meta-info > div {
  width: 28%;
}
.bf-media-gallery .bf-gallery-grid .bf-gallery-img {
  width: calc(50.24% - 15px);
  padding-top: 30%;
}
.bf-media-gallery .bf-gallery-grid {
  align-items: center;
  justify-content: center;
}
.bf-artists-profile-header .bf-profile-details .bf-meta-info > div:last-child {
  width: 100%;
}
.bf-media-gallery h3 {
  margin-bottom: 15px;
}
section.bf-artists-upcoming-detail-sec {
  padding-top: 32px;
  padding-bottom: 32px;
}
.bf-artists-upcoming-detail-sec .bf-upcoming-wrap {
  flex-direction: column;
  gap: 15px;
}
.bf-artists-upcoming-detail-sec .bf-events-wrapper .bf-events-cols .bf-events-cols-img {
  padding-top: 56.35%;
  max-width: 100%;
}
.bf-artists-upcoming-detail-sec .bf-events-wrapper .bf-events-cols .bf-events-cols-info {
  max-width: 100%;
  margin-left: 0;
}
.bf-contact-journey-wrap .bf-contact-journey-cols .bf-contact-left {
  max-width: 100%;
}
.bf-contact-journey-wrap .bf-contact-journey-cols .bf-contact-right {
  max-width: 100%;
}
.bf-contact-journey-wrap .bf-contact-journey-cols {
  padding: 25px 15px;
}
.bf-contact-journey-cols .bf-contact-left .bf-left-mail {
  margin-top: 20px;
}
.bf-contact-journey-cols .bf-contact-left .bf-left-mail h3 {
  font-size: 22px;
}
.bf-follow-profile-div .upload-community-shots .wpforms-field-container .wpforms-field,
.model .upload-community-shots .wpforms-field-container .wpforms-field, .bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field,
.bf-contact-journey-wrap .bf-contact-journey-cols .upload-community-shots .wpforms-field-container .wpforms-field {
  max-width: 100%;
}
.bf-music-media-carousal .bf-music-media {
  justify-content: center;
  gap: 20px;
  align-items: center;
  flex-direction: column;
}
.bf-music-media-carousal .bf-music-media .bf-music-left {
  max-width: 100%;
  text-align: center;
}
.bf-music-media-carousal .bf-music-media .bf-music-left h2,
.bf-music-media-carousal .bf-music-media .bf-music-left h1 {
  font-size: 40px;
  line-height: 110%;
}
.bf-music-media-carousal .bf-music-media .bf-btn.bf-btn-white {
  justify-content: center;
  align-items: center;
  width: 100%;
}
.bf-music-media-carousal .bf-music-media .bf-music-right {
  max-width: 100%;
  padding-top: 56.35%;
}
.bf-genres-sec .bf-genres-carousal {
  padding-right: 60px;
}
.bf-genres-sec .bf-genres-carousal .owl-item {
  padding-right: 15px;
}
.bf-genres-carousal .bf-genres-cols h3 {
  padding: 9px;
  font-size: 16px;
}
div.bf-genres-carousal button.owl-dot, div.bf-music-media-carousal button.owl-dot {
  width: 6px;
  height: 6px;
}
.bf-playlist-mood-cols .bf-playlist-col {
  max-width: calc(100% / 2 - 8px);
}
.bf-media-player-top .bf-profile-detail-top {
  gap: 15px;
  flex-direction: column;
}
.bf-media-player-top .bf-profile-detail-top .bf-profile-img {
  padding-top: 70%;
  width: 70%;
}
.bf-media-player-wrap .bf-media-player-bottom .bf-upcoming-wrap {
  margin: 30px 0 30px 0;
}
.bf-media-player-div .bf-div-wrapper {
  justify-content: flex-start;
  flex-direction: column;
}
.bf-div-wrapper .bf-media-player-img {
  max-width: 100%;
}
.bf-media-player-div .bf-media-player-fav {
  justify-content: flex-start;
  padding-left: 58px;
  max-width: 100%;
}
.bf-login-wrap .bf-login-right .wpforms-field fieldset .wpforms-field-row-block {
  width: 100%;
  padding: 0 0 20px;
}
.bf-media-player-div .bf-media-player-fav p {
  text-align: start;
}
.bf-media-player-div .bf-media-player-content {
  display: flex;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  padding-left: 58px;
  margin: 6px 0;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align {
  gap: 15px;
  margin-right: 15px;
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align button::before, .simple-player .simple-player-wrapper .ap-others.flex.flex-align button::before {
  font-size: 16px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button::before {
  font-size: 14px;
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align button, .simple-player .simple-player-wrapper .ap-others.flex.flex-align button {
  width: 16px;
  height: 16px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button {
  width: 14px;
  height: 14px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button.ap-plause {
  width: 20px;
  height: 20px;
}
.simple-player .simple-player-wrapper .ap-plauseward.flex.flex-align button.ap-plause::before {
  font-size: 10px;
}
.simple-player .simple-player-wrapper .ap-others.flex.flex-align {
  gap: 15px;
}
.simple-player .simple-player-wrapper .ap-time.flex.flex-align {
  margin-right: 0;
}
.simple-player .simple-player-wrapper .ap-tracker.ap-loading {
  order: 5;
  max-width: 100%;
  margin-top: 8px;
}
.simple-player .simple-player-wrapper .ap-volume.flex.flex-align {
  margin-left: 15px;
  order: 4;
}
.simple-player .simple-player-wrapper {
  padding: 15px;
}
.bf-login-wrap {
  flex-direction: column;
}
.bf-login-wrap .bf-login-left {
  max-width: 100%;
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bf-login-wrap .bf-login-left h2 {
  text-align: center;
}
.bf-login-wrap .bf-login-right {
  padding: 20px 15px;
  max-width: 100%;
}
.bf-login-wrap .bf-login-right div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row {
  flex-direction: row;
}
div.nsl-container .nsl-button-default div.nsl-button-label-container {
  font-size: 14px !important;
}
.bf-login-sec {
  overflow: auto;
  height: 100%;
}
.page-id-723 .bf-login-wrap .bf-login-right .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block {
  padding: 0 10px;
}
.bf-connect-cols .bf-connect-div {
  max-width: 100%;
}
.bf-connect-cols .bf-connect-div .bf-connect-content {
  gap: 10px;
}
.bf-connect-div .bf-connect-img {
  padding-top: 135%;

}
.bf-how-star-wrap .bf-how-star-cols {
  gap: 20px;
}
.bf-today-sec .bf-banner-deatil .item{
  padding-top: 84.7%;

}
.bf-today-sec .bf-banner-deatil .item-wrapper {
  top: 50%;
  transform: translateY(-50%);
}
#main div#primary.bs-bp-container {
  padding: 100px 15px 0 15px;
  flex-direction: column;
}
div#primary.bs-bp-container nav.vertical-menu {
  max-width: 100%;
  padding: 10px;
  margin-bottom: 0;
  position: static;
}
.bs-bp-container #buddypress #item-header-cover-image #item-header-avatar {
  width: 70px;
  height: 70px;
  margin-left: 0;
}
.bs-bp-container .single-headers .member-status {
  right: 4px;
  width: 10px;
  height: 10px;
}
.bs-bp-container .users-header #item-header-avatar:hover .link-change-overlay {
  height: 70px;
  width: 70px;
}
.bs-bp-container #cover-image-container {
  margin-bottom: 10px;
}
.bp-wrap nav#object-nav li {
  margin-right: 8px;
  padding: 2px 8px;
}
body.bb-template-v2 .bp-dir-hori-nav:not(.bp-vertical-navs) nav#object-nav {
  padding: 8px;
}
#main div#primary.bs-bp-container main#main {
  padding: 10px;
}
.bb-template-v2 .bp-dir-hori-nav:not(.bp-vertical-navs) nav#object-nav a.more-button {
  padding: 0;
}
.bf-follow-profile-div .bf-follow-cols {
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
}
.bf-follow-profile-div .bf-follow-cols .bf-cols-img {
  max-width: 100%;
}
.bf-follow-profile-div .bf-follow-cols .bf-cols-follower {
  margin-left: 60px;
}
div.bf-follow-profile-div .bf-follow-cols .bf-btn {
  max-width: 100%;
  justify-content: flex-start;
  margin-left: 60px;
}
div#primary.bs-bp-container nav.vertical-menu ul li {
    width: 49%;
    padding: 2px 15px;
    margin-bottom: 0;
}
div#primary.bs-bp-container nav.vertical-menu ul li a svg {
    width: 15px;
    height: 15px;
}
div#primary.bs-bp-container nav.vertical-menu ul li a {
  justify-content: flex-start;
      gap: 8px;
}
div#primary.bs-bp-container nav.vertical-menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.bf-forums-new header.entry-header {
  flex-direction: column;
  gap: 15px;
}
.bf-detail-form-sec .comment-respond {
  padding: 0;
}
.bf-article-detail-content-wrap .bf-detail-forms p.form-submit {
  margin-bottom: 0;
}
.forum-archive .entry-header .bs-dir-search {
  margin: 5px;
}
.bf-forums-new #bbp-search-form #bbp_search {
  height: 40px;
  line-height: 40px;
}
.bf-forums-new .bs-search-form:before {
  top: 10px;
}
.bbp-forum-buttons-wrap {
  justify-content: center;
}
#bbpress-forums .bs-forums-items {
  margin-bottom: 20px;
}
.bf-forums-new .favorite-toggle, .bf-forums-new .subscription-toggle {
  padding: 6px 15px;
}
.single.single-forum .type-forum .bb-topic-banner {
  padding-top: 0;
  padding-bottom: 0;
}
.woocommerce-checkout form.checkout_coupon .form-row input {
  width: 160px;
  margin-right: 10px;
}
.single.single-forum .type-forum .bb-topic-banner .entry-header.bb-single-forum {
justify-content: center;
}
article#post-135,
.bf-forums-new article {
  padding: 10px;
}
.bf-forums-new .bb-topic-reply-link-wrap.mobile-only .bbp-topic-reply-link {
  max-width: 170px;
}
#buddypress .bf-notification-settings-div h2 {
  margin-bottom: 30px;
  font-size: 18px;
}
.add-new-images {
    gap: 10px;
    flex-wrap: wrap;
        margin-top: 10px;
}
#buddypress .bf-notification-settings-div form p {
  margin-top: 12px;
}
#buddypress .bf-notification-settings-div input[type=submit] {
  margin-top: 20px;
}
.bs-item-wrap .notification-avatar {
  margin-right: 10px;
}
.bs-item-list.list-view .bs-item-wrap {
  padding: 10px;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec {
  gap: 10px;
}
.bs-bp-favorite .item-body-inner.bf-fav-artist-sec .item {
  max-width: 48.3%;
}
.bf-fav-tracks-grid .bf-genres-cols {
  max-width: calc(100%/2 - 8px);
}
.bf-advertise-new .bf-banner-deatil .item {
  padding-top: 115%;
}
.bf-brand-sec h4 {
  font-size: 18px;
}
.bf-brand-sec .bf-brand-cols {
  gap: 30px;
  margin: 20px 0;
}
section.bf-multiple-adv-sec h2 {
  width: 100%;
  max-width: 90%;
  margin: 0 auto 20px;
}
.bf-multiple-adv-sec .bf-multiple-adv-cols .bf-multiple-img {
  padding-top: 90.6%;
}
.bf-real-time-sec .bf-real-time-cols {
  gap: 30px;
}
.bf-real-time-sec .bf-real-time-cols .bf-real-time-div {
  max-width: 100%;
}
section.bf-earn-sec .bf-flexible-wrap, .bf-felxible-sec .bf-flexible-wrap {
  padding: 20px 15px;
}
#content div.product #reviews p.form-submit input#submit {
  padding: 8px 19px;
}
.bf-flexible-table {
  overflow: auto;
}
.bf-flexible-table th div {
  padding: 6px 10px;
  width: 120px;
}
.bf-flexible-table th, .bf-flexible-table td {
  padding: 12px;
}
.bf-flexible-table th {
  font-size: 16px;
}
.bf-flexible-table td:first-child {
  font-size: 18px;
}
.bf-music-sec .bf-music-wrap .bf-music-left h2 br {
  display: none;
}
.bf-bottom-earn .bf-earn-cols {
  gap: 15px;
  flex-direction: column;
  margin: 20px 0;
}
.bf-track-adv-sec .bf-btn {
  margin-top: 30px;
}
.bf-faq-sec .bf-faq-wrap {
  gap: 20px;
  flex-direction: column;
}
.bf-faq-sec .bf-faq-wrap .bf-faq-left {
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}
.bf-faq-sec .bf-faq-wrap .bf-faq-right {
  max-width: 100%;
}
.bf-faq-right .accordion-item .accordion-title {
  font-size: 18px;
}
.bf-adv-partner-form .upload-community-shots {
    max-width: 100%;
    padding: 30px 15px;
    position: static;
    max-height: max-content;
    overflow: hidden;
}
section.bf-adv-partner-form .bf-banner-deatil {
  padding: 85px 100px;
  margin-bottom: 0;
  margin-top: 0px;
  flex-direction: column;
  padding: 40px 20px;
  background-size: cover;
  background-position: top;
}
.bf-adv-partner-wrap .bf-adv-partner-left {
  max-width: 100%;
  text-align: center;
}
.bf-today-sec .bf-banner-deatil h2 br {
  display: none;
}
.bf-adv-partner-wrap .upload-community-shots .wpforms-field-container .wpforms-field {
  max-width: 100%;
}
.bf-adv-partner-form .upload-community-shots h3 {
  font-size: 18px;
}
.simple-player {
  top: 84px;
}
article#post-135, .bb-profile-grid.bb-grid {
  padding: 10px;
}
.bp-profile-wrapper.need-separator .group-separator-block {
  padding: 0 15px 10px 15px;
}
#podcast-player #podcast-episodes,
#podcast-player #podcast-thumbnail {
  flex: 1 1 100% !important;
}
#podcast-player #podcast-episodes #listen-button {
  width: 100%;
  max-width: max-content;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .product-actions {
  margin-top: 12px;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product {
  width: 47%;
  max-width: 47%;
  margin: 0 1.5% 2%;
}
.woocommerce .bf-products-wrap .bf-products-list ul.products {
  margin-left: -1.5%;
  margin-right: -1.5%;
  row-gap: 0px;
}
.bf-product-detail-cotainer main#main {
    padding-top: 70px;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    margin-bottom: 10px;
}
.woocommerce #content .bf-product-detail-cotainer div.product {
    -ms-flex-direction: column;
    flex-direction: column;
}
.bf-product-detail-cotainer .wpgs-nav .slick-slide {
    margin-left: 4px;
    margin-right: 4px;
}
.bf-product-detail-cotainer .wpgs-nav .slick-prev:before, .bf-product-detail-cotainer .wpgs-nav .slick-next:before {
    font-size: 26px;
}
#content .bf-product-detail-cotainer div.product div.summary h1.product_title {
    font-size: 26px;
    margin-bottom: 10px;
    margin-top: 20px;
}
#content div.product form.cart button {
    max-width: 135px;
}
.woocommerce #content div.product div.woocommerce-product-gallery.images,
.woocommerce #content div.product div.summary {
    padding: 0;
    width: 100%;
    min-width: 100%;
    flex: 0 0 100%;
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #order_review, body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #customer_details {
  width: 100%;
}
body.woocommerce-checkout .bass-container form.checkout.woocommerce-checkout #customer_details {
  padding-right: 0;
}
.woocommerce-checkout .bass-container .woocommerce-form-coupon-toggle .woocommerce-info {
  display: block;
  padding: 10px 20px 10px 40px;
}
.woocommerce-checkout .bass-container .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info::before {
  font-size: 16px;
  top: 10px;
}
.woocommerce-checkout .bass-container {
  padding: 70px 15px 50px 15px;
}
.woocommerce-checkout #payment div.form-row {
  padding: 20px  0 0;
  margin: 0;
}
.woocommerce table.shop_table td.product-name .bs-product-thumbnail a {
  max-width: 50px;
}
.woocommerce-checkout .bass-container .woocommerce-error {
  padding: 10px 20px 10px 40px;
}
.woocommerce form.checkout_coupon button.button {
  height: 43px;
}
.woocommerce .woocommerce-error::before {
  font-size: 14px;
  top: 10px;
  left: 14px;
}
.woocommerce-checkout ul.woocommerce-order-overview {
  gap: 20px;
  justify-content: flex-start;
}
.woocommerce-checkout ul.woocommerce-order-overview li {
  width: 46%;
  margin: 0;
}
.woocommerce ul.order_details li strong {
  font-size: 14px;
}
.woocommerce-checkout .woocommerce section.woocommerce-customer-details .woocommerce-customer-details--billwrap .woocommerce-customer-details--maincolumn {
  margin-right: 0;
  width: 100%;
}
.bf-events-cols .bf-events-cols-info .bf-top-title h3, .bf-events-cols .bf-events-cols-info .bf-top-title a {
  max-width: 100%;
      font-size: 22px;
}
.bf-sidebar-wrap ul.post-categories-box {
  display: flex;
  flex-wrap: wrap;
}
.bf-sidebar-wrap ul.post-categories-box li::before {
  content: unset;
}
.bf-sidebar-wrap ul.post-categories-box li {
  width: max-content;
}
.form-group {
  align-items: flex-start;
  gap: 3px;
  flex-direction: column;
}
#profileForm section .form-group select, #profileForm section .form-group input,
#profileForm section .form-group label,
#profileForm section .form-group  > div {
  max-width: 100%;
}
#profileForm section .checkbox-row, #profileForm section h2 {
  align-items: baseline;
}
.bf-social-links {
  justify-content: center;
}
.bf-footer-first p {
  text-align: center;
}
.bf-footer-col.bf-footer-first {
  align-items: center;
}
.bf-detail-form-sec .comment-list li {
    width: 100%;
}
div.bf-artist-wrap h2 + .bf-upcoming-selection {
    width: 100%;
}
section.bf-artist-and-dj-hub div.bf-artist-live-music .bf-upcoming-dropdown-col {
    max-width: calc(100% / 2 - 10px);
}
#bbpress-forums .bb-media-model-container, #buddypress .bb-media-model-container {
    height: 80vh;
    max-width: 90%;
    min-width: 90%;
    top: 50px;
}
a.bb-close-model {
    top: calc(6% + 44px);
    left: calc(90% - 5px);
}
.bp-messages-nav-panel .bp-messages-user-threads #message-threads .message-thread-options .bb_more_options_action i {
    color: #ffffff;
    opacity: 1;
}
#message-threads .message-thread-options {
    display: block !important;
}
.bp-messages-nav-panel .bp-messages-user-threads #message-threads .message-thread-options .bb_more_options_action:hover,
.bp-messages-nav-panel .bp-messages-user-threads #message-threads .optionsOpen .message-thread-options .bb_more_options_action {
    background-color: #222 !important;
}
#buddypress table.profile-fields tr td.data {
    width: 100%;
}
.bp-tables-user td.data .bf-gallery-img {
    max-width: 26%;
    padding-top: 26%;
}
.bf-header-search input[type="search"]::placeholder {
      color: #000;
}
.bf-header-search form.search-form {
      max-width: 100%;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
}

.bf-header-search input[type="search"] {
    background: rgb(255 255 255 / 59%);
    color: #000;
}
.bf-header-search a {
	right: 30px;
  position: static;
}
.bf-header-search {
	position: static;
}
.bf-social-menu-search {
	position: static;
	padding-right: 0;
}
.search-visible .bf-header-search a {
	right: 30px;
}
.bf-events-cols-img .feature-img {
    font-size: 30px;
}
.bf-events-details-wrap .bf-left-col .feature-img {
    font-size: 38px;
    height: 110px;
    width: 160px;
}
}
@media (max-width: 470px) {
  .woocommerce .bf-products-wrap .bf-products-list ul li.product .product-actions {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.woocommerce .bf-products-wrap .bf-products-list ul li.product .product-actions a,
.woocommerce .bf-products-wrap .bf-products-list ul li.product .product-actions a.bf-view-product {
  max-width: 100%;
  min-width: 100%;
}
.bf-products-wrap .bf-filter-row {
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.bf-products-wrap .bf-filter-row ul.bf-product-categories li {
  padding: 5px 15px;
}
}