/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* BEGIN Pender Post token framework */
/* Match the source rem basis while respecting the browser default font size. */
html {
  font-size: 100%;
}

/* Pender Post: responsive token overrides. Base values are native Bricks Global Variables. */
/* Shared tablet/mobile values */
@media (max-width: 1279px) {
  html:root {
    --text-section-title-secondary: var(--font-size-28);
    --text-story-title-small: var(--font-size-24);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  html:root {
    --gutter: 24px;
    --text-page-title: var(--font-size-46);
    --text-section-title: var(--font-size-34);
    --text-utility-nav: var(--font-size-14);
    --text-account-nav: var(--font-size-14);
    --text-signin-welcome: var(--font-size-38);
  }
}

@media (max-width: 767px) {
  html:root {
    --text-edition-control: var(--font-size-17);
    --text-edition-date: var(--font-size-22);
    --text-edition-deck: var(--font-size-22);
    --text-edition-prose: var(--font-size-18);
    --text-edition-quote: var(--font-size-28);
    --text-edition-dropcap: 5rem;
    --gutter: 20px;
    --text-body: var(--font-size-17);
    --text-page-title: var(--font-size-42);
    --text-section-title: var(--font-size-32);
    --text-story-title: var(--font-size-28);
    --text-main-nav: var(--font-size-20);
    --text-submenu: var(--font-size-16);
    --text-calendar-day: var(--font-size-46);
    --text-signin-welcome: var(--font-size-32);
  }
}
/* END Pender Post token framework */