/*--------------------------------------------------------------
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
--------------------------------------------------------------*/

/* Dingaro: shift only the desktop logo artwork; preserve header layout. */
@media screen and (min-width: 1025px) {
  #masthead .site-header-container #site-logo img.bb-logo {
    transform: translateX(-32px);
  }
}

/* Homepage: use the heading authored in the page content. */
body.home.page-id-51 #post-51 > .entry-header {
  display: none;
}

/* Dingaro: Outfit Bold headings and Inter reading text. */
body, body button, body input, body select, body textarea {
  font-family: 'Inter', sans-serif !important;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
}
body .entry-content, body #buddypress .activity-content .activity-inner {
  font-family: 'Inter', sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

/* Dingaro: neutral community surfaces with restrained rust accents. */
:root body {
  --bb-body-background-color: #FAF9F6;
  --bb-body-background-color-rgb: 250, 249, 246;
  --bb-content-background-color: #FFFFFF;
  --bb-content-alternate-background-color: #F0F2F4;
  --bb-content-border-color: #DEE2E6;
  --bb-content-border-color-rgb: 222, 226, 230;
  --bb-headings-color: #26292D;
  --bb-headings-color-rgb: 38, 41, 45;
  --bb-body-text-color: #34383D;
  --bb-body-text-color-rgb: 52, 56, 61;
  --bb-alternate-text-color: #626970;
  --bb-primary-color: #A84432;
  --bb-primary-color-rgb: 168, 68, 50;
  --bb-primary-button-background-regular: #A84432;
  --bb-primary-button-background-hover: #873626;
  --bb-primary-button-border-regular: #A84432;
  --bb-primary-button-border-hover: #873626;
  --bb-primary-button-text-regular: #FFFFFF;
  --bb-primary-button-text-hover: #FFFFFF;
  --bb-secondary-button-background-regular: #F0F2F4;
  --bb-secondary-button-background-hover: #E4E7EA;
  --bb-secondary-button-border-regular: #DEE2E6;
  --bb-secondary-button-border-hover: #C7CDD3;
  --bb-secondary-button-text-regular: #34383D;
  --bb-secondary-button-text-hover: #26292D;
  --bb-label-background-color: #F0F2F4;
  --bb-label-text-color: #626970;
  --bb-footer-background: #FFFFFF;
  --bb-footer-widget-background: #FFFFFF;
}