/* kirker.com on Bricks: undo the Bricks defaults that change how the static site looked (September 2026).
   Bricks ships its base CSS in cascade layers, so any unlayered rule in site.css already wins. This file only covers
   what site.css never set (the static site left it to the browser) plus the wrappers Bricks adds. Loaded before site.css. */

/* Wrappers: header, content and footer take no box, so the sticky header and page flow behave as before. */
#brx-header,#brx-content,#brx-footer{display:contents}
.brxe-section,.brxe-container{display:block;align-items:initial;flex-direction:initial;flex-wrap:initial;margin-left:0;margin-right:0;width:auto}
.brxe-shortcode{display:contents}
/* Bricks makes body a flex column; content placed straight in the page would shrink to fit. The static body is a plain block. */
body{display:block}

/* Type rendering: Bricks sets html to 10px, grayscale smoothing, and optimizeLegibility on headings. */
html{font-size:100%;line-height:normal}
body,body *{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
h1,h2,h3,h4,h5,h6{text-rendering:auto}

/* Form controls, labels, legends, quotes: back to the browser's look. Spacing is left to site.css's own reset. */
button,input,optgroup,select,textarea{font:revert;color:revert;border:revert;height:revert;min-height:revert;background:revert;border-radius:revert;box-shadow:revert;text-align:revert;width:revert;overflow:revert;text-transform:revert;-webkit-appearance:revert;appearance:revert;outline:revert;cursor:revert;transition:revert}
label{color:revert;display:revert;font-weight:revert}
legend{display:revert;max-width:revert;white-space:revert;color:revert}
input::placeholder,textarea::placeholder{color:revert;opacity:revert}
figcaption{text-align:revert;font-size:revert;color:revert;font-style:revert}
blockquote{border-left:revert;font-family:revert;font-size:revert;position:revert}
blockquote cite{display:revert;font-size:revert;font-style:revert;opacity:revert;text-transform:revert}

/* Bricks forces textarea line-height with a layered !important; only an earlier layer's !important outranks it
   (the layer name is declared in the head before Bricks' stylesheet, see functions.php). */
@layer kirker-first{textarea{line-height:normal!important}}
