/*
Theme Name:   Hurst Theme
Theme URI:    https://bricksbuilder.io/
Description:  Use this child theme to extend Bricks. The bricks theme must also be installed for this to work.
Author:       Fluid Ideas
Author URI:   https://www.fluid-ideas.co.uk/
Template:     bricks
Version:      1.1
Text Domain:  bricks
*/

.text-m{font-size:var(--text-m)}
.text-lead{font-size:var(--text-lead)}
.h1{font-size:var(--h1)}
.h2{font-size:var(--h2)}
.h3{font-size:var(--h3)}
.h4{font-size:var(--h4)}
.h5{font-size:var(--h5)}
.h6{font-size:var(--h6)}

.bricks-button {flex: 0 0 auto;max-width: fit-content;}
.bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]).btn-linkedin.brxe-button:hover {
    background-color: var(--bricks-color-3f6605);
    border-color: var(--bricks-color-3f6605);
}

li::marker {
	color: var(--bricks-color-2a9b81);
	line-height: 2.1;
}

.case-study-greybg {
    background-color: var(--bricks-color-5e83f4);
}

figcaption.bricks-image-caption {
    text-align: left;
    font-size: var(--text-xs);
}

/* Expertise 2x2 tiles (template 4069): Splide's inline slide widths fight the 2-column grid */
@media (min-width: 992px) {
    #brxe-b64dee .splide__slide {
        width: auto !important;
        margin-right: 0 !important;
    }
}

/* Contact page office map ([hurst_office_map]) - same size as the Bricks Map element it replaced */
.hurst-office-map {
    display: block;
    width: 100%;
    height: 490px;
    border: 0;
}

@media (max-width: 767px) {
    .hurst-office-map {
        height: 300px;
    }
}

/* About hero: the text box is taller than the photo, so the hero grid's bottom row (room
   for the photo to overhang) is left empty. Dropping it removes the gap below the hero. */
@media (min-width: 768px) {
    .page-id-23 .hero-grid.brxe-block {
        grid-template-rows: clamp(2rem, 5vw, 5rem) 1fr;
    }
}