@charset "utf-8";
/* CSS Document */

#hjx-sellers {
	background: white;
	display: flex;
	flex-direction: column;
	justify-content: center;

	#additional-services, #sale-barn-listings, #pricing, #hjx-faqs {
		scroll-margin-top: 150px;
	}
}


/*** anchor in-page navigation on mobile, otherwise sticky below hjx header ***/
#hjx-sellers #sellers-nav {
	position: fixed;
	bottom: 0;
	z-index: 99;
	display: flex;
	justify-content: center;
	padding: .75rem 1rem;
	width: 100%;
	background: white;
	border-top: 1px solid var(--cp-primary-comp);
}

@media only screen and (min-width: 576px) {
	#hjx-sellers #sellers-nav {
		padding: 1rem;
	}

	#hjx-sellers #sellers-nav.active {
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);		
		background: var(--cp-shade-200);
	}
}

/* Multiple Triangles Section Divider */
.ss-style-multitriangles::before,
.ss-style-multitriangles::after {
	position: absolute;
  content: '';
  pointer-events: none;
  left: 50%;
  width: 50px;
  height: 50px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.ss-style-multitriangles::before {
  top: -25px;
  background: inherit;
  box-shadow: -50px 50px 0 darken(var(--cp-primary-dark), 7%), 50px -50px 0 darken(var(--cp-primary-dark), 7%);
}

.ss-style-multitriangles::after {
  bottom: -25px;
  z-index: 10;
  background: inherit;
  box-shadow: -50px 50px 0 darken(var(--cp-primary-dark), 7%), 50px -50px 0 darken(var(--cp-primary-dark), 7%);
}

#hjx-sellers .cta-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	a.cta {
		font-weight: 600;
		font-size: clamp(.5rem, .5rem + .2vw, .8rem);
		padding: .45rem .6rem;
		border-radius: 3px;
		text-transform: uppercase;
		letter-spacing: .05em;
		display: inline-flex;
		line-height: 1;
		align-items: center;
		transition: 0.4s ease;
		margin: 2px;
		background: var(--cp-shade-50);
		border: 1px solid var(--cp-shade-300);
		color: var(--cp-primary-400);
	}

	a.cta.register {
		background: var(--cp-primary-500);
    	border: 1px solid var(--cp-primary-500);
		color: white;
	}
}

#hjx-sellers a:hover.cta {
	filter: brightness(1.1);
	background: var(--cp-primary-400);
	color: white;
}

#hjx-sellers .divider {
	position: relative;
	height: 8px;
	width: 60px;
	background: var(--cp-primary-bold);
	margin: 0 auto;
	display: inline-flex;
	border-radius: 4px;
}
#hjx-sellers .divider.small {
	height: 4px;
	border-radius: 2px;
	width: 30px;
}
/*
#hjx-sellers .divider-vert-right {
	position: relative
}
*/
#hjx-sellers .strikethrough {
  position: relative;
  padding: 0 4px 0 4px;
}

#hjx-sellers .strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 54%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  -webkit-transform:rotate(-40deg);
  -moz-transform:rotate(-40deg);
  -ms-transform:rotate(-40deg);
  -o-transform:rotate(-40deg);
  transform:rotate(-40deg);
}

#hjx-sellers.sale-barn-listings #hjx-sellers-hero {
	height: 100vh;
	background-position: center center;
	background-color: var(--cp-primary-dark-trans-80);
  	background-blend-mode: multiply;
}

#hjx-sellers.sale-barn-listings #hjx-sellers-hero {
	background-image: url(https://hjxbucket.s3.us-east-2.amazonaws.com/site/sellers/_sm/device-montage__hjx-sale-barn-listings.webp);
}

#hjx-sellers .large-title {
	font-size: clamp(2.5rem, 2.5rem + 2vw, 5rem);
    font-family: pt-sans-pro-narrow, sans-serif;
    color: var(--cp-shade-500);
    font-weight: 800;
    text-align: center;
}

