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

/*  Import Fonts */
@font-face {
  font-family: Inter;
  src: url(/wp-content/uploads/fonts/inter-var.woff2);
}

/*  Custom Cursor*/

body {
	cursor:url('/wp-content/uploads/navigation-arrow-fill.svg'), auto;
}

body {
	font-family: 'Inter';
}

/*  Reset */

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* Avoid text overflows  */

p, h1, h2, h3, h4, h5, h6 {
/*   overflow-wrap: break-word; */
}

p {
	margin-bottom:0;
}

/*  Content Grid */

.content-grid {
  --full: minmax(var(--gutter), 1fr);
  padding-inline: 0;
  column-gap: 0 !important;
  display: grid !important;
  grid-template-columns: [full-start] var(--full)
  [feature-max-start] minmax(0, var(--feature-max-width, 100px)) 
  [feature-start] minmax(0, var(--feature-width, 50px)) 
  [content-start] min(var(--content-width), 100% - var(--gutter) * 2) [content-end] 
  minmax(0, var(--feature-width, 50px)) 
  [feature-end] minmax(0, var(--feature-max-width, 100px)) 
  [feature-max-end] var(--full) [full-end];
}

.content--feature {
	grid-column: feature;
}

.content--feature-max {
	grid-column: feature-max;
}

.content--full {
	grid-column: full;
}

.content--full-safe {
	grid-column: full;
	padding-inline: var(--gutter);
}

.content-grid > :not(.content--feature, .content--feature-max, .content--full, .content--full-safe) {
  width: 100%;
}

.content-grid > :where(:not(.content--feature, .content--feature-max, .content--full, .content--full-safe)) {
  grid-column: content;
}

:is(.content--feature, .content--feature-max, .content--full, .content--full-safe):not(.content-grid--off :is(.content--feature, .content--feature-max, .content--full, .content--full-safe)) {
    width: 100% !important;
    max-width: 100%;
  }