/* header nav to the right */
.et-db #et-boc .et-l .et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__menu>nav>ul, .et-db #et-boc .et-l .et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
	justify-content: end!important;
}

/* making sure header nav overlaps body content */
.et-l.et-l--header {
	z-index: 99;
    position: relative;
}

/* || BADGES */

/* .badge {
    position: absolute;
    top: 0;
    right: -0.45rem;
    font-weight: 400;
}

.badge-messages,
.badge-activity {
    color: var(--cl-primary-color_1);
    background-color: var(--cl-primary-color_4);
}

.badge-requests {
    color: var(--cl-secondary-color_2);
    background-color: var(--cl-primary-color_2);
} */

/* end */

h1, h1.wp-block-heading {
	color: var(--cl-primary-color_1)!important;;
	font-size: var( --font-size-xlarge)!important;;
	font-weight: var(--font-weight-bold)!important;
}

p.content-subtitle {
	color: var(--cl-primary-color_1)!important;;
	font-size: var( --font-size-medium)!important;
	line-height: var(--line-height-default);
}

 .wp-block-cover .wp-block-cover__inner-container{
	 & .container {
        align-items: center !important;
        max-width: 100% !important;
        gap: 2rem;
		padding: 0 !important;
	 }
}

.banner_cover {
/* 	background: var(--cl-secondary-color_3); */
/* 	border-bottom: 1px solid var(--cl-secondary-color_1); */
	padding: 2rem 0 4rem!important;
}

.wp-block-cover-image:not(:last-child), .wp-block-cover:not(:last-child) {
	margin-bottom: 0 !important;
}

.banner_cover figure.wp-block-image img {
	width: auto;
    height: auto;
    max-height: 360px;
/*     aspect-ratio: 5 / 4; */
}

.requester-block, .provider-block {
	display: flex;
    flex-direction: column;
	padding: 1.5rem !important;
	border-radius: var(--default-border-radius) !important;
	background-size: contain !important;
	align-self: stretch !important;
	background: rgba(255,255,255,0.94) !important;
	border: 1px solid var(--cl-primary-color_1) !important;
	& p, h1, h2, h3, h4, h5, h6 {
/* 		color: #fff!important; */
		line-height: var(--line-height-default);
		color: var(--cl-primary-color_1);	
	}
	& h1, h2, h3, h4, h5, h6 {
		margin: 0 0 1rem 0;
	}
	& .wp-block-buttons {
	}
}

.requester-block {
/* 	background: url("/wp-content/uploads/2025/04/banner_bg_client_opt_2x-scaled.png"), var(--cl-primary-color_1); */
}

.provider-block {
/* 	background: url("/wp-content/uploads/2025/05/banner_bg_lab_opt_2x-scaled.png"), var(--cl-primary-color_1); */
}



.anchor-nav {
    gap: 0.75rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--cl-primary-color_1);
    max-width: 98vw;
    overflow: scroll;

    & a {
        background-color: var(--light-highlight-color_1);
        border-radius: var(--default-border-radius);
        font-size: var(--font-size-default);
        display: flex;
        align-items: center;
    }
}

.lab-profile-main {
    margin-top: 7rem;

    aside {
        margin-top: 2rem;
    }

    & section {
        padding: 1.5rem 0;
        border-top: 2px solid var(--light-highlight-color_3);

        & h3 {
            line-height: var(--line-height-large);
            margin-bottom: 1rem;
        }
    }
}

.lab-profile-location {
    padding: 1.5rem;
    background: var(--light-highlight-color_3);

    & h3 {
        line-height: var(--line-height-large);
        margin-bottom: 1rem;
    }

    & p {
        margin-bottom: 2rem;
    }
}

#Industries,
#Testingtypes {
    & ul {
        columns: 3 auto;
        column-width: 250px;
    }
}

.more-testingTypes {
    & ul {
        columns: 2 350px;
        padding: 0 0 0 1rem;
        margin: 1rem 0;
    }
}


/* end */


/* Lab Profile Gallery */

.gallery {
    display: grid;
    grid-template-columns: minmax(350px, 980px) minmax(110px, 1fr) minmax(110px, 1fr) minmax(110px, 1fr) minmax(110px, 1fr);
    grid-gap: 16px;
    grid-column-start: 1;
    grid-row-start: 1;
    /* grid-row-end: 3; */
    align-content: start;
    max-width: 100vw;
    margin: 0 auto;
    background: var(--light-highlight-color_3);
    padding: 2rem;
    transition: all 150ms linear;
}

.gallery input[type="radio"] {
    display: none;
}

.gallery label {
    position: relative;
    display: flex;
    /* padding-bottom: 60%; */
    margin: 5px;
    cursor: pointer;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    max-width: 110px;
    max-height: 110px;
}

.gallery label:before {
    border: 1px solid var(--cl-secondary-color_3);
    content: '';
    position: absolute;
    left: -5px;
    right: -5px;
    bottom: -5px;
    top: -5px;
    border-radius: var(--default-border-radius);
}

.gallery img {
    display: none;
    grid-row-start: 1;
    grid-row-end: 7;
    grid-column-start: 1;
    grid-column-end: 2;
    width: 100%;
    /* aspect-ratio: 1 / 1; */
    aspect-ratio: 16 / 9;
    object-fit: contain;
    transition: all 150ms linear;
    background-color: #fff;
    max-width: 100%;
}

.gallery label img {
    display: block;
}

.gallery input[name="select"]:checked+label+img {
    display: block;
    border: 1px solid var(--cl-secondary-color_3);
    border-radius: var(--default-border-radius);
}

.gallery input[name="select"]:checked+label:before {
    border: 1px solid var(--cl-primary-color_1);
    box-shadow: var(--shadow-elevation-medium);
}

/* end */


/* || MEDIA QUERIES */

@media (max-width: 34rem) {

    /* 544px */
    .lab-profile-summary {
        flex-direction: column;
    }
}

@media (max-width: 48rem) {

    /* 768px */
    .page-container {
        padding-top: 12rem;
    }

    .request-list {
        /* display: block;
        height: fit-content; */
    }

    .card.request {
        margin-bottom: 1rem;
    }

    .request-block {
        width: 100%;
    }

    .container {
        max-width: 98vw;
    }

    .clearHeader {
        padding-top: 40px;
    }

    .badge {
        right: auto;
    }

    .lab-profile-card {
        flex-direction: column;
    }

    .lab-profile-summary {
        align-self: center;
    }

    .lab-profile-summary,
    .lab-profile-cta {
        max-width: 450px;
        margin: 0 auto;
    }

    .gallery {
        grid-template-columns: 1fr 1fr 1fr 1fr !important;
        grid-auto-rows: 75px;
    }

    .gallery img {
        grid-column-end: 5;
        grid-row-end: 6;
    }


}


@media (min-width: 769px) and (max-width: 1024px) {
    .page-container {
        padding-top: 12rem;
    }
}

@media (max-width: 1200px) {
    .gallery {
        grid-template-columns: minmax(350px, 980px) minmax(75px, 1fr) minmax(75px, 1fr) minmax(75px, 1fr);
    }
}

/* end */