#hjx-sellers .large-subtitle {
	font-size: clamp(1rem, 1rem + .8vw, 1.75rem);
    font-family: pt-sans-pro-narrow, sans-serif;
    color: var(--cp-primary-medium);
    font-weight: 400;
    text-align: center;
}

#hjx-sellers .section-title {
	font-size: clamp(2rem, 2rem + .8vw, 3rem);
    font-family: pt-sans-pro-narrow, sans-serif;
    color: var(--cp-shade-500);
    font-weight: 800;
    text-align: center;
}

/**
#hjx-sellers.sale-barn-listings .title {
	color: var(--cp-primary-light);
	text-align: center;
	font-weight: 400;
	font-size: calc(1rem + 2vw);
}


#hjx-sellers.sale-barn-listings .content {
	font-size: .8rem;
	margin-top: auto;
	margin-bottom: auto;
	justify-content: center;
	display: flex;
	flex-direction: column;
	text-align: center;
}
**/

#hjx-sellers ul.features-list {
	list-style-type: none;
	margin: 0 auto;
	font-size: calc(.575rem + .2vw);
	text-transform: uppercase;
	letter-spacing: .05em;
	color: white;
	font-weight: 500;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;	
    justify-content: center;
}

#hjx-sellers ul.features-list li {
	padding: .5em 1em;
	margin: 0 .25em 1em;
	color: var(--cp-shade-500);
	font-weight: 600;
	text-align: center;
	border-radius: 5px;
	background: var(--white-trans-80);
	border: 1px solid var(--cp-primary-ultra-light);

	&.alt {
		background: var(--cp-shade-400);
		color: white;
	}
}

#hjx-sellers ul.features-list.alt li {
	background: var(--cp-grey-500);
  	color: var(--cp-grey-50);
}

#hjx-sellers ul.features-list li.link {
	background: var(--cp-primary-400);

	a {
		color: white;
	}
}

#hjx-sellers .share-features {
	display: flex;
	flex-direction: column;
	font-size: calc(.75rem + .5vw);
	border: 1px solid var(--cp-shade-200);
  	border-radius: 14px;
	color: var(--cp-shade-600);
	filter: saturate(.7);

	&.share-ctas {
		background: var(--cp-shade-500);
    	border-color: var(--cp-shade-600);
		color: white;
	}

	p {
		color: var(--cp-shade-500);
	}

	.share-image {
		min-width: 150px;
		display: flex;
		flex-direction: column;

		img {
			width: 100%;
		}
	}

	.short-link {
		font-size: .85em;
		font-weight: 500;
		color: white;
		margin-bottom: 2em;
		padding: .6em 1em;
		text-align: center;
		margin: 0 auto;
		background: var(--cp-shade-500);
		border-radius: 4px;
		filter: saturate(.7);
	}

	.share-icons-box {
		padding: 3rem 1rem;
		display: flex;
		flex-direction: column;
		justify-content: center;

			.share-icons {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
				gap: 4px;

				.icon-wrap {
					position: relative;
					width: 100%;
					aspect-ratio: 1/1;
					display: flex;
					flex-direction: column;
					justify-content: center;
					font-family: pt-sans-pro-narrow, sans-serif;
					color: white;
					text-align: center;
					font-size: clamp(.5rem, .5rem + .2vw, .55rem);
					font-weight: 600;
					letter-spacing: .02em;
					text-transform: uppercase;
					border-radius: 4px;
					border: 1px solid var(--cp-shade-500);
        			background: var(--cp-shade-400);
					margin-bottom: 3px;
					flex: 1 0 0%;
					padding-bottom: 8px;

					svg {
						font-size: calc(1.6rem + .2vw);
					}

					span {
						position: absolute;
						bottom: 12px;
						left: 0;
						right: 0;
						text-align: center;
					}
				}
			}
	}
}

#pricing {
	display: flex;
	flex-direction: column;
	max-width: 900px;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	background: var(--cp-shade-600);
  	border: 1px solid var(--cp-shade-700);
	border-radius: 14px;
	filter: saturate(.8);
}

