/*
 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
*/
/* QR story pages */
.qr-story__portrait {
	width: min(100%, 19rem);
	justify-self: center;
}

.qr-story__portrait img {
	width: 100%;
	border-radius: 50%;
	box-shadow: 0 1.5rem 3.5rem rgba(43, 33, 36, .12);
}

.qr-story__heading {
	overflow-wrap: anywhere;
	hyphens: auto;
}

.qr-story-audio {
	width: 100%;
	max-width: var(--width-text);
	--audio-color: var(--color-accent, #bd2d54);
}

.qr-story-audio .bricks-audio-inner {
	border-radius: .8rem;
	box-shadow: 0 .75rem 1.8rem rgba(43, 33, 36, .1);
}

@media (max-width: 700px) {
	.qr-story__portrait {
		width: min(54vw, 13rem);
	}
}

/* Contact map: preserve the matching SVG ratio at every breakpoint. */
@media (max-width: 991px) {
	#brxe-740677 {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: auto auto !important;
	}

	#brxe-nsodbe {
		width: 100%;
		min-width: 0;
		min-height: 0;
		aspect-ratio: 16 / 9;
		background-size: contain;
		background-repeat: no-repeat;
		background-color: var(--color-bg-alt);
	}
}

@media (max-width: 767px) {
	#brxe-nsodbe {
		aspect-ratio: 3 / 4;
	}
}

@media (min-width: 992px) {
  #brxe-ktibqy {
    align-items: center !important;
  }

  #brxe-qpagrx {
    grid-template-rows: auto auto !important;
    align-content: start !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #brxe-qpagrx > .tile {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }
}