/* Homepage posts */

.hp-posts .hp-grid__item article.post.type-post {
	display: flex;
	flex-direction: column;
	height: 100%;
	& .post__date {
		display: flex;
		position: relative;
		gap: 0.5rem;
		flex-direction: row-reverse;
		align-items: center;
		left: 2.2rem;
		font-size: var(--font-size-small);
		color: var(--muted-text-color);
		font-weight: var(--default-font-weight);
		& span {
			font-size: inherit;
			color: inherit;
			margin: 0;
		}
	}
	& .post__image .post__date::before {
		display: none;
	}
	& .post__categories {
		display: none;
	}
	& .post__content {
		height: 100%;
	}
	& .post__footer {
		margin-top auto;
	}
}

.hp-posts .hp-grid__item {
	display: flex;
}

/* Grouping styles specific to Hivepress and HP overrides */

.hp-membership-plans {
	padding: 2rem 0!important;
}

.hp-field--attachment-upload label {
	overflow: visible !important;
	margin-left: 1rem !important;
}

.hp-form--narrow.hp-form {
	max-width: 95%!important;
	width: 650px!important;
	margin: 2rem auto!important;
}

.hp-form--user-login {
	& .hp-form__action.hp-form__action--user-register {
		display: none;
	}
}

/* Hivepress-filter styles */

.hp-template--requests-view-page .banner_cover + .hp-form--primary, 
.hp-template--vendors-view-page .banner_cover + .hp-form--primary {
	margin: -3rem 0 2rem 0 !important;
    border: var(--border-branded);
    border-radius: var(--default-border-radius) !important;
    box-shadow: var(--shadow-elevation-medium) !important;
    border-left: 6px solid;
	position: relative;
	z-index: 1;
}

.hp-widget--listing-filter .hp-form__field:has([for="_category_680fc7aec23ba"]), 
.hp-widget--listing-filter .hp-form__field:has([for="_category_680fccba5a56b"]), 
.hp-form--primary::before  {
	display: none !important;
}

.page span[id^=more-]+.hp-form--primary, 
.page span[id^=more-]+.wp-block-columns .hp-form--primary:first-child, 
.hp-template--listing-tag-view-page .hp-form--primary, 
.hp-template--listings-view-page .hp-form--primary, 
.hp-template--requests-view-page .hp-form--primary, 
.hp-template--vendors-view-page .hp-form--primary {
	margin: 0 !important;
}

.hp-widget--listing-filter,
.hp-widget.hp-widget--vendor-filter, 
.hp-form--request-submit, 
.hp-form--vendor-submit, 
.hp-form--user-update-profile, 
.widget.hp-map {
    background: #fff;
	border: var(--border-branded);
    border-radius: var(--default-border-radius) !important;
    box-shadow: var(--shadow-elevation-medium) !important;
    border-left: 6px solid;
	padding: 1.5rem 1rem;
	margin-top: 1rem;
}

/* Hivepress cards */

.hp-listing--view-block .hp-listing__vendor{
	display: none!important;
}

.hp-listing--view-block .hp-listing__image img, .hp-vendor__image img {
	border-radius: 0;
}

.hp-listing--view-block, .hp-vendor--view-block {
	& .hp-listing__attributes.hp-listing__attributes--primary, & .hp-listing__attributes.hp-listing__attributes--secondary, & .hp-listing__attributes.hp-listing__attributes--ternary {
		align-items: flex-start;
		align-self: flex-start;
	}
	& .hp-listing__actions {
		display: none;
	}
}

.hp-vendor__image {
	position: relative;
}

.hp-vendor__image img[src*="placeholder"]{
	opacity: 0;
}

.hp-vendor__image a:has(img[src*="placeholder"])::before {
  content: ''; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #efefef;
  z-index: 1; 
}

.hp-listing--view-block .hp-listing__attributes--primary::before,
.lab-profile-summary:has(img.placeholder){
	display: none !important;
}

.hp-listing__content {
	padding: 1.5rem 1.5rem 0.5rem !important;
}

.hp-listing__footer {
	padding: 1rem 1.5rem !important;
	background: var(--card-footer-background);
}