#pricing .pricing-header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-size: clamp(.9rem, .9rem + .2vw, 1.1rem);

	.listing-types {
		font-family: futura-pt, sans-serif;
		color: var(--cp-primary-light);
		font-size: clamp(.65rem, .65rem + .2vw, .75rem);
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .05em;
		text-align: center;
	}

	.section-title {
		font-size: clamp(2.5rem, 2.5rem + .8vw, 3.5rem);
		color: var(--cp-primary-light);
	}
}

#pricing .price-box {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	border-radius: 14px;
	margin: .25rem auto;
	background: rgba(152, 118, 123, .2);
  	border: 1px solid var(--cp-shade-500);
	color: white;

	.group-content {
		padding: 1rem;
	}

	a.price-cta {
		position: absolute;
		right: 1.25rem;
		top: 1.25rem;
		color: white;
		font-weight: 500;
		font-size: clamp(.7rem, .7rem + .2vw, .85rem);
		font-family: pt-sans-pro-narrow, sans-serif;
		background: var(--cp-primary-400);
		padding: 6px 10px;
		border-radius: 4px;
		letter-spacing: .03em;
		display: inline-flex;
		line-height: 1;
		align-items: center;
		transition: 0.4s ease;
		margin: 0 auto;
	}

	a:hover.price-cta {
		filter: brightness(1.1);
	}

	svg.listing-icon {
		position: absolute;
		top: 1.5rem;
		right: 1rem;
		font-size: 2rem;
		color: var(--cp-primary-ultra-light);
	}

	.listing-type {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 1.5rem 1rem;
    	background: rgba(152, 118, 123, .6);
    	border-bottom: 1px solid var(--cp-shade-700);

		h3 {
			font-family: pt-sans-pro-narrow, sans-serif;
			font-size: clamp(1.4rem, 1.4rem + .2vw, 1.6rem);
			font-weight: 600;			
			text-align: center;
			margin-right: 8px;
			margin-bottom: 0;		
			color: var(--cp-primary-ultra-light);	
		}

		.type-tag {
			padding: 5px 10px 3px;
			border-radius: 3px;
			text-transform: uppercase;
			letter-spacing: .03em;
			font-weight: 500;
			line-height: 1;
			background: var(--cp-primary-ultra-light);
      		color: var(--cp-primary-dark);
		}
	}

	.blurb {
		padding: 1rem .5rem 1.8rem;
		font-family: pt-sans-pro-narrow, sans-serif;
		font-size: clamp(.7rem, .7rem + .2vw, .8rem);
	}

	.monthly-sub-wrap {
		display: flex;
    	flex-direction: column;
		margin: 1.5rem 0 0;
		font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;

		.pricing-table .table {
			--bs-border-width: 2px;
			border-collapse: separate;
			font-size: clamp(.85rem, .85rem + .2vw, .95rem);
			--bs-table-color: var(--cp-primary-light);
			--bs-table-striped-bg: var(--white-trans-10);
			--bs-table-border-color: var(--cp-shade-400);
			--bs-table-striped-color: var(--cp-primary-light);
			--bs-table-bg: var(--cp-shade-600);


			td span {
				font-size: .8em;
				color: var(--cp-primary-light);
			}

			td:first-child {
				border-radius: 8px 0 0 8px;
				padding-left: 1rem;
			}
			td:last-child {
				border-radius: 0 8px 8px 0;
				padding-right: 1rem;
				font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
				font-size: 1.1em;
				color: white;
			}
		}
	}

	.select-plan {
		position: relative;
		padding: 1rem;
		border-radius: 8px;
		margin-bottom: .5rem;
		background: var(--cp-shade-600);
    	border: 1px solid var(--cp-shade-400);
		color: white;

		.title {
			font-family: pt-sans-pro-narrow, sans-serif;
			font-size: clamp(.7rem, .7rem + .2vw, .85rem);
			font-weight: 600;
			margin-bottom: 8px;
			color: var(--cp-primary-light);
		}

		.price {
			font-size: clamp(1.6rem, 1.6rem + .2vw, 1.8rem);
			font-weight: 700;
			font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
			line-height: 1;

			span {
				font-size: .5em;
				font-weight: 500;
				color: var(--cp-primary-light);
			}
		}
		
		.second-price {
			font-family: pt-sans-pro-narrow, sans-serif;
			font-size: clamp(.7rem, .7rem + .2vw, .85rem);
			font-weight: 600;
			text-transform: uppercase;
		}

		.sb-set-up {
			font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
			color: var(--cp-primary-light);
			font-size: clamp(.8rem, .8rem + .2vw, .9rem);
			font-weight: 500;
			margin-bottom: .4rem;

			span {
				font-size: 1.2em;
				color: white;
				font-weight: 700;
			}
		}
	}

	.video-management {
		padding: 1rem;
		font-family: pt-sans-pro-narrow, sans-serif;
		font-size: clamp(.7rem, .7rem + .2vw, .8rem);
		font-weight: 500;
		color: var(--white-trans-90);
		background: var(--black-trans-10);
		border-top: 1px solid var(--black-trans-40);

		.heading {
			font-size: 1.1em;
		}
	}

	a.more-info, a:visited.more-info, button.more-info {
		display: inline-flex;
		background: var(--cp-primary-ultra-light);
		padding: 6px 10px;
		border-radius: 4px;
		color: var(--cp-primary-dark);
		transition: 0.4s ease;
		line-height: 1;
		font-size: clamp(.7rem, .7rem + .2vw, .8rem);
		font-family: pt-sans-pro-narrow, sans-serif;
	}

	a:hover.more-info, button:hover.more-info {
		filter: brightness(1.1);
	}

	button.more-info {
		margin-left: auto;
		margin-right: auto;
		border: 1px solid var(--cp-primary-light);
	}

	&.sale-barn {
		svg.listing-icon {
			font-size: 2.4rem;
			margin-top: -4px;
		}
	}
}

