/* Static consumers of values emitted by the Dynamic CSS schema. */
.menu-item i { color: var(--abr-icon-color); transition: color .3s; }
.menu-item:hover > a > i { color: var(--abr-icon-hover); }
body { font-family: var(--abr-font-body); }
h1, h2, h3, h4, h5, h6, .site-title { font-family: var(--abr-font-heading); }
.site-header { background: transparent; box-shadow: none; border: none; max-width: 100%; transition: background .3s ease, box-shadow .3s ease; }
.site-topbar { background-image: var(--top-bg-img); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: var(--top-shadow); padding: var(--top-padding) 0; min-height: var(--top-height); margin: var(--top-margin) auto; max-width: var(--top-max-width); width: 100%; color: var(--top-color); font-size: var(--top-fs); border-radius: var(--top-radius); border-top: var(--top-border-top); border-bottom: var(--top-border-bot); position: relative; z-index: var(--z-topbar); }
.site-topbar .container { max-width: var(--abr-container-max); margin: 0 auto; padding: 0 20px; }.site-topbar .topbar-grid { gap: var(--top-gap); }.site-topbar .topbar-column, .site-topbar .topbar-menu { gap: var(--top-items-gap); }.site-topbar a { color: var(--top-link); }.site-topbar a:hover { color: var(--top-hover); }
.site-header-main { background-image: var(--main-bg-img); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: var(--main-shadow); min-height: var(--main-height); margin: var(--main-margin) auto; max-width: var(--main-max-width); width: 100%; color: var(--main-color); font-size: var(--main-fs); border-radius: var(--main-radius); border-top: var(--main-border-top); border-bottom: var(--main-border-bot); position: relative; z-index: var(--z-header); display: flex; align-items: center; box-sizing: border-box; }
.site-header-main .container-header { max-width: var(--abr-container-max); padding: var(--main-padding) 20px; margin: 0 auto; min-height: inherit; display: flex; align-items: center; width: 100%; }.site-header-main .header-grid { display: flex; justify-content: space-between; align-items: center; gap: var(--main-gap); width: 100%; }.site-header-main .header-column { display: flex; align-items: center; }.site-header-main .header-column.header-center { flex: 1; justify-content: center; }.site-header-main .header-column.header-left { flex: 1; justify-content: flex-start; gap: inherit; }.site-header-main .header-column.header-right { flex: 1; justify-content: flex-end; gap: inherit; }.site-header-main .header-column, .site-header-main .header-widgets, .site-header-main .header-menu { gap: var(--main-items-gap); }.site-header-main a { color: var(--main-link); }.site-header-main a:hover { color: var(--main-hover); }
.site-header-bottom { background-image: var(--bot-bg-img); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: var(--bot-shadow); padding: var(--bot-padding) 0; min-height: var(--bot-height); margin: var(--bot-margin) auto; max-width: var(--bot-max-width); width: 100%; color: var(--bot-color); font-size: var(--bot-fs); border-radius: var(--bot-radius); border-top: var(--bot-border-top); border-bottom: var(--bot-border-bot); position: relative; z-index: calc(var(--z-header) - 1); }
.site-header-bottom .container { max-width: var(--abr-container-max); margin: 0 auto; padding: 0 20px; }.site-header-bottom .bottom-header-grid { display: flex; justify-content: space-between; align-items: center; gap: var(--bot-gap); width: 100%; }.site-header-bottom .header-column { display: flex; align-items: center; min-width: 0; }.site-header-bottom .header-column.bottom-center { flex: 1; justify-content: center; }.site-header-bottom .header-column.bottom-left { flex: 1; justify-content: flex-start; gap: inherit; }.site-header-bottom .header-column.bottom-right { flex: 1; justify-content: flex-end; gap: inherit; }.site-header-bottom .header-column, .site-header-bottom .header-menu { gap: var(--bot-items-gap); }.site-header-bottom a { color: var(--bot-link); }.site-header-bottom a:hover { color: var(--bot-hover); }.site-header-main .main-navigation a, .site-header-main .header-menu a, .site-header-bottom .header-menu a, .topbar-menu a { font-size: inherit; }