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

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

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

@import url(https://fonts.bunny.net/css?family=alexandria:100,200,300,400,500,600,700,800,900|gentium-book-plus:400,400i,700,700i|albert-sans:300,400,400i,700);

:root {
  --wp--preset--font-size--small: 1rem;
  --wp--preset--font-size--regular: 1.125rem;
  --wp--preset--font-size--large: 1.25rem;
  --wp--style--global--wide-size: 1000px;
  --wp--style--global--content-size: 680px;
  --wp--style--block-gap: 1.5rem;
  --wp--custom--spacing--small: max(1.25rem, 5vw);
  --wp--custom--spacing--medium: clamp(
    2rem,
    8vw,
    calc(4 * var(--wp--style--block-gap))
  );
  --wp--preset--font-size--normal: var(--wp--preset--font-size--regular);
  --wp--preset--font-size--medium: var(--wp--preset--font-size--regular);
  --wp--custom--spacing--large: clamp(4rem, 10vw, 8rem);
  --wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.25rem);
  --tec-grid-width: calc(
    var(--wp--style--global--wide-size) + var(--tec-grid-gutter-page) + 10px
  );
  --tec-font-size-2: var(--wp--preset--font-size--small);
  --tec-font-size-3: calc(
    var(--wp--preset--font-size--small) +
      (
        (
            var(--wp--preset--font-size--normal) -
              var(--wp--preset--font-size--small)
          ) /
          2
      )
  );
  --tec-font-size-4: var(--wp--preset--font-size--normal);
  --tec-font-size-10: 2.44rem;
  /*  --tec-line-height-0:
    --tec-line-height-1:
    --tec-line-height-2:
    --tec-line-height-3:
*/
  --paths-line-height-heading: 1.2;
}

.register-privacy-info {
  display: none;
}

.wp-admin .error_notice_ff_fluentform_pro_license {
  display: none;
}

body {
  font-size: var(--wp--preset--font-size--regular);
}

figure {
  margin-bottom: 1.6875rem;
}

.bb-custom-typo h1,
.bb-custom-typo .h1,
.bb-custom-typo h2,
.bb-custom-typo .h2,
.bb-custom-typo h3,
.bb-custom-typo .h3,
.bb-custom-typo h4,
.bb-custom-typo .h4,
.bb-custom-typo h5,
.bb-custom-typo .h5,
.bb-custom-typo h6,
.bb-custom-typo .h6,
.bb-custom-typo .bb-course-footer,
.bb-custom-typo .ld-table-list-header .ld-text,
.bb-custom-typo .gamipress-achievement-points,
.bb-custom-typo .vjs-modal-dialog-content {
  font-family: "Alexandria", sans-serif;
}

body.bb-custom-typo {
  font-family: "Albert Sans", sans-serif;
}

/* .bb-custom-typo.single-attachment .entry-content li,
.bb-custom-typo.single-attachment .entry-content p,
.bb-custom-typo.single-post .entry-content li,
.bb-custom-typo.single-post .entry-content p {
    font-size: 16px;
    line-height: 1.5;
} */

.bb-custom-typo .site-title img {
  padding: 0;
}

h1,
.h1,
.entry-title {
  font-size: 2.44rem;
  line-height: var(--paths-line-height-heading);
}

h2,
.h2 {
  font-size: 1.95rem;
}

h3,
.h3 {
  font-size: 1.56rem;
}

h4,
.h4 {
  font-size: 1.25rem;
}

h5,
.h5 {
  font-size: 1.125rem;
}

h6,
.h6 {
  font-size: 1rem;
}

@media (min-width: 768px) {
  .tribe-events-single-event-title {
    --tec-line-height-0: var(--paths-line-height-heading);
  }
}

.wp-block-columns h1,
.wp-block-columns h2,
.wp-block-columns h3,
.wp-block-columns h4,
.wp-block-columns h5,
.wp-block-columns h6 {
  padding-left: 10px;
  padding-right: 10px;
}

.tribe-events .tribe-events-calendar-list__event-title,
.tribe-events .tribe-events-calendar-list__event-title-link,
.tribe-events-single-event-title {
  color: var(--bb-headings-color);
}

#tribe-events-pg-template {
  max-width: var(--wp--style--global--content-size);
}

.hentry blockquote.wp-block-quote {
  padding: 2em;
  font-size: var(--wp--preset--font-size--regular);
  line-height: 1.35;
  max-width: 72ex;
  margin-left: auto;
  margin-right: auto;
  flex-grow: 1;
  flex-basis: 36ex;
}