#sale-barn-listings, #sale-horse-listings, #requirements {
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
  	flex-direction: column;
}

#sale-barn-listings .sb-header, #sale-horse-listings .sh-header {
	background: var(--cp-shade-100);
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 14px;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-size: clamp(.9rem, .9rem + .2vw, 1.1rem);
	font-weight: 500;
	border: 1px solid var(--cp-shade-200);
	color: var(--cp-shade-600);

	.headline-bar {
		width: 100%;
		background: var(--cp-shade-400);
		border-radius: 8px;
		font-family: futura-pt, sans-serif;
		color: white;
		font-size: clamp(.65rem, .65rem + .2vw, .75rem);
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: .05em;
		padding: 8px;
		text-align: center;
	}

	.listing-ctas {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 4px;

		a {
			padding: .75rem 1rem;
			color: white;
			font-weight: 600;
			text-align: center;
			border-radius: 4px;
			background: var(--cp-shade-600);
      		border: 1px solid var(--cp-shade-600);
			font-size: calc(.675rem + .2vw);
			text-transform: uppercase;
			letter-spacing: .05em;
		}
	}
}

#sale-barn-listings .perks-wrap, #sale-horse-listings .perks-wrap {
	justify-content: center;
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	padding: 1rem 1.25rem;
	background: var(--white-trans-60);
	border: 1px solid var(--cp-shade-200);
	color: var(--cp-shade-500);

	.perks-lg-text {
		font-family: pt-sans-pro-narrow, sans-serif;
		font-size: clamp(1.1rem, 1.1rem + .2vw, 1.2rem);
		font-weight: 600;
	}

	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		font-family: pt-sans-pro-narrow, sans-serif;
		font-size: clamp(.85rem, .85rem + .2vw, .95rem);
		font-weight: 600;
	}
}

