/*
Theme Name: Bricks Child
Template: bricks
Version: 1.0
*/

/* ============================================
   NOBLE POINT — FONT IMPORTS
   Add this to /src/styles/fonts.css
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap');

:root{
  --c-primary:  #3A4F5C;
  --c-primary-rgb: 58, 79, 92;
  --c-secondary:#6B8E9C;
  --c-tertiary: #F5F3EF;

  --c-text:     #0f172a;
  --c-muted:    #475569;

  --c-bg:       #ffffff;
  --c-surface:  #f8fafc;

  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', system-ui, -apple-system, sans-serif;
}

body {
  font-family: var(--font-sans);
  font-size: 16px;
}

/* Headings — all font-serif elements */
h1, h2, h3, h4,
.font-serif {
  font-family: var(--font-serif);
  font-weight: 500;
}

.hero.full-height {
  height: 100vh;
}
.hero > .brxe-container > * {
  margin-bottom: 24px;
}

nav .menu-item {
  font-size: 14px;
  font-family: var(--font-sans);
}

.menu-item.button {
  background-color: var(--c-white);
  color: var(--c-primary);
  padding: 6px 15px;
  /* border-radius: 5px; */
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  transition: background-color 0.3s ease;
  &:hover {
    background-color: var(--c-secondary);
  }
}
.scrolling .menu-item.button,
.scrolling .menu-item.button a {
  color: var(--c-primary) !important;
}
.menu-item.button:hover {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.menu-item.button:active {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.menu-item.button:focus {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.border-radius-10 {
  border-radius: 10px;
}
.border-radius-20 {
  border-radius: 20px;
}
.border-radius-30 {
  border-radius: 30px;
}
.border-radius-40 {
  border-radius: 40px;
}
.border-radius-50 {
  border-radius: 50px;
}

#footer h4 {
  margin-bottom: 10px;
}
#footer .brxe-text-link {
  display: block;
  padding: 5px 0;
}
#footer .inline-links .brxe-text-link {
  display: inline;
  padding-right: 15px;
}
#footer .inline-links .brxe-text-link:last-child {
  padding-right: 0;
}
#brx-header .bricks-nav-menu-wrapper > ul {
  justify-content: center;
  align-items: center;
  font-weight: bold;
}