/*
 Theme Name:   MurrinMedia Base Theme
 Theme URI:    https://murrinmedia.com.au/
 Description:  Base theme based on Bricks.
 Author:       MurrinMedia
 Author URI:   https://murrinmedia.com.au/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* ==========================================================
   HEADER MODIFIERS
   Add to the header Section (class "header"):
   .header--pill     menu sits inside a rounded pill
   .header--overlay  header floats over the hero on pages whose
                     first section is a .hero (other pages unchanged)
   --header-height is measured by a small script in functions.php.
   ========================================================== */

/* PILL */
.header--pill .header__container {
  padding: 1rem 3em;
  border: 2px solid var(--bricks-border-color);
  border-radius: var(--radius-full);
  background-color: var(--tertiary-l-6);
}

/* OVERLAY */
body:has(#brx-content > .hero:first-child) #brx-header:has(.header--overlay) {
  position: absolute;
  top: var(--wp-admin--admin-bar--height, 0px); /* below the WP admin bar when logged in */
  left: 0;
  right: 0;
  z-index: 100;
}
body:has(#brx-content > .hero:first-child) .header.header--overlay {
  background: transparent;
  border-bottom: 0;
}
/* Push hero content below the floating header */
body:has(#brx-header .header--overlay) #brx-content > .hero:first-child {
  --hero-offset: var(--header-height, 8rem);
}