.listing-features {
	display: flex;
	flex-direction: column;
	font-size: calc(.75rem + .5vw);
	border: 1px solid var(--cp-primary-bright);
	border-radius: 14px;

	.feature-box {
		background: rgba(247, 229, 226, .5);
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 14px;
		font-family: pt-sans-pro-narrow, sans-serif;
		font-size: clamp(.9rem, .9rem + .2vw, 1.1rem);
		font-weight: 600;
		color: var(--cp-primary-medium);
		border: 1px solid var(--cp-primary-ultra-light);
		text-align: center;
		padding: 1rem;

		p {
			font-size: .8em;
			font-weight: 500;
		}
	}
}

#requirements .reqs-header {
	background: var(--cp-shade-500);
	border: 1px solid var(--cp-shade-600);
	color: white;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 14px;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-size: clamp(.9rem, .9rem + .2vw, 1.1rem);
	font-weight: 500;
	margin-left: auto;
	margin-right: auto;
	filter: saturate(.7);

	.approval-note {
		width: 100%;
		background: var(--black-trans-20);
		border-radius: 8px;
		font-family: futura-pt, sans-serif;
		color: white;
		font-size: clamp(.65rem, .65rem + .2vw, .75rem);
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: .05em;
		padding: 8px;
		text-align: center;
	}

	.section-title {
		color: var(--cp-primary-light);
		font-size: clamp(1rem, 1rem + .5vw, 1.5rem);
		text-transform: uppercase;
		letter-spacing: .05em;
	}

		.video-note {
			width: 100%;
			display: flex;
			flex-direction: column;
			background: var(--black-trans-20);
			border-radius: 14px;
			color: var(--cp-primary-ultra-light);		
			padding: 1rem;
			text-align: start;
			font-size: clamp(.8rem, .8rem + .2vw, .95rem);
			font-weight: 500;

		.shrink-font {
			font-size: .95em;
		}
	}
}

#priceEstimateModal {
	--bs-modal-bg: var(--cp-primary-darker);

	.btn-close {
		--bs-btn-close-color: var(--cp-primary-light);
		--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F8D0D0'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	}	

	.modal-header {
		background: var(--black-trans-60);
		border-color: var(--cp-primary-darkest);
		color: var(--cp-primary-ultra-light);
		text-transform: uppercase;
		font-size: clamp(.8rem, .8rem + .2vw, .85rem);
		padding: 1.5rem;

		h5 {
			font-size: clamp(1rem, 1rem + .2vw, 1.2rem);
			font-weight: 500;
			letter-spacing: .06rem;
		}
	}

	.modal-body {
		background: var(--black-trans-40);
	}
}

#hjx-sellers #sb-pricing-switch {
	color: var(--cp-primary-ultra-light);

	button.nav-link {
		text-transform: uppercase;
		border: 1px solid var(--cp-primary-light);
		border-radius: 4px;
		margin: 0 3px;
		color: var(--cp-primary-ultra-light);
		font-weight: 600;
		font-family: pt-sans-pro-narrow, sans-serif;
		font-size: calc(.75rem + .2vw);
		background: var(--white-trans-40);
		letter-spacing: .05em;

		&.active {
			background: var(--cp-primary-ultra-light);
			color: var(--cp-primary-bold);
		}
	}

	table {
		--bs-border-width: 2px;		
  		--bs-table-color: var(--white-trans-90);
		--bs-table-border-color: var(--black-trans-40);
		font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
		font-size: clamp(1rem, 1rem + .2vw, 1.1rem);

		tr.highlight-row {
			background: var(--black-trans-40);
			color: var(--cp-primary-light);
		}

		th {
			text-transform: uppercase;
			color: var(--cp-primary-light);
			font-size: .9em;
			font-weight: 500;
		}
	}	
}

#hjx-sellers .bg-img-wrap {
	position: relative;
	width: 100%;
	height: 40vh;
	display: flex;
	justify-content: center;
	align-items: center;

	img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.content {
		position: relative;
		z-index: 1;
		background: var(--white-trans-20);
		color: var(--cp-primary-light);
		border-radius: 4px;
		padding: .5rem 1rem;

		h4 {
			font-size: clamp(4rem, 4rem + .5vw, 8rem);
			font-family: pt-sans-pro-narrow, sans-serif;
			color: var(--cp-primary-ultra-light);
			font-weight: 800;
			text-align: center;
		}
	}
}

