/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@media (max-width: 991.98px) {
  #header {
    position: sticky;
    top: 0;
    z-index: 1030;
  }

  #header #header-wrap {
    background: rgba(11, 11, 13, 0.94);
    backdrop-filter: blur(10px);
  }

  #header .header-row {
    flex-wrap: wrap;
  }

  #header #logo {
    flex: 1 1 auto;
  }

  #header .primary-menu-trigger {
    margin-left: auto;
  }

  #header .header-misc {
    flex: 0 0 100%;
    width: 100%;
    justify-content: center;
    margin: 10px 0 14px;
    padding: 12px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }

  #header .header-misc .button {
    margin: 0 0 6px;
    text-align: center;
    white-space: normal;
    line-height: 1.2;
  }

  #header .primary-menu {
    flex: 0 0 100%;
    width: 100%;
  }
}


.priceFont { font-family: 'JetBrains Mono', monospace; }

.offerFont { font-size:32px;}

#priceTool {
  scroll-margin-top: 120px; /* header height + a little breathing room */
}

@media (min-width: 768px) {
  #priceTool {
    scroll-margin-top: 70px;
  }
}