/*
 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
*/

/* DEFAULTS */

ul[role="list"],
ol[role="list"] {
	list-style: none;
	padding-inline: 0;
}

/* UTILITIES */

.text-highlight--primary {
	color: var(--color-primary);
}

.text-highlight--action {
	color: var(--color-action);
}

.text-highlight--accent {
	color: var(--color-accent);
}

/* GRIDS */

[data-grid="content"] {
	--max-content-width: 1366px;
	--wide-max-width: 1440px;
	--padding-inline: var(--site-gutter);
  
	--content: min(100% - var(--padding-inline) * 2, var(--max-content-width));
	--wide: minmax(0, calc((var(--wide-max-width) - var(--max-content-width)) / 2));
	--gutter: minmax(var(--padding-inline), 1fr);
  
	display: grid;
	position: relative;
	padding: unset !important;
	isolation: isolate;
	grid-template-columns:
    	[full-start] var(--gutter) [wide-start] var(--wide)
		[content-start] var(--content) [content-end] var(--wide)
    	[wide-end] var(--gutter) [full-end];
  
	> :not([data-content-grid-zone='wide'], [data-content-grid-zone='full']) {
		grid-column: content;
	}
  
	[data-content-grid-zone='wide'] {
		grid-column: wide;
		max-width: unset;
	}
  
    [data-content-grid-zone='full'] {
		grid-column: full;
		max-width: unset !important;
	}
	
	> [data-grid="background media"] {
		position: relative;
		grid-column: full;
		grid-row: 1;
		height: inherit;
		place-content: center;
		max-width: unset;
		z-index: -1;
	}
	
	> [data-grid="background media"] > figure {
		object-fit: cover;
		inline-size: 100%;
		flex-grow: 1;
	}
	
	> [data-grid="overlay"] {
		grid-row: 1;
	}
}