#media-prep, #invested {
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;

	h4 {
		color: var(--cp-shade-500);
		font-size: clamp(1.2rem, 1.2rem + 2vw, 1.8rem);
		font-weight: 600;
		text-align: center;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	.media-headline-bar {
		width: 100%;
		background: var(--cp-shade-400);
		border-radius: 8px;
		font-family: futura-pt, sans-serif;
		color: white;
		font-size: clamp(.65rem, .65rem + .2vw, .75rem);
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: .05em;
		padding: 8px;
		text-align: center;
	}

	.interior-wrap {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius: 14px;
		font-family: pt-sans-pro-narrow, sans-serif;
		padding: 1.5rem;
		text-align: center;			
		background: var(--cp-shade-50);
		border: 1px solid var(--cp-shade-100);
		color: var(--cp-shade-600);

		.details-wrap {
			justify-content: center;
			display: flex;
			flex-direction: column;
			border-radius: 12px;
			padding: 1rem 1.25rem;
			background: var(--white-trans-60);
			border: 1px solid var(--cp-shade-200);
			color: var(--cp-shade-500);
			font-family: pt-sans-pro-narrow, sans-serif;
			font-size: clamp(.85rem, .85rem + .2vw, .95rem);
			font-weight: 600;
		}
	}
}


#reasons {
	h4 {
		font-size: clamp(4rem, 4rem + .5vw, 8rem);
		font-family: pt-sans-pro-narrow, sans-serif;
		color: var(--cp-primary-light);
		font-weight: 800;
		text-align: center;
		}
	h5 {
		font-size: clamp(1rem, 1rem + .5vw, 1.4rem);
		color: var(--cp-shade-500);
		margin-bottom: .25rem;
		font-weight: 600;
	}
	.row > div {
		padding: 1rem;

		.reason-wrap {
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			border-radius: 4px;
			font-family: pt-sans-pro-narrow, sans-serif;
			padding: 1.5rem;
      		text-align: center;			
			background: var(--cp-shade-50);
			border: 1px solid var(--cp-shade-100);
			color: var(--cp-shade-600);

			p {
				font-size: clamp(.75rem, .75rem + .3vw, .9rem);
				font-weight: 500;
				margin-bottom: 0;
			}
		}
	}	
}
#hjx-sellers.sellers-main #hjx-clients {
	display: flex;
	flex-direction: column;

	.title-box {
		background: var(--cp-shade-500);
		color: white;
		border-radius: 4px;
		padding: 6px 10px;
		display: inline-flex;
		margin-left: auto;
		margin-right: auto;

		h4 {
			font-size: clamp(.7rem, .7rem + .2vw, .85rem);
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: .05em;
			margin-bottom: 0;
		}
	}


	p {
		max-width: 650px;
		font-size: clamp(1.3rem, 1.3rem + .5vw, 1.8rem);
		font-weight: 500;
		color: var(--cp-primary-medium);
		text-align: center;
		font-family: pt-sans-pro-narrow, sans-serif;
	}
	.client-wrap {
		display: flex;
		flex-wrap: wrap;
		font-size: calc(.8rem + .2vw);
		justify-content: center;
		gap: 1rem;

		.client-type {
			display: flex;
			flex-direction: column;
			position: relative;
			padding: 1rem;
			text-align: center;
			font-weight: 500;
			color: var(--cp-shade-500);
			flex: 1;
			max-width: 220px;

			svg {
				margin: 0 auto 1rem;
				font-size: 6em;
				color: var(--cp-shade-500);
			}
		}
	}
}

#hjx-sellers.sale-barn-listings .hjx-fixed-hero {
	position: relative;
    width: 100%;
	height: 65vh;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-attachment: fixed;
}

#hjx-sellers.sale-barn-listings .hjx-fixed-hero .inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 2rem 1rem;
	height: 100%;
	z-index: 30;
	color: white;
	position: absolute;
}