.hp-requests {
	.hp-listing {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		padding: 0;
		max-width: 100%;
		height: 100%;
		color: var(--body-text-color);
		border: var(--default-border);
		border-radius: var(--default-border-radius)!important;
		box-shadow: var(--shadow-elevation-low)!important;
		overflow: hidden;
	}

	.hp-listing:hover{
		text-decoration: none;
		border: var(--highlight-border);
		box-shadow: var(--shadow-elevation-medium)!important;
	}
	.hp-listing__footer .hp-listing__attributes {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.hp-listing__vendor {
		display: none;
	}
}

.hp-result-count {
	margin-bottom: 1rem;
}

.hp-vendors {
	& .hp-vendor.hp-vendor--view-block {
		display: flex;
		flex-direction: column;
		padding: 1.5rem !important;
		max-width: 100%;
		height: 100%;
		color: var(--body-text-color);

		border: var(--default-border);
		border-radius: var(--default-border-radius)!important;
		box-shadow: var(--shadow-elevation-low)!important;
/* 		overflow: hidden; */
		& .hp-vendor__header, .hp-vendor__content{
			padding: 0!important;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		& footer {
			display: none;
		}
	}
	& .hp-vendor.hp-vendor--view-block:hover{
		text-decoration: none;
		border: var(--highlight-border);
		box-shadow: var(--shadow-elevation-medium)!important;
	}
	
}



.hp-vendor--view-block {
	& .hp-vendor__header {
		display: none;
	}
	& .hp-vendor__content {
	padding: 1rem!important;
		& h3.hp-vendor__name, h4 {
			font-size: var(--font-size-medium);
			margin: 0 auto!important;
			max-width: 90%;
		}
	}
}

.hp-vendor--view-block .hp-vendor__content:not(:last-child) {
	padding-bottom: 0!important;
}

.hp-vendor--view-block .hp-vendor__details--primary, .hp-vendor--view-page .hp-vendor__details--primary {
    flex-direction: column-reverse !important;
    align-items: center;
    gap: 1rem;
}

/* hide first membership plan on Upgrade page (for removing free) */
.upgrade .hp-membership-plans .hp-grid__item:first-of-type {
/* 	display: none; */
}

.hp-membership-plan--view-block {
	display: flex;
	flex-direction: column;

	max-width: 100%;
	height: 100%;
	color: var(--body-text-color);

	border: var(--border-branded);
	border-radius: var(--default-border-radius)!important;
	box-shadow: var(--shadow-elevation-medium)!important;
	overflow: hidden;
	& .hp-vendor.hp-vendor--view-block:hover{
		text-decoration: none;
		border: var(--highlight-border);
		box-shadow: var(--shadow-elevation-low)!important;
	}
	
	& .hp-membership-plan__footer {
		margin-top: auto;
	}
	
	& .hp-membership-plan--primary {
	}
	
	& .hp-membership-plan__header {
		
	}
	
	& .hp-membership-plan__name {
		font-weight: var(--font-weight-medium) !important;
		font-size: var(--font-size-large);
	}
	
	& .hp-membership-plan__price{
		font-size: var(--font-size-large);
		font-weight: var(--font-weight-bold);
		color: var(--cl-primary-color_1) !important;
		& .woocommerce-Price-amount amount{
			display: flex;
			justify-content: center;
			&:after {
				content: " / year";
				font-size: 14px;
			}
		}
	}
	& .hp-membership-plan__description{
		& h3 {
			font-weight: var(--font-weight-medium) !important;
			font-size: var(--font-size-medium);
		}
		& ul {
			list-style: circle outside !important;
			margin: 1rem 0 0 2rem;
		}
		& strong {
			font-weight: var(--font-weight-medium) !important;
		}
	}
}

.cta-banner {
	padding: 4% 6%;
	gap: 2rem;
	display: flex;
	justify-content: center;
	color: var(--cl-primary-color_1);
	background: var(--light-highlight-color_1) !important;
	& .wp-block-button {
		margin-top: 2rem;
		max-width: 450px !important;
	}
	& figure {
		max-width: 550px !important;
	}
}

hp-listing hp-listing--view-block
.hp-listing__attributes.hp-listing__attributes--primary {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	background: inherit;
	box-shadow: none!important;
	padding: 0!important;
}

.hp-listing__attributes.hp-listing__attributes--primary::before {
	display: none!important;
}

.hp-listing__attribute p {
	line-height: var(--line-height-short);
	align-items: center;
}

.hp-listing__attributes.hp-listing__attributes--primary .hp-listing__attribute, 
.hp-listing__attributes.hp-listing__attributes--secondary .hp-listing__attribute {
   
}

.hp-vendor--view-block .hp-vendor__registered-date
/* , .hp-vendor--view-page .hp-vendor__registered-date  */
{
	width: 100%;
}

.hp-listing__attributes.hp-listing__attributes--primary .hp-listing__attribute, 
.hp-listing__attributes.hp-listing__attributes--secondary .hp-listing__attribute,
.hp-listing__attributes.hp-listing__attributes--ternary .hp-listing__attribute, 
.hp-listing__attribute hp-listing__attribute--location, 
.hp-vendor__location.hp-listing__location,
.hp-listing__attribute a{
	font-size: var(--font-size-small) !important;
    line-height: var(--line-height-short);
    display: flex;
    gap: 0.25rem;
    align-items: start !important;
	width: 100%;

    margin: 0 0 0.5rem 0 !important;
	p {
		display: flex;
		flex-direction: column;
		align-items: start;
	}
	& strong {
		font-weight: var(--font-weight-normal);
/* 		color: var(--muted-text-color) !important; */
		text-transform: uppercase;
	}
	& i, i.hp-icon {
		margin: 0;
		font-size: var(--font-size-default);
		color: var(--muted-text-color);
		width: fit-content;
	}
}

/* hide location for Requests NB!! */
.hp-listing__attribute--location {
	display: none !important;
}

.hp-vendor.hp-vendor--view-block {
	& .hp-vendor__registered-date {
		display:none;
	}
	& .hp-vendor__details.hp-vendor__details--primary {
		margin-top: 0.5rem;
	}
	& .hp-vendor__location.hp-listing__location {
		margin-top: auto;
		flex-direction: column!important;
		text-align: center;
		& i.hp-icon {
			margin: 0 auto;
		}
	}
}



/* should we hide attributes you don't have access to? */

.hp-listing__attribute a {
	color: var(--cl-primary-color_1) !important;
	i {
		font-size: var(--font-size-medium);
	}
	& span {
		font-style: italic;
	}
}

.hp-listing__attributes.hp-listing__attributes--primary .hp-listing__attribute:last-of-type, 
.hp-listing__attributes.hp-listing__attributes--secondary .hp-listing__attribute:last-of-type,
.hp-listing__attributes.hp-listing__attributes--ternary .hp-listing__attribute:last-of-type,
.hp-vendor__location.hp-listing__location:last-of-type {
	display: flex;
	justify-content: end;
	width: fit-content;
}  
.hp-listing__attribute:has(p):has(span:empty),
.hp-listing__attributes.hp-listing__attributes--primary .hp-listing__attribute:has(p):has(span:empty),
.hp-listing__attributes.hp-listing__attributes--secondary .hp-listing__attribute:has(p):has(span:empty)
.hp-listing__attributes.hp-listing__attributes--ternary .hp-listing__attribute:has(p):has(span:empty){
    display: none !important;
}

.hp-listing__attribute.hp-listing__attribute--location, .hp-vendor__location.hp-listing__location {
	flex-direction: row !important;
	width: 100%;
}

.hp-listing__location a {
	white-space: wrap !important;
}

.hp-listing__attribute.hp-listing__attribute--completion-date {
	
}

.hp-listing__attribute.hp-listing__attribute--request-status {
	margin-left: auto;
}

.hp-listing__attribute.hp-listing__attribute--request-status div{
	padding: 0.25rem 1rem;
    width: fit-content;
    border-radius: 4px;
    background: var(--cl-primary-color_2);
    color: #fff !important;
    display: flex;
    align-items: center;
	gap: 0.25rem;
	text-transform: uppercase;
	&.Open {
		background: var(--cl-primary-color_1);
		color: #fff !important;
	}
	&.Under{
		background: var(--cl-primary-color_4);
		color: #fff !important;
	}
	&.Closed{
        background: var(--cl-secondary-color_2);
        color: var(--cl-secondary-color_1) !important;
    }
	&.Declined {
		background: var(--cl-secondary-color_2);
        color: var(--cl-secondary-color_1) !important;
	}
	& i {
		font-size: var(--font-size-small) !important;
		color: inherit !important;
	}
}

.hp-listing__attribute.hp-listing__attribute--product-type, 
.hp-listing__attribute.hp-listing__attribute--testing-type {
	text-align: left !important;
}

.hp-listing--view-page .hp-listing__attributes--secondary {
	gap: 1rem 2rem;
}
.hp-listing--view-block .hp-listing__attributes--secondary {
		gap: 0rem 2rem;
}

.hp-attribute-list {
	columns: 250px 3;
	margin: 0.5rem 0;
}

.hp_request-template-default, .hp_vendor-template-default {
	& .hp-listing__title {
		color: var(--body-text-color)!important;;
		font-size: var(--font-size-xlarge)!important;;
		font-weight: var(--font-weight-medium)!important;
		margin: 0;
	/* 	text-transform: capitalize; */
	}

	& .hp-listing__title a {
		color: #222;
	}
	& .hp-listing__content {
		padding: 1rem;
		border: var(--default-border);
		border-radius: var(--default-border-radius);
		background: #fff;
	}
	.hp-listing__details {
		& time {
			display: none;
		}
	}
}

.hp-listing__attribute.hp-listing__attribute--product-type,
.hp-listing__attribute.hp-listing__attribute--testing-type{
	display: flex;
	flex-direction: column;
    align-items: start !important;
/* 	& h3 {
		strong {
			text-transform: capitalize !important;
			color: var(--cl-primary-color_1)!important;
		}
	} */
}

.hp-listing--view-page .hp-listing__attributes--primary .hp-listing__attribute:not(:last-child) {
	border: none!important;
}


.sidebar,
.lab-profile-location,
.project-status,
.project-creator
{
    padding: 1.5rem;
	margin-bottom: 2rem;
	border: var(--border-branded);
	border-radius: var(--default-border-radius);
	background: #fff;
	& .hp-listing__attribute--location {
		display: flex;
		padding: 0 0 1rem 0;
	}
}

.sidebar,
.lab-profile-location{
	background: #fff;
}

.project-status {
	background: var(--cl-primary-color_1);
	color: #fff !important;
	text-align: center;
	& h4 {
		color: #fff !important;
		margin: 0 0 1rem 0 !important;
	}
	& p {
		margin: 0 !important;
	}
	& .hp-listing__action.hp-listing__action--offer.hp-button {
		box-shadow: none !important;
	}
}

.project-creator {
	& .hp-vendor.hp-vendor--view-block {
		box-shadow: none;
	}
	h4.hp-vendor__name {
		font-weight: var(--font-weight-medium) !important;
		margin-bottom: 0.5rem !important;
	}
	
}

.project_headings, .hp_request-template-default h2,
.hp-listing__attribute.hp-listing__attribute--product-type h3,
.hp-listing__attribute.hp-listing__attribute--testing-type h3,
.hp-vendor__attribute h3{
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-medium);
	color: var(--cl-primary-color_1);
	border-bottom: var(--default-border);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
	width: 100%;
}

.card.request .request-header h2 a:hover, .hp-listing__title a:hover {
    color: inherit;
    text-decoration: underline;
}


/* Lab Profiles */

.hp-vendor--view-page.hp-page {
	padding: 1.5rem !important;
	border: var(--default-border);
	border-radius: var(--default-border-radius);
	background: #fff;
}

.lab-profile-card {
	padding: 1.5rem;
/* 	border: var(--default-border);
	border-radius: var(--default-border-radius); */
	background: var(--light-highlight-color_3);
    gap:1rem 2rem;

    & .lab-profile-summary {
        gap: 2rem;

        & .lab-profile-summary_logo {
            aspect-ratio: 16 / 9;
            width: 272px;
            height: fit-content;
            padding: 0.5rem;
            background: white;
            object-fit: contain;
			margin-bottom: 0.5rem;
        }
    }
 	& .lab-profile-summary_content {
		justify-content: start;
		gap: 0.5rem;
		width: 100%;
		min-width: 250px;
		div {
			width: 100%;
		}
		& h1, & h3 {
			font-size: var(--font-size-medium);
			margin: 0;
			text-align: left;
		}

		& p, & time {
			font-size: var(--font-size-small);
			margin: 0;
			text-align: left;
		}
		& .hp-vendor__social-links, & .hp-social-links {
			justify-content: start;
		}
	}
    & .lab-profile-cta {
        background-color: var(--light-highlight-color_4);
        padding: 1rem 1.5rem;
        min-width: 21.875rem;
        align-items: center;
        align-self: stretch;
        text-align: center;
		color: var(--cl-primary-color_1);
		& .cta-title, & .wp-block-heading {
			font-size: var(--font-size-medium);
			font-weight: var(--font-weight-medium) !important;
			margin: 0;
		}
		& h3.hp-vendor__name, h4 {
			color: var(--cl-primary-color_1);
			font-size: var(--font-size-medium);
			margin: 0 !important;
		}
		& h3.hp-vendor__name:after {
			content: "?";
		}
		& h4 {
			font-weight: var(--font-weight-bold) !important;
		}
		
		& p {
			margin: 0;
			font-size: var(--font-size-default);
		}
		& .hp-vendor__actions {
			margin-top: 1rem;
			flex-direction: column-reverse;
			align-items: center;
			gap: 1rem;
		}
    }
}

.hp-vendor__attribute.vendor-profile > h3:only-child { /* hide heading if it doesn't have content after on Vendor page */
	display: none;
}

.hp-vendor--view-block .hp-vendor__attributes--secondary, 
.hp-vendor--view-page .hp-vendor__attributes--secondary, 
.hp-vendor--view-block .hp-vendor__attributes--ternary, 
.hp-vendor--view-page .hp-vendor__attributes--ternary {
	flex-direction: column;
	gap: 1rem;
}

.hp-vendor--view-block .hp-vendor__attributes--secondary .hp-vendor__attribute, 
.hp-vendor--view-page .hp-vendor__attributes--secondary .hp-vendor__attribute,
.hp-vendor--view-block .hp-vendor__attributes--ternary .hp-vendor__attribute, 
.hp-vendor--view-page .hp-vendor__attributes--ternary .hp-vendor__attribute {
	flex-direction: column;
	align-items: start!important;
}

.hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute strong, 
.hp-listing--view-page .hp-listing__attributes--secondary .hp-listing__attribute strong,
.hp-listing--view-block .hp-listing__attributes--ternary .hp-listing__attribute strong, 
.hp-listing--view-page .hp-listing__attributes--ternary .hp-listing__attribute strong{
	font-weight: var(--font-weight-medium);
}

.hp-vendor__footer{
	justify-content: center !important;
	border: none !important;
	&::before {
		display: none !important;
	}
}

.hp-vendor--view-block .hp-vendor__action.hp-vendor__action--message::before {
    content: "Send a Message";
    display: inline-block;
}

.hp-listing__attributes.hp-listing__attributes--primary.hp-widget.widget, .hp-vendor__attributes.hp-vendor__attributes--primary.widget.hp-widget {
	box-shadow: none;
    padding: 0;
}

.hp-vendor--view-page .wp-block-separator {
	margin: 1rem 0 !important;
}

.hp-vendor--view-page .hp-vendor__attribute {
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.hp-listing__attribute p {
	display: flex;
	gap: 0.25rem;
	margin: 0 !important;
}

.hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute i, 
.hp-listing--view-page .hp-listing__attributes--secondary .hp-listing__attribute i,
.hp-listing--view-block .hp-listing__attributes--ternary .hp-listing__attribute i, 
.hp-listing--view-page .hp-listing__attributes--ternary .hp-listing__attribute i{
	margin: 0 !important;
	width: fit-content;
}
.hp-vendor--view-block .hp-vendor__attributes--secondary .hp-vendor__attribute strong,
.hp-vendor--view-page .hp-vendor__attributes--secondary .hp-vendor__attribute strong, 
.hp-vendor--view-block .hp-vendor__attributes--ternary .hp-vendor__attribute strong,
.hp-vendor--view-page .hp-vendor__attributes--ternary .hp-vendor__attribute strong {
	font-weight: var(--font-weight-medium);
}

.hp-listing--view-page .hp-listing__attributes--secondary .hp-listing__attribute {
	max-width: 300px;
}

/* adjust card images for Vendors and Listing cards */

.hp-listing--view-block .hp-listing__image img, .hp-vendor__image img {
    aspect-ratio: 16 / 9;
    object-fit: contain;
	background: #fff;
	padding: 1rem;
}

.hp-vendor--view-block .hp-vendor__image, .hp-vendor--view-page .hp-vendor__image {
	max-width: 100% !important;
    width: 248px !important;
}

.hp-vendor--view-block .hp-vendor__header {
    padding: 2rem 2rem 0 !important;
}

/* plan badges */

.hp-vendor--view-block .hp-vendor__rating, 
.hp-vendor--view-block .hp-vendor__verified-badge, 
.hp-vendor--view-page .hp-vendor__rating, 
.hp-vendor--view-page .hp-vendor__verified-badge{
	display: none;
}

.hp-vendor__attribute--featured-vendor {
	position: absolute;
    top: 0.35rem !important;
    right: -0.35rem !important;
	z-index: 1;
}

.hp-vendor__attribute--featured-vendor .badge{
	display: flex;
	align-items: center;
	font-size: var(--font-size-small);
	padding:2px 14px 2px 6px;
/* 	border-radius: var(--default-border-radius) !important; */
	box-shadow: var(--shadow-elevation-low);
	i{
		font-weight: bold;
		font-size: var(--font-size-small);
/* 		background: var(--cl-primary-color_1)!important; */
	}
	&.badge-1{
		display: none;
		background: var(--cl-primary-color_1)!important;
	}
	&.badge-2{
		background: var(--cl-primary-color_3)!important;
		color: var(--cl-primary-color_1)!important;
		& i {
			color: var(--cl-primary-color_1)!important;
		}
	}
	&.badge-3{
		background: var(--cl-primary-color_1)!important;
		color: #fff!important;
		& i {
			color: #fff!important;
		}
	}
	&:after {
		content: "Verified";
	}
}

.hp-vendor--view-block .hp-vendor__actions--primary .hp-vendor__action i {
	color: inherit!important;
	margin: 0;
}


/* hide image upload on requests */

.hp-template--request-submit-page .hp-form__field.hp-form__field--attachment-upload {
	display: none;
}

/* Header Dropdown nav item for Account */
.hivepress-account-menu-wrapper {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hivepress-account-menu-wrapper > li {
    position: relative;
}

.hivepress-account-menu-wrapper > li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: white;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 10px 0;
    min-width: 180px;
}

.hivepress-account-menu-wrapper > li:hover > ul {
    display: block;
}

.hivepress-account-menu-wrapper li a {
    display: block;
    padding: 8px 16px;
    color: #333;
    text-decoration: none;
}
.hivepress-account-menu-wrapper li a:hover {
    background: #f0f0f0;
}

/* Style Filter lists toggle with label + icon */
.hp-form__label {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* filter accordion styles */

.hp-form__field.hp-form__field--checkboxes {
			border: var(--default-border);
			border-radius: var(--default-border-radius) !important;
			padding: 0.5rem 1rem 0;
	& .hp-field__label{
		font-size: 14px;
	}
	& .toggle-icon {
		font-size: var(--font-size-default);
	}
	& .hp-field input[type=checkbox]+span {
		margin-bottom: 0.5rem;
		font-size: var(--font-size-small);
	}
	& .hp-field--checkboxes ul {
		columns: 250px 2;
		column-gap: 1rem;
	}
	& .hp-field--checkboxes ul ul {
		margin-left: 0;
        border-left: 1px solid;
        padding-left: 0.5rem;
	}
	& .hp-field--checkboxes ul ul span {
		margin: 0 !important;
	}
}

.hp-field__label small {
	margin-left: auto;
	font-size: var(--font-size-smaller);
}

/* Reorder Vendor Profile Form Fields */

.hp-form--user-update-profile .hp-form__fields {
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
}

.hp-field--attachment-upload>div:first-child>div {
	max-width: fit-content;
}

.hp-form.hp-form--user-update-profile {
	/* First Name Field */
	& .hp-form__field:has(input[name="first_name"]) {
		order: 1;
	}

	/* Last Name Field */
	& .hp-form__field:has(input[name="last_name"]) {
		order: 2;
	}

	/* Phone Field */
	& .hp-form__field:has(input[type="tel"][data-component="phone"]) {
		order: 3;
	}

	/* Country Field */
	& .hp-form__field:has(select[name="country"]) {
		order: 4;
		display: none;
	}

	/* Location Field */
	& .hp-form__field:has(input[name="location"]) {
		order: 5;
	}

	/* Company Field */
	& .hp-form__field:has(input[name="company"]) {
		order: 6;
	}

	/* Business Name Field */
	& .hp-form__field:has(input[name="lab_name"]) {
		order: 7;
	}

	/* Profile Image Field */
	& .hp-form__field--attachment-upload:has(input[name="image"]) {
		order: 8;
		display: flex;
		flex-direction: column;
		/* Nested styles for the attachment upload component */
		& .hp-field.hp-field--attachment-upload {
			display: flex;
			align-items: center;
			gap: 1rem;
			overflow: hidden;
		}
		& .hp-field--attachment-upload > div:first-child > div img {
			display: block;
			width: 150px;
			height: 150px;
			max-width: fit-content;
			border: var(--default-border);
			object-fit: contain;
			padding: 1rem;
		}
	}

	& .hp-form__field:has(textarea[name="lab_bio"]) {
		order: 9;
	}

	/* Qualifications Field */
	& .hp-form__field:has(textarea[name="qualifications"]) {
		order: 10;
	}

	/* Standards & Methodologies Field */
	& .hp-form__field:has(textarea[name="standards_methodologies"]) {
		order: 11;
	}

	/* Product Type Field */
	& .hp-form__field:has(input[name="product_type[]"]) {
		order: 12;
	}

	/* Lab Testing Type Field */
	& .hp-form__field:has(input[name="testing_type[]"]) {
		order: 13;
	}

	/* Website Field */
	& .hp-form__field:has(input[name="website"]) {
		order: 14;
	}

	/* LinkedIn Field */
	& .hp-form__field:has(input[name="linkedin"]) {
		order: 15;
	}

	/* YouTube Field */
	& .hp-form__field:has(input[name="youtube"]) {
		order: 16;
	}

	/* City Field */
	& .hp-form__field:has(input[name="city"]) {
		order: 17;
		display: none;
	}

	/* Profile Info Field */
	& .hp-form__field:has(textarea[name="description"]) {
		order: 99;
		display: none;
	}
}

/* End ordering */

/* Order Request form */
.hp-form--request-submit {
	& .hp-form__fields {
		display: flex;
		flex-direction: column;
	}

	& .hp-form__field--attachment-upload {
		order: 1;
	}

	/* Targeting 'Title' field using :has() and the name attribute of its input */
	& .hp-form__field--text:has(input[name="title"]) {
		order: 2;
	}
	
	/* Targeting 'Product Type' using :has() and the name attribute of its checkbox inputs */
	& .hp-form__field--checkboxes:has(input[name="product_type[]"]) {
		order: 3;
	}

	/* Targeting 'Testing Type' using :has() and the name attribute of its checkbox inputs */
	& .hp-form__field--checkboxes:has(input[name="testing_type[]"]) {
		order: 4;
	}
	
	& .hp-form__field--textarea {
		order: 5;
	}
	
	/* Targeting 'Company' field using :has() and the name attribute of its input */
	& .hp-form__field--text:has(input[name="company"]) {
		order: 6;
	}
	
	/* Targeting 'Country' select using :has() and the name attribute of its select */
	& .hp-form__field--select:has(select[name="country"]) {
		order: 7;
	}
	
	& .hp-form__field--location {
		order: 8;
	}

	& .hp-form__field--tel {
		order: 9;
	}

	/* Targeting 'Target Completion Date' using :has() and the name attribute of its hidden input */
	& .hp-form__field--date:has(input[name="completion_date"]) {
		order: 10;
	}

	/* Targeting 'Length of Service' using :has() and the name attribute of its select */
	& .hp-form__field--select:has(select[name="length_of_service"]) {
		order: 11;
	}

	& .hp-form__field--number {
		order: 12;
	}

}

/* Proposal style changes */

.hp-form.hp-form--offer-make .hp-form__field.hp-form__field--attachment-upload label.hp-field__label.hp-form__label{
	& small {
		display: none;
	}
	&:after {
		content: "(PDF only)";
	}
}

.wp-block-group__inner-container:has(.hp-offers) > p:first-child,
.wp-block-group__inner-container:has(.hp-offers) > h4.wp-block-heading, .hp-offer__header {
  display: none;
}

.wp-block-group__inner-container .hp-offers:before {
	display: block;
	content: "Submitted Proposals";
    margin: 0 0 1rem 0 !important;
	font-size: 1.3125rem;
	font-weight: var(--font-weight-bold) !important;
}

.hp-offers {
	& .hp-offer.hp-offer--view-block {
		color: var(--body-text-color);
		border: 1px solid;
		border-radius: 4px;
		text-align: left;
		padding: 1rem 1rem 2rem;
	}
	& .hp-offer__attachment.hp-link span{
		font-size: var(--font-size-smaller);
		text-decoration: underline;
	}
}

/* End ordering


@media (max-width: 781px) { 
	.banner_cover {
    	& .wp-block-columns.container:first-of-type .wp-block-column:first-of-type {
			margin: 0;
		}
	}
}