/* content containers */

.container {
  max-width: none;
}

.bb-footer,
.site-content:not(.maintenance-content),
.site-header {
  padding: 0 calc(var(--wp--custom--spacing--outer) - 10px);
}

body .entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.page .entry-header,
.single .entry-header,
.single .entry-meta {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

body .entry-content > .alignwide,
.site-header-container,
body:not(.page-template):not(.tribe-events-page-template) .site-content-grid {
  max-width: var(--wp--style--global--wide-size);
}

.site-header-container,
body:not(.page-template):not(.tribe-events-page-template) .site-content-grid {
  margin-left: auto !important;
  margin-right: auto !important;
}

.container .alignfull {
  margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  width: unset;
}

.alignfull,
.alignwide {
  /*  position: relative;
  left: 50%;
  right: 50%;
*/
}

.alignfull {
  /*  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
*/
}

.alignwide {
  /*  width: calc(100vw - 20px);
  margin-left: calc((100vw - 20px) * -0.5);
  margin-right: calc((100vw - 20px) * -0.5);
  padding-left: calc((100vw - 1200px) / 2);
  padding-right: calc((100vw - 1200px) / 2);
*/
}

.wp-block-cover.alignfull {
  padding-left: var(--wp--custom--spacing--outer);
  padding-right: var(--wp--custom--spacing--outer);
}

.post-grid .entry-content {
  font-size: var(--wp--preset--font-size--small);
}

.hentry .alignright {
  margin: 1.5rem 0 1.5rem 1.5rem;
}

.hentry .alignleft {
  margin: 1.5rem 1.5rem 1.5rem 0;
}

/* logo */

.site-title {
  margin-left: -54px;
  margin-right: -54px;
}

/* Home page */

.home .entry-header {
  display: none;
}

.home .content-area {
  padding-top: 0;
}

.wp-block-button__link {
  font-size: 1em;
  padding: calc(0.5em + 2px) calc(1.25em + 2px);
}

.wp-block-button__link,
.has-light-blue-background-color {
  background-color: #3a84a6;
}

.has-full-blue-background-color {
  background-color: #0d71c2;
}

.has-gold-background-color {
  background-color: #cdb14b;
}

.wp-block-buttons {
  margin-bottom: 1.6875rem;
}

.isc-source-text {
  opacity: 0.1 !important;
}

.isc-source:hover .isc-source-text {
  opacity: 1 !important;
}

@media (max-width: 600px) {
  .wp-block-media-text.is-stacked-on-mobile {
    row-gap: 1.6875rem;
  }
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__button,
.tribe-block__events-link .tribe-events-c-subscribe-dropdown__button {
  width: 220px;
}

/* Remove "public" privacy setting
https://support.buddyboss.com/support/solutions/articles/72000580579-how-to-remove-public-visibility-from-the-who-can-see-your-post-list
*/
#activity-post-form-privacy label[for="public"] {
  /* display: none; */
}

/* Stop public activity feed from being shown to to logged out members */
body.activity .buddypress-wrap > h2 + p ~ * {
  display: none !important;
}

#bp-activity-privacy-point.public .privacy-point-icon::before,
.bb-document-privacy-wrap .privacy::before,
.bb-media-privacy-wrap .privacy::before,
.bp-activity-privacy__label .privacy-figure--public::before,
.activity-privacy > li.public::before {
  content: "\e95d";
}

.main-navigation {
  position: relative;
  z-index: 1;
}

.ics-source-text {
  z-index: 10 !important;
}

.single-attachment .entry-content li,
.single-attachment .entry-content p,
.single-post .entry-content li,
.single-post .entry-content p {
  font-size: inherit;
  line-height: inherit;
}

:root {
  --wp--style--global--wide-size: 1120px;
}

body.activity .buddypress-wrap > h2 + p ~ * {
  display: none !important;
}

.bs-bp-container
  .entry-content
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--wp--style--global--wide-size);
}

@media screen {
  #buddypress .members-list > li {
    min-width: 270px;
  }

  article.bp_activity {
    max-width: var(--wp--style--global--content-size);
    margin: auto;
  }
}

#content div.product form.cart .variations td.label {
  padding-top: 0;
  line-height: 1.1;
}
#content div.product form.cart .variations td.label > * {
  line-height: inherit;
}
#content div.product .sku_wrapper.pr-atts-row {
  display: none !important;
}
#content div.product .product_title + .price {
  display: none !important;
}