/** background: fixed is not supported on mobile devices, so we use initial to disable it */
@media (max-width: 768px) {
   #hjx-sellers.sale-barn-listings .hjx-fixed-hero {
       background-attachment: initial;
   }
}



#hjx-sellers.sale-barn-listings #screens #screens__owl-wrap {
	position: relative;
	margin: auto;
	padding: 0 10px 0;
	width: 100%;
	max-width: 800px;
}

#hjx-sellers.sale-barn-listings .owl-carousel-screens .nav-btn {
	padding: 10px 18px 8px;
	cursor: pointer;
	font-size: calc(1rem + .5vw);
	line-height: 1;
	color: var(--cp-primary-bold);
	transition: .3s ease;
	background: var(--cp-primary-ultra-light);
	border-radius: 8px;
}

#hjx-sellers.sale-barn-listings .owl-carousel-screens .owl-nav button:hover {
  background: var(--cp-primary-light);
}

#hjx-sellers #sbPackageDetails .accordion .accordion-button {
    font-size: calc(.725rem + .4vw);
    font-weight: 600;
    color: var(--cp-primary-darker);
    transition: all 0.5s ease-out;
}

#hjx-sellers #sbPackageDetails .accordion .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b34d5c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#hjx-sellers #sbPackageDetails .accordion .accordion-button:not(.collapsed) {
    background: var(--cp-primary-ultra-light);
    border-bottom: 1px solid var(--cp-primary-bold);
	color: var(--accent);
}

#hjx-sellers #sbPackageDetails .accordion .accordion-button:focus {
    border-width: 0 0 1px 0;
    border-color: var(--cp-primary-bold);
    box-shadow: none;
}
#hjx-sellers #sbPackageDetails .accordion .accordion-item {
    color: var(--cp-primary-medium);
}

#hjx-sellers #sbPackageDetails .accordion .accordion-body {
	padding: 2rem;
}

#hjx-sellers .how-many-box {
	padding: 3rem 2rem;
	border-radius: 4px;
	display: inline-flex;
	flex-direction: column;
	flex: 1;
	justify-content: center;
	text-align: center;
	color: var(--cp-primary-bold);
    text-transform: uppercase;
	background: rgb(247,229,226);
  	background: linear-gradient(308deg, rgba(247,229,226,1) 0%, rgba(253,248,247,1) 37%, rgba(253,248,247,1) 63%, rgba(247,229,226,1) 100%);
	border: medium solid var(--cp-primary-bold);
}

#hjx-sellers .how-many-box.white-bg {
	background: white !important;
	filter: none !important;
}


#hjx-sellers #hjx-faqs {
	display: flex;
	flex-direction: column;
	background-color: var(--cp-shade-100);
	border-top: 1px solid var(--cp-shade-200);

	.faqs-wrap {
		width: 100%;
		display: flex;
		flex-direction: column;
		
		.accordion-item {
			margin-bottom: 6px;
			font-family: pt-sans-pro-narrow, sans-serif;

			.accordion-header {
				background: white;
				margin-bottom: 0;
			}

			.accordion-button {
				font-size: calc(.85rem + .2vw);
				font-weight: 500;
				color: var(--cp-shade-500);
				border: rgba(247, 229, 226, .8) 1px solid;
				border-radius: 4px;
			}

			.accordion-button:focus {
				box-shadow: none;
			}

			.accordion-button:not(.collapsed) {
				color: white;
				background-color:  var(--cp-shade-400);
			}

			.accordion-body {
				font-size: calc(.65rem + .3vw);
				background: var(--white-trans-60);
				padding: 1.5rem;
				color: var(--cp-shade-500);
				font-weight: 300;
				border: rgba(247, 229, 226, .8) 1px solid;

				a {
					color: var(--cp-primary-comp);
					text-decoration: underline;
				}

				p {
					line-height: 1.5;
				}

				.larger {
					font-weight: 600;
					font-size: 1.125em;
				}
			}
		}
	}
}