/* values-tools.css */
/* Values Tools */
main {
	--vls-tls-icn-s: 2.5rem; /* { min: 1, max: 5, step: 0.1, friendly: 'Values Icon Size' } */
}

.vls .vls-icn {
	font-size: var(--vls-tls-icn-s);
}

/* top-nav-alt.css */
@media screen and (min-width: 1280px) {
    .fly-nv-acc-sm {
        cursor: pointer;
        list-style: none;
    }

    .fly-nv-acc-sm::-webkit-details-marker {
        display: none;
    }

    .fly-nv-acc-lbl {
        flex: 1;
    }

    .nv-chv-acc {
        transition: rotate var(--g-trn-sp) var(--g-trn-tf);
    }

    .fly-nv-acc[open] .nv-chv-acc {
        rotate: 180deg;
    }

    .fly-nv-acc-list {
        list-style: none;
        margin: 0;
        padding: 0 0 0 .5rem;
    }
}

/* content-v5.css */
.cnt.v5 {

    .bg-bx {
        padding: 1.78rem 2.22rem;

        div.gp_sp-sml {
            gap: .44rem;
        }
            .btn.v2 {
            color: var(--primary);
            font-family: var(--fnt-t);
        }

        .btn-bx {
            margin-top: auto;
        }
    }
    
}
@media screen and (min-width: 700px) {
    .areas-we-serve .cnt.v5 .cnt-stl ul{
        column-count: 3;
    }
    .join-our-team .cnt.v5 .cnt-stl ul{
        column-count: 2;
    }
}

/* values-v4.css */
.vls.v4 {
    .vls-icn {
        margin-inline: auto;
    }
}


/* reviews-v4.css */
.rvw.v4 {
    --rvw-str-clr: var(--fnt-t-co);
    --rvw-str-s: 1.33rem;
    --flr-mrg-tp: 1.67rem;
    --fnt-pl-s: 1.33rem;
    .bg{
        img{
            opacity: 1;
        }
    }
    .rvw-v4-bx {
        overflow: hidden;
    }

    .rvw-v4-list {
        display: flex;
    }

    [data-role="item"] {
        flex: 0 0 100%;
        width: 100%;
    }

    .svg-con {
        line-height: 1;
    }

    blockquote {
        width: 100%;
    }

    .g-icn {
        font-size: 1.33rem;
        flex-shrink: 0;
    }

    [data-role="thumbList"] {
        button {
            width: .78rem;
            height: .78rem;
        }
    }

    /* Thumb dots: active = brand button color (ulk-bg acts as light context inside dk-bg) */
    .rvw-v4-bx [data-role="thumbList"] button {

        background-color: var(--link-color);

        &:is(.s-active, :hover, :focus-visible) {
            --thmb-o: 1;
        }

        &.s-active {
            background-color: var(--buttons);
        }
    }

    &[data-colors="alternate-dark"] .bg-bx.lk-bg{
        [data-role="thumbList"] button{
            background-color: white;
            &.s-active {
                background-color: var(--buttons);
            }
        }
    }
}

/* contact-v4.css */
.ctc.v4 {

    /* -- Layout -------------------------------------------- */

    .ctc-v4-layout {
        gap: 4rem;
    }

    @media screen and (min-width: 1280px) {
        .ctc-v4-content {
            width: calc(43% - (var(--flx-gap) / 2));
        }

        .ctc-v4-form {
            width: calc(57% - (var(--flx-gap) / 2));
        }
    }

    /* -- Heading & body ------------------------------------ */

    .ctc-v4-heading {
        display: block;
        margin-bottom: 1rem;
    }

    .ctc-v4-body {
        max-width: 38rem;
    }

    /* -- Areas We Serve ------------------------------------ */

    .ctc-v4-areas-ttl {
        font-size: 1.1rem;
        font-family: var(--fnt-t);
        font-weight: 700;
    }

    .ctc-v4-areas ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .input-text {

        label.abs {
            opacity: 0;
        }

        :is(input, select, textarea)::placeholder {
            color: var(--text-color);
        }

        :is(input, select, textarea) {
            background: transparent;
            border-color: var(--text-color);
        }
    }

    /* -- Background image overlay -------------------------- */

    picture.bg img {
        mix-blend-mode: luminosity;
        opacity: 0.2;
    }

    .tag {
        --tag-s: 1rem;
        --bdr-clr-o: 0.5;
        background-color: hsl(from var(--text-color) h s l / 0.2);
    }
}