/*
Theme Name: Dash Child
Template: Impreza
Version: 8.42
Author:	Dash Media
Theme URI: https://dashmedia.co.uk/
Author URI: https://dashmedia.co.uk/
*/

/*Add your own styles here:*/

/* Fixes gap on mobile menu */
#page-header > div.l-subheader.at_middle{
	background-color: var(--color-content-bg);
}

/* Fixes wonkey icons in 'why choose us' note: additional class .icon-row-fix was used on related rows to fix this EDIT: This is now fixed in the component so deleted when ready*/
.g-cols.icon-row-fix > div:first-child .w-image > div {
  margin-bottom: -10px;
}

/* Makes hero mosaic responsive */
body.l-body .w-image.us_custom_451bdf77 {
  width: 34.005% !important;
  max-width: none !important;
  margin-left: -19.395% !important;
  margin-top: -17.632% !important;
  margin-bottom: 0 !important;
  z-index: 2;
}
body.l-body .w-image.us_custom_451bdf77 img {
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
}
.l-section:has(.hero-mosaic),
.l-section.hero-mosaic {
  justify-content: flex-start !important;
/*   padding-top: calc(var(--header-height) + 1.25rem) !important; */
}
.l-section:has(.hero-mosaic) > .l-section-h,
.l-section.hero-mosaic > .l-section-h {
  top: 0 !important;
}
body.l-body .us_custom_184f9525 {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  body.l-body .us_custom_6e29b5eb {
    margin-top: 0 !important;
  }
}

/* Keeps showcase icons/animations uniform */
.showcase-icon {
  width: 5em;
  height: 5em;
}

/* Fixes header gap and content disapearing under it */
.l-header{
	position: static !important;
	background-color: background-color: var(--color-content-bg);
}
#page-header > div.l-subheader.at_middle > div > div.l-subheader-cell.at_right > div > div > nav > ul{
	margin-top: -20px;
	padding-top: 20px;
}

/*About mosaic */
.about-mosaic {
  align-items: stretch !important;
  height: auto !important;
  align-self: flex-start !important;
}
.about-mosaic > .w-vwrapper {
  flex: 1 1 0;
  min-width: 0;
}
/* Left stack: intrinsic size only */
.about-mosaic > .w-vwrapper:first-child {
  height: auto !important;
}
.about-mosaic > .w-vwrapper:first-child img {
  height: auto !important;
  width: 100%;
}
/* Right column: empty box, same height as left stack */
.about-mosaic > .w-vwrapper:last-child {
  position: relative;
}
.about-mosaic > .w-vwrapper:last-child .w-image,
.about-mosaic > .w-vwrapper:last-child .w-image-h {
  position: absolute;
  inset: 0;
  height: auto !important;
  overflow: hidden;
  border-radius: 15px;
}
.about-mosaic > .w-vwrapper:last-child img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* quick font fix*/
h2 b{
	font-size: 57px;
}