@charset "utf-8";
/************* Styles for Horse Listings ***********/

#hjx-horse-listing {
  width: 100%;
  height: 100%;
  background: white;
  position: relative;
  display: flex;
  flex-direction: column;
}

#hjx-young-horse-listing, #hjx-standard-listing {
	width: 100%;
	max-width: 1000px;
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

#hjx-exclusives .masonry-wrap, #sh-quick-stats .masonry-wrap {
	display: block;
	column-count: 1;             /* number of columns */
    column-gap: .5rem;          /* space between columns */
    margin: 0 auto;
}




#hjx-exclusives .masonry-wrap > div, #sh-quick-stats .masonry-wrap > div {
	display: inline-block;  /* important - makes the element respect the column layout */
	break-inside: avoid;         /* prevent item from breaking between columns */
	width: 100%;
}

#hjx-exclusives h5.masonry-title {
	position: relative;
	color: white;
	background: var(--cp-primary-medium);
	text-transform: uppercase;
	font-weight: 600;
	font-size: calc(.65rem + .3vw);
	letter-spacing: .05em;
	line-height: 1;
	border-radius: 4px;
	padding: 1rem .5rem;
}

/*** QR Modal ***/
 #hjx-horse-listing .modal#qrModal {
	background: var(--black-trans-60); 

	.modal-content {
		background: black;
		padding: 12px;
		padding: 0;

		.modal-footer {
			padding: 6px 6px 4px 12px;
			border-top: none;
			width: 100%;
			background: var(--cp-primary-bold) !important;
			height: 5%;

			button.close-modal {
				padding: 6px;
				border: 1px solid white;
				color: white;
				font-size: .5rem;
				line-height: 1;
				text-transform: uppercase;
				border-radius: 99em;
				background: none;
				font-weight: 500;
				letter-spacing: .08em;
			}
		}		

		.qr-wrap {
		max-width: 300px;
		margin: 0 auto 3rem;

			img {
				width: 100%;
				object-fit: contain;		
			}
		}
	}

	.modal-footer {
		padding-bottom: 12px;
		padding-top: 12px;
	}
 }

/** Screenshot Flyer Modal **/
#hjx-horse-listing .modal#screenshotFlyer {
	background: var(--black-trans-90);
	height: 100vh;
	height: 100dvh;

	.modal-dialog {
		height: 96%;

		.modal-content {
		background: black;
		padding: 12px;
		border-radius: 4px;
		padding: 0;
		height: 100%;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		border-radius: 10px;

			.modal-footer {
				padding: 6px 6px 4px 6px;
				border-top: none;
				width: 100%;				
				flex-shrink: 0;
				min-height: 44px; /* iOS tap target */
				height: auto;
				letter-spacing: .05em;
				font-size: clamp(.65rem, .7vw + .4rem, .8rem);
				color: var(--cp-primary-light);
				font-family: pt-sans-pro-narrow, sans-serif;

				button.close-modal {
					padding: 6px;
					border: 1px solid var(--cp-primary);
					color: var(--cp-primary);
					font-size: .5rem;
					line-height: 1;
					text-transform: uppercase;
					border-radius: 99em;
					background: none;
					font-weight: 500;
					letter-spacing: .08em;
				}
			}

			.modal-body {
				background: var(--cp-primary-bold);
				padding: 0;
				display: flex; /* Change from letting content-wrap handle it */
				flex-direction: column;
				min-height: 0; /* Critical for flex children to shrink */
				overflow: hidden;
				border: 2px solid var(--cp-grey-900);
        		border-radius: 4px;

				.content-wrap {
					display: flex;
					flex-direction: column;
					flex: 1; /* Fill available space */
					min-height: 0;
					background: var(--cp-grey-900);

					.screenshot-header {						
						display: flex;
						flex-direction: column;
						flex: 0 0 5%; /* Don't grow/shrink, fixed 5% */
						justify-content: center;
						width: 100%;
						background: var(--cp-grey-950);
						border-radius: 4px 4px 0 0;
						color: white;

						.row-1 {
							display: flex;
							align-items: center;
							height: 60%;
							padding: 0 1rem;
							font-size: calc(.7rem + .2vw);
							line-height: 1;
							color: var(--cp-primary-light);
							font-weight: 500;
						}

					}

					.screenshot-photo {
						flex: 0 0 95%; /* Fixed 95% */
						position: relative;
						min-height: 0; /* Allow shrinking */
						
						img {
							object-fit: cover;
							width: 100%;
							height: 100%;
						}

						
						.specs {
							background: var(--black-trans-60);
							padding: 1rem .5rem .5rem;
							position: absolute;
							bottom: 0;
							left: 0;
							width: 100%;

							h1 {
								color: white;
								font-family: pt-sans-pro-narrow, sans-serif;
								text-align: center;
								text-transform: uppercase;
								font-weight: 300;
                				font-size: clamp(1.2rem, 3vw + 1.8rem, 2.2rem);
							}

							.parentage {
								display: flex;
								flex-flow: row wrap;
								justify-content: center;
								text-transform: uppercase;
								font-weight: 400;
								color: white;
								font-family: pt-sans-pro-narrow, sans-serif;
								width: 100%;
								padding: .5rem .25rem;
								background: var(--black-trans-60);
								font-size: clamp(0.7rem, .75vw + 0.4rem, .8rem);
								margin-top: .5rem;
								border-radius: 4px;
							}
						}

						.spec-wrap {
							padding-top: .9rem;
							position: relative;
							font-size: clamp(1.4rem, 1.8vw + .4rem, 2rem);
							text-transform: uppercase;
							font-weight: 600;
							text-align: center;
							letter-spacing: .05em;
						}

						.spec-wrap::before {
							content: "";
							position: absolute;
							display: block;
							background: var(--cp-primary);
							width: 18px;
							height: 3px;
							top: 0;
							left: 0;
							right: 0;
							margin: 0 auto;
						}

						.spec-wrap:last-of-type {
							margin-bottom: 0;
						}

						.spec-wrap > .data {
							color: white;
							line-height: 1;
							text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
							font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
							font-size: .9em;
							font-weight: 400;
							margin-bottom: .25rem;
						}

						.spec-wrap > .label {
							text-transform: uppercase;
							font-size: .35em;
							letter-spacing: .1em;
							text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
							color: var(--cp-primary-light);
						}

					}

					.screenshot-qr {
						width: clamp(65px, 20vw, 105px);
						height: auto;
						aspect-ratio: 1 / 1;					
						border-radius: 4px;
						padding: clamp(12px, 2vw, 16px);

						img {
							object-fit: contain;
							width: 100%;
							height: 100%;
							border-radius: 4px;
							box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
						}
					}

					.screenshot-info {
						position: absolute;
            			top: 0;
						left: 0;
						width: 100%;
						/* flex: 0 0 15%;  Fixed 15% */
						display: flex;
						flex-direction: column;
						overflow: hidden; /* Prevent text overflow */
						min-height: 0;
						background: var(--black-trans-40);
						color: white;

						.column-wrap {
							height: 100%;
                			overflow: hidden; /* Critical */
							justify-content: space-between;
						}						

						.inquire-label {
							font-size: clamp(.45rem, .5vw + .4rem, .6rem);	
							letter-spacing: .08em;
							color: var(--cp-primary-light);
							text-transform: uppercase;
							letter-spacing: .08em;
							font-weight: 600;
						}

						.seller-details {
							font-size: clamp(.85rem, 1.4vw + .4rem, 1rem);						
							font-weight: 400;
							font-family: pt-sans-pro-narrow, sans-serif;
							color: white;							
							
						}
					}
				}
			}				
		}
	}	
}


/***** add 200px to any in-page link destination so they appear below the sticky header *****/
#sh-title, #upcoming-shows, #experience, #hjx-exclusives, #about-me, #gallery, #videos, #lineage, #located, #contact-seller, #sh-listing-container #sh-contact-form, #success  {
	scroll-margin-top: 200px;
}

#hjx-horse-listing svg.absolute-bg {
	font-size: 150vw;
	position: absolute;
	bottom: -140px;
	left: -25%;
	color: var(--cp-primary-light);
}

/******* media queries for positioned SVG bgrd *******/
@media screen and (min-width:576px) {
	#hjx-horse-listing svg.absolute-bg {
		font-size: 100vw;
		left: 0;
	}
}
@media screen and (min-width:768px) {
	#hjx-horse-listing svg.absolute-bg {
		bottom: -350px;
	}
}
@media screen and (min-width:992px) {
	#hjx-horse-listing svg.absolute-bg {
		font-size: 1000px;
		bottom: -500px;
	}
}

#hjx-horse-listing .wrap-in-white {
	background: var(--white-trans-60);
	border: 1px solid var(--cp-primary-ultra-light);
	border-radius: 6px;
}

#hjx-horse-listing h3.section-title {
	background: var(--cp-primary-medium);
	border-radius: 4px;
	padding: 1.5rem 1rem;
	color: white;
	font-size: calc(1rem + .4vw);
	text-transform: uppercase;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	font-weight: 400;
	margin-bottom: 0;
	justify-content: center;
	align-items: center;
	line-height: 1;
}

#hjx-horse-listing h3.section-title.secondary {
	background: var(--cp-primary);
	color: white;
}

#hjx-horse-listing h3.section-title svg {
	margin-bottom: .2rem;
}

#hjx-horse-listing h5 {
	margin-bottom: .5rem;
	font-family: poppins, sans-serif;
	font-size: calc(.8rem + .2vw);
	color: var(--cp-primary-bright);
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-weight: 600;
	text-align: center;
}

#hjx-horse-listing a.jump-to {
	padding: .6rem 1rem;
	background: var(--cp-primary-comp);
	color: white;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-size: calc(.85rem + .2vw);
	font-weight: 600;
	border-radius: 4px;
	transition: .4s ease;
}

#hjx-horse-listing a:hover.jump-to {
	filter: brightness(1.1);
}

#hjx-horse-listing .section-cta {
	width: 100%;
	background: var(--cp-primary-dark);
	padding: .5rem;
	border-radius: 4px;

	a {
		padding: .6rem 1rem;
		background: var(--white-trans-20);
		color: white;
		font-family: pt-sans-pro-narrow, sans-serif;
		font-size: calc(.85rem + .2vw);
		font-weight: 600;
		border-radius: 4px;
		transition: .4s ease;
	}
	a:hover {
		filter: brightness(1.1);
	}
}

#sh-hero {
	height: 80vh;
	background-position: center top;
	position: relative;
	display: flex;
	flex-direction: column;
}

#sh-hero img.sh-hero {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	z-index: 5;
}

#sh-hero picture.sh-hero-mobile {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
}

#sh-hero picture.sh-hero-mobile img {
	object-fit: cover; 
    height: auto;
    width:100%;
}

#sh-hero .hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(51,46,47);
	background: radial-gradient(circle, rgba(51,46,47,0.1) 12%, rgba(5,5,5,.6) 100%);
	z-index: 10;
}

#sh-hero .sb-banner {
	width: 90%;
	display: flex;	    
    justify-content: space-between;
    align-items: center;
	position: absolute;
	z-index: 20;
	top: 20px;
	left: 50%;
	transform: translate(-50%, 0);
	background: rgba(56, 22, 27, .8);
	padding: 1rem .5rem;
	border-radius: 3px;	
  	font-size: calc(.7rem + .2vw);
	text-align: center;
	color: white;
	font-weight: 500;
  	line-height: 1;
	text-transform: uppercase;

	.pg-title {
		text-align: start;
		margin-top: auto;
		margin-bottom: auto;
		line-height: 1;
	}

	a {
		color: var(--cp-primary-light);
		line-height: 1;
		text-align: end;
		margin-top: auto;
		margin-bottom: auto;
	}

	a:visited {
		color: var(--cp-primary-light);
	}

}

#sh-hero .hero-content {
	display: flex;
	flex-direction: column;
	z-index: 15;
	width: 100%;
	/*height: 130px;*/
	margin-top: auto;
	background: var(--black-trans-20);
}

#sh-hero .hero-content .headline {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -.02em;
	font-size: calc(1.2rem + 3vw);
	color: white;
	line-height: 1;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

#sh-hero .hero-content .specs {
	background: rgba(56, 22, 27, .4);
	padding: 1.5rem;
}

#sh-hero .hero-content .spec-wrap {
    padding-top: .9rem;
	position: relative;
	font-size: calc(1rem + 2vw);
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
}

#sh-hero .hero-content .spec-wrap::before {
	content: "";
	position: absolute;
	display: block;
	background: var(--cp-primary);
	width: 18px;
	height: 3px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#sh-hero .hero-content .spec-wrap:last-of-type {
	margin-bottom: 0;
}

#sh-hero .hero-content .spec-wrap > .data {
	color: white;
    line-height: 1;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
	font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
	font-size: .9em;
	font-weight: 400;
	margin-bottom: .25rem;
}

#sh-hero .hero-content .spec-wrap > .label {
	text-transform: uppercase;
	font-size: .35em;
	letter-spacing: .1em;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	color: var(--cp-primary-light);
}

/***** container for sticky nav ********/

#sh-listing-container {
	width: 100%;
	background: white;
	display: flex;
	flex-direction: column;
	z-index: 20;
  	position: relative;
}

#sh-listing-container.attach-bg {
background-color: #f7e5e2;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zm20.97 0l9.315 9.314-1.414 1.414L34.828 0h2.83zM22.344 0L13.03 9.314l1.414 1.414L25.172 0h-2.83zM32 0l12.142 12.142-1.414 1.414L30 .828 17.272 13.556l-1.414-1.414L28 0h4zM.284 0l28 28-1.414 1.414L0 2.544V0h.284zM0 5.373l25.456 25.455-1.414 1.415L0 8.2V5.374zm0 5.656l22.627 22.627-1.414 1.414L0 13.86v-2.83zm0 5.656l19.8 19.8-1.415 1.413L0 19.514v-2.83zm0 5.657l16.97 16.97-1.414 1.415L0 25.172v-2.83zM0 28l14.142 14.142-1.414 1.414L0 30.828V28zm0 5.657L11.314 44.97 9.9 46.386l-9.9-9.9v-2.828zm0 5.657L8.485 47.8 7.07 49.212 0 42.143v-2.83zm0 5.657l5.657 5.657-1.414 1.415L0 47.8v-2.83zm0 5.657l2.828 2.83-1.414 1.413L0 53.456v-2.83zM54.627 60L30 35.373 5.373 60H8.2L30 38.2 51.8 60h2.827zm-5.656 0L30 41.03 11.03 60h2.828L30 43.858 46.142 60h2.83zm-5.656 0L30 46.686 16.686 60h2.83L30 49.515 40.485 60h2.83zm-5.657 0L30 52.343 22.343 60h2.83L30 55.172 34.828 60h2.83zM32 60l-2-2-2 2h4zM59.716 0l-28 28 1.414 1.414L60 2.544V0h-.284zM60 5.373L34.544 30.828l1.414 1.415L60 8.2V5.374zm0 5.656L37.373 33.656l1.414 1.414L60 13.86v-2.83zm0 5.656l-19.8 19.8 1.415 1.413L60 19.514v-2.83zm0 5.657l-16.97 16.97 1.414 1.415L60 25.172v-2.83zM60 28L45.858 42.142l1.414 1.414L60 30.828V28zm0 5.657L48.686 44.97l1.415 1.415 9.9-9.9v-2.828zm0 5.657L51.515 47.8l1.414 1.413 7.07-7.07v-2.83zm0 5.657l-5.657 5.657 1.414 1.415L60 47.8v-2.83zm0 5.657l-2.828 2.83 1.414 1.413L60 53.456v-2.83zM39.9 16.385l1.414-1.414L30 3.658 18.686 14.97l1.415 1.415 9.9-9.9 9.9 9.9zm-2.83 2.828l1.415-1.414L30 9.313 21.515 17.8l1.414 1.413 7.07-7.07 7.07 7.07zm-2.827 2.83l1.414-1.416L30 14.97l-5.657 5.657 1.414 1.415L30 17.8l4.243 4.242zm-2.83 2.827l1.415-1.414L30 20.626l-2.828 2.83 1.414 1.414L30 23.456l1.414 1.414zM56.87 59.414L58.284 58 30 29.716 1.716 58l1.414 1.414L30 32.544l26.87 26.87z' fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

/********* in page navigation sticky **********/
#sh-title {
	padding: 0;
	display: flex;
	flex-direction: column;
	position: -webkit-sticky;
	position: sticky;
	top: 80px;
	z-index: 99;
	background-color: var(--cp-grey-50);
	transition: opacity .5s, color .5s;
	text-align: center;
	color: var(--cp-primary-light);
	border-bottom: 1px solid rgba(232, 104, 103, .6);
	border-top: 1px solid var(--cp-grey-900);
  	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
}
#sh-title.active {
	opacity: .95;
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,.15);
	color: white;
}

#sh-title .headings {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: .8rem .4rem;
	line-height: 1;
	color: var(--cp-primary-ultra-light);
	transition: all 0.4s ease;
	font-size: calc(.65rem + .2vw);
	text-align: center;	
	background: var(--cp-primary-dark);
}
#sh-title .headings.active {
	display: flex;
	background: var(--cp-primary-darkest);
	opacity: 1
}

#sh-title .headings .data {
	transition: .6s ease-in-out;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 .25rem;
}

#sh-title .headings .data a {
	color: white;
	transition: .4s ease;
}

#sh-title nav {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1rem .5rem;
}

#sh-title nav ul {
	list-style-type: none;
    padding: 0;
    display: flex;
    width: 100%;
	margin: 0;
	justify-content: center;
}
#sh-title nav ul li {
	margin: 0;
}

#sh-title nav ul li a {
	font-size: 1.4rem;
    line-height: 1;
    color: var(--cp-primary-comp);
    display: flex;
    text-align: center;
	border-radius: 99em;
	width: 2em;
	height: auto;
	justify-content: center;
	align-items: center;
	transition: all .4s ease;
}
#sh-title nav ul li a.active {
	font-size: calc(1.2rem + .2vw);
	transition: 0.4s ease;
	margin: 0 .1em;
	opacity: 1;
}

#sh-title nav ul li a:hover {
	filter: brightness(1.2);
}

#sh-title nav ul li a.hvr-grow:hover, #sh-title nav ul li a.hvr-grow:focus, #sh-title nav ul li a.hvr-grow:active {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/******* media queries for sticky nav *******/
@media screen and (min-width:576px) {
	#sh-title .headings {
		font-size: calc(.75rem + .2vw);
	}

	#sh-title nav ul li a.active {
		font-size: 1.8rem;
		margin: 0 .2em;
	}
}

@media screen and (min-width:992px) {

	/*
	#sh-title {
		top: 110px;
	}
	*/
	#sh-title .headings {
		padding: .6rem;
		font-size: calc(.95rem + .2vw);
  		font-weight: 400;
	}

	#sh-title nav {
		pad: 1.25rem;
	}
}

@media screen and (min-width:1200px) {
	#sh-hero {
		height: 90vh;
	}
	#sh-title {
		flex-direction: row;
		text-align: left;
		justify-content: space-between;
		align-items: center;
	}
	#sh-title .headings {
		display: flex;
		color: rgba(255,255,255,0);
		padding: 1.6rem 4rem 1.6rem;
		transition: color .5s ease;
		background: none;
	}
	#sh-title .headings.active {
		align-items: center;
		background: none;
		color: var(--cp-grey-400);
	}
	#sh-title .headings .data a {
		color: rgba(255,255,255,0);
		font-weight: 700;
		transition: color .5s ease;
	}
	#sh-title .headings.active .data a {
		color: var(--cp-primary-comp);
		transition: .5s ease;
	}
	#sh-title .headings.active .data a:hover {
		filter: brightness(1.4);
	}
	#sh-title nav {
		margin-left: auto;
		margin-right: 3rem;
	}
	#sh-title nav ul li a.active {
		margin: 0 .6rem 0;
	}
}
h1.page-title {
	font-weight: 800;
	color: var(--cp-primary-bold);
	font-size: calc(2rem + 3vw);
	text-transform: uppercase;
	line-height: 1;
	font-family: pt-sans-pro-narrow, sans-serif;
}

.quick-stats-box ul {
	list-style-type: none;
	display: flex;
	flex-direction: column;
	font-size: calc(1rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 600;
	color: var(--cp-primary-dark);
	padding: 0;
	margin: 0;

	li {
		background: var(--white-trans-80);
		border: 1px solid var(--cp-primary-ultra-light);
		border-radius: 4px;
		display: flex;
		justify-content: space-between;
		margin-bottom: .6rem;
		padding: .75rem;
		color: var(--cp-primary-bold);

		span {
			font-weight: 300;
			color: var(--cp-grey-700);
			margin-right: .5rem;
		}

		span.group-data {
			font-weight: 600;
			color: var(--cp-primary-dark);
			margin-right: 0;

			p {
				display: inline;
				margin: 0;
				padding: 0;
			}
		}

	}

	li:last-of-type {
		border-bottom: none;
	}
	

}

.seller-box {
	position: relative;
	padding: 2rem 1.5rem 1.5rem;
	border-radius: 4px;
	background: var(--cp-primary-darkest);
	color: var(--cp-primary-light);
	font-size: calc(1rem + .2vw);
	overflow: hidden;
	height: 100%;
}

#hjx-horse-listing .seller-box h5, #hjx-horse-listing .next-show-box h5 {
font-weight: 700;
  font-size: calc(.65rem + .3vw);
  text-transform: uppercase;
  color: var(--cp-primary-light);
  margin-bottom: 1.5rem;
  text-align: start;
}

.seller-box .group-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.seller-box svg.bgrd-svg {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: calc(15rem + 2vw);
	margin-left: auto;
	color: var(--cp-primary);
	transform: scaleX(-1);
	filter: opacity(.1);
}

.seller-box .seller-info {
	display: flex;
	flex-direction: column;
	color: white;
	font-size: calc(2rem + .6vw);
}

.seller-box .seller-info.additional {
	font-size: calc(1.4rem + .3vw);
}

.seller-box .seller-info .name  {
	font-family: pt-sans-pro-narrow, sans-serif;
	margin-bottom: .5rem;
	font-weight: 800;
}

.seller-box .seller-info .details  {
	font-size: calc(.75rem + .3vw);
	text-transform: uppercase;
	margin-bottom: .25rem;
	font-weight: 500;
}

.seller-box .seller-info.additional .details  {
	font-size: .6em;
}

.seller-box .link-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: auto;
}

.seller-box .contact-icons {
	margin-bottom: 2rem;
}

.seller-box .contact-icons a {
	display: inline-flex;
	background: var(--white-trans-80);
	color: var(--cp-primary-bold);
	padding: 6px;
	border-radius: 4px;
	margin: .5rem .5rem .5rem 0;
	transition: .4s ease;
}

.seller-box .contact-icons a:hover {
	color: var(--cp-primary);
	background: var(--cp-primary-darkest);
}
.seller-box .contact-icons a svg {
	font-size: calc(1.2rem + .3vw);
}

.seller-box .contact-icons.additional a svg {
	font-size: calc(1rem + .3vw);
}

.location-banner {
	background: var(--cp-primary-bold);
	border-radius: 4px;
	font-family: pt-sans-pro-narrow, sans-serif;
	color: white;
	text-transform: uppercase;
	font-size: calc(.9rem + .3vw);
	display: flex;
	align-items: center;
	font-weight: 600;
	letter-spacing: .08em;
}

.location-box {
	background: var(--white-trans-60);
	border: 1px solid var(--cp-primary-ultra-light);
  	border-radius: 4px;

	.title {
		background: var(--cp-primary-darkest);
		border-radius: 4px 4px 0 0;
		font-family: pt-sans-pro-narrow, sans-serif;
		color: white;
		text-transform: uppercase;
		font-size: calc(.9rem + .3vw);
		display: flex;
		align-items: center;
		font-weight: 600;
		letter-spacing: .08em;
		width: 100%;
		padding: 1rem;
	}

	.airports {
		display: inline-flex;
		flex-grow: 1;
		align-items: center;
		padding: .75rem 1rem;
		font-size: calc(.75rem + .2vw);
		font-family: pt-sans-pro-narrow, sans-serif;
		margin: .15rem .15rem 0;
		line-height: 1;
		color: var(--cp-primary-bold);
	}
}

.incentives-box {
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	padding: 1rem;
	background: var(--white-trans-80);
	border: 1px solid var(--cp-primary-ultra-light);
	width: 100%;

	h6 {
		color: var(--cp-primary-medium);
		text-transform: uppercase;
		font-size: calc(.575rem + .4vw);
		letter-spacing: .05em;
	}

	ul {
		list-style-type: none;
		width: 100%;
		padding: 0;
		margin: 0 auto;
		columns: 160px 2;

		li {
			display: inline-flex;
			flex-grow: 1;
			align-items: center;
			padding: .3rem .5rem .4rem;
			color: var(--cp-primary-bold);
			font-size: calc(.75rem + .2vw);
			font-family: pt-sans-pro-narrow, sans-serif;
			line-height: 1;
			margin: 1%;
		}

		li:last-of-type {
			margin-right: 0;
		}
	}
}

.next-show-box {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: var(--cp-primary-bold);
	border-radius: 4px;
	overflow: hidden;

	svg.box-bg {
		position: absolute;
		bottom: -30px;
		right: -30px;
		font-size: calc(12rem + .4vw);
		color: var(--cp-primary);
		filter: opacity(.20);
		transform: scaleX(-1);
	}

	.next-show {
		position: relative;
		z-index: 5;
		display: flex;
		flex-direction: column;
		flex-grow: 1;

		.show-title {
			font-family: pt-sans-pro-narrow, sans-serif;
			color: white;
			font-size: calc(.8rem + .2vw);
			font-weight: 600;
		}
	}
}

#hjx-horse-listing .share-listing {
	background: var(--white-trans-60);
	border: 1px solid var(--cp-primary-ultra-light);
	border-radius: 4px;

	.title {
		background: var(--cp-primary-comp);
		border-radius: 4px 4px 0 0;
		font-family: pt-sans-pro-narrow, sans-serif;
		color: white;
		text-transform: uppercase;
		font-size: calc(.9rem + .3vw);
		display: flex;
		align-items: center;
		font-weight: 600;
		letter-spacing: .08em;
		width: 100%;
		padding: 1rem;
	}

	.wrap-buttons {
		display: flex;
		flex-wrap: nowrap;
		gap: 4px;
		padding: .5rem .5rem .25rem;

		> div {
			flex: 1 0 0%;
			text-transform: uppercase;
			text-align: center;
			color: var(--cp-primary-comp);
			font-weight: 500;
			font-size: .9em;		
			
			button.launch-flyer, button.launch-qr {
				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: calc(1rem + .2vw);
				border-radius: 4px;
				border: 1px solid var(--cp-primary-comp);
				background: var(--cp-primary-comp);
				margin-bottom: 3px;
				transition: .4s ease-in-out;

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

			button.launch-flyer:hover {
				filter: brightness(1.2);
			}

			.wrap-share-link {
				width: 100%;
				height: 100%;

				.text-to-copy {
					position: absolute;
					left: -9999px;
				}

				.copy-tooltip {
					position: relative;
					display: inline-block;
					width: 100%;
					height: 100%;

					.tooltiptext {
						visibility: hidden;
						width: 240px;
						background-color: var(--cp-primary-darkest);
						color: #fff;
						text-align: center;
						border-radius: 4px;
						padding: 12px 4px;
						position: absolute;
						z-index: 1;
						top: 110%;
						left: 50%;
						margin-left: -120px;
						opacity: 0;
						transition: opacity 0.3s;
						font-family: pt-sans-pro-narrow, sans-serif;
						font-size: calc(.6rem + .2vw);
						font-weight: 600;
						text-transform: unset;
					}
					/** Tooltip Arrow **/
					.tooltiptext::after {
						content: "";
						position: absolute;
						bottom: 100%;
						left: 50%;
						margin-left: -5px;
						border-width: 5px;
						border-style: solid;
						border-color: transparent transparent var(--cp-primary-darkest) transparent;
					}
				}

				.copy-tooltip:hover .tooltiptext {
					visibility: visible;
					opacity: 1;
				}
			}
		}
	}

}


/************__________ Sale Horse Description _________**********/

#about-me {
	background: var(--cp-primary-ultra-light);
	border: 1px solid var(--cp-primary-light);
  	border-radius: 6px;

	.about-me-content {
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		border: 1px solid var(--cp-primary-light);
		border-radius: 4px;
		padding: .5rem;
		max-width: 600px;
		margin: 0 auto;
		background: var(--white-trans-70);

		.sires {
			font-size: clamp(.6rem, .2vw + .65rem, 0.85rem);
			text-transform: uppercase;
			letter-spacing: .03em;
			color: var(--cp-primary-bold);
			font-family: pt-sans-pro-narrow, sans-serif;
			font-weight: 600;
			margin-left: auto;
			margin-right: auto;
			background: var(--cp-primary-ultra-light);
			padding: .25rem .5rem;
			border-radius: 4px;
			
			p {
				display: inline;
				margin-bottom: 0;
			}

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

		.listing-copy-wrap {
			padding: 1.5rem 1rem;
			display: flex;
			flex-direction: column;

			.listing-copy {
				> p {
				font-size: clamp(.8rem, .2vw + .85rem, 1.1rem);
				line-height: 1.6;
				font-family: pt-sans-pro-narrow, sans-serif;
				}

				> p:last-of-type {
					margin-bottom: 0;
				}
			}			
		}

		.pick-six {
			display: flex;
			flex-direction: column;
			width: 100%;
			text-align: center;
			font-size: clamp(.6rem, .2vw + .65rem, 0.85rem);
			font-weight: 600;
			letter-spacing: .03em;
			font-family: pt-sans-pro-narrow, sans-serif;
			text-transform: uppercase;
			color: var(--cp-primary-bold);
		}

		.pick-six ul {
			padding-left: 0;
			margin-bottom: 0;
			list-style-type: none;
			display: flex;
			flex-direction: row;
			justify-content: center;
			flex-wrap: wrap;
		}

		.pick-six ul li {
		background: var(--cp-primary-ultra-light);
		padding: .25rem .75rem;
		border-radius: 3px;
		margin: .15rem;
		}
	}
}

.notable-results ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
	list-style-type: none;
	padding: .5rem .5rem 0;
	margin-bottom: 0;
}

.notable-results ul li {
	font-size: calc(.85rem + .2vw);
	font-weight: 500;
	color: var(--cp-primary-bold);
	margin-bottom: 12px;
	font-family: pt-sans-pro-narrow, sans-serif;
}

/*************_________ Show Calendar_________**********/
#hjx-horse-listing a.upcoming-show-box {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	padding: 1.5rem 1.5rem 1.75rem;
	border-radius: 4px;
	background: var(--cp-primary-bold);
	margin-left: .25rem;
	margin-right: .25rem;
	margin-bottom: .5rem;
	color: white;
	filter: saturate(.6) ;
	transition: .4s ease;
}

#hjx-horse-listing a:hover.upcoming-show-box {
	filter: saturate(1);
}

#hjx-horse-listing a.upcoming-show-box .heading {
	font-size: calc(.6rem + .2vw);
	text-transform: uppercase;
	margin-bottom: .25rem;
	color: var(--cp-primary-light);
	font-weight: 700;
	letter-spacing: .075em;
}

#hjx-horse-listing a.upcoming-show-box .show-details {
	font-weight: 700;
	color: white;
	line-height: 1.2;
}

#hjx-exclusives h6 {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .05em;
	line-height: 1;
	font-size: calc(.75rem + .2vw);
}

#wrap-exclusives.two-col-lg {
	display: block;
	column-count: 1;             /* number of columns */
    column-gap: .5rem;          /* space between columns */
    margin: 0 auto;
}

#wrap-exclusives.two-col-lg > div {
	display: inline-block;  /* important - makes the element respect the column layout */
	break-inside: avoid;         /* prevent item from breaking between columns */
	width: 100%;
}

.separate-labels-group {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;

	.separate-label {
		font-family: pt-sans-pro-narrow, sans-serif;
		font-size: calc(.9rem + .3vw);
		font-weight: 600;
		color: var(--cp-primary-bold);
		margin: .25rem;
		padding: 1em 1.5em;
		line-height: 1;
		background: rgba(235, 149, 147, .3);
		border-radius: 4px;
		flex-grow: 1;
	}
	.separate-label.larger {
		font-size: calc(1.1rem + .2vw);
	}
}

.sh-likes-group {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	font-size: calc(.9rem + .3vw);

	.sh-likes-item {
		font-family: pt-sans-pro-narrow, sans-serif;
		
		font-weight: 600;
		color: white;
		margin: .25rem;
		padding: 1em 1.5em;
		line-height: 1;
		background: var(--cp-primary-bright);
		border-radius: 4px;
		flex-grow: 1;
	}	
}
.sh-likes-group.larger {
	font-size: calc(1.1rem + .2vw);
}

#hjx-exclusives .yh-impressions__wrap  .label:last-of-type {
	margin-right: 0;
}

#people-say .wrap-perks, #coaches-say .wrap-perks, #riders-say .wrap-perks, #favorite-things .wrap-perks {
	width: 100%;
	display: flex;
	flex-wrap: wrap;

	.perk {
		position: relative;
		display: flex;
		align-items: center;
		color: var(--cp-primary-medium);
		line-height: 1;
		font-family: pt-sans-pro-narrow, sans-serif;
		font-weight: 600;
		border-radius: 4px;	
		font-size: calc(.9rem + .3vw);
		padding: 1rem 1.25rem;
		margin: .25rem;
		flex-grow: 1;
		z-index: 0;
	}
	.perk.check {
		background: rgba(235, 149, 147, .2);

	}

	.perk.star {
		background: rgba(235, 149, 147, .3);
	}

	.perk.favorite {
		background: rgba(235, 149, 147, .3);
		color: var(--cp-primary-bold);
	}
}

#my-preferences .wrap-assets {
	width: 100%;
	/*column-width: 160px;*/

	.asset {
		position: relative;
		display: flex;
		align-items: center;
		line-height: 1;
		font-family: pt-sans-pro-narrow, sans-serif;
		font-weight: 600;
		color: var(--cp-primary-bold);
		background: var(--cp-primary-ultra-light);
		border-radius: 4px;	
		font-size: calc(1.1rem + .2vw);
		padding: 1.5rem 1.25rem;
		margin: .25rem;
		flex-grow: 1;
		z-index: 0;
	}
}


/*******___ Star Ratings ___********/

#everybody-loves #star-ratings.star-chart-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;

	.wrap-stars {
		display: flex;
		flex-direction: column;
		justify-content: start;
		align-content: start;
		text-transform: uppercase;
		font-size: calc(.95rem + .3vw);
		letter-spacing: .05em;
		font-weight: 400;
		color: white;
		background: var(--cp-primary-bright);
		padding: 1.25rem 2rem;
		border-radius: 4px;
		line-height: 1;
		margin: .25rem;
		flex-grow: 1;

		span.trait {
				display: inline-block;
				margin-bottom: 3px;
				font-size: .8em;
			}

		span.stars svg {
			font-size: 1.1em;
		}
	} 

}

/*** Young Horse Star Chart ***/
#youngster-remarks #star-ratings.yh-star-chart-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	gap: .25rem;

	.star-section {
		padding: 0 0 .5rem;
		background: var(--white-trans-60);
		border: 1px solid var(--cp-primary-light);
		border-radius: 4px;
		margin: 0 0 .25rem;
		flex: 1 0 0%;
		min-width: 200px;

			.star-row {
				display: flex;
				flex-direction: column;
				justify-content: start;
      			align-content: start;
				text-transform: uppercase;
				font-size: calc(.95rem + .3vw);
				font-weight: 400;
				margin-bottom: .5rem;
				padding: 1.25rem 2rem;
				border-radius: 4px 4px 0 0;
				line-height: 1;
				background: rgba(235, 149, 147, .3);
      			color: var(--cp-primary-bold);

				> div {				
					line-height: 1;
				}

				.label {
					color: var(--cp-primary-bold);
        			margin-bottom: 5px;
					font-size: .8em;
				}
			}

			ul.star-qualities {
				list-style-type: none;
				margin: 0;
				padding: .25rem .5rem 0;
				display: flex;
				flex-wrap: wrap;
				font-family: pt-sans-pro-narrow, sans-serif;
				font-size: calc(.75rem + .2vw);
				font-weight: 500;
				color: var(--cp-primary-bold);

				li {
					margin: 0 .25rem .25rem 0;
					padding: .65em .75em;
					line-height: 1;
					background: rgba(235, 149, 147, .1);
					border-radius: 3px;
				}
			}
	}
}

.yh-trainability-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	/**background: var(--white-trans-60);
    border: 1px solid var(--cp-primary-light);
    border-radius: 4px;**/

	/**
	.label {
		text-transform: uppercase;
		font-size: calc(.75rem + .2vw);
		font-weight: 500;
		color: white;
		margin-bottom: .5rem;
		background: var(--cp-primary-medium);
		padding: 14px 18px;
		border-radius: 4px 4px 0 0;
		line-height: 1;
		border-bottom: 1px solid var(--cp-primary-ultra-light);

		h6 {
			margin-bottom: 0;
		}
	
	}
	**/
	ul.data {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: pt-sans-pro-narrow, sans-serif;
		font-size: calc(1rem + .2vw);
		font-weight: 500;
		color: var(--cp-primary-bold);

		li {
			margin: .15rem;
			padding: .65em .75em;
			line-height: 1;
			background: rgba(235, 149, 147, .2);
			border-radius: 4px;
			flex-grow: 1;
		}
	}

}

.yh-experience-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	gap: .5rem;

	.experience-section {
		padding: 0 0 .5rem;
		background: var(--white-trans-60);
		border: 1px solid var(--cp-primary-light);
		border-radius: 4px;
		margin: 0 0 .25rem;
		flex: 1 0 0%;
		min-width: 200px;

		.heading {
			display: flex;
			justify-content: space-between;
			align-items: end;
			font-size: calc(.75rem + .3vw);
			color: var(--cp-primary-ultra-light);
			margin-bottom: .5rem;
			background: var(--cp-primary-medium);
			padding: .75rem 1rem .75rem 1.5rem;
			border-radius: 4px 4px 0 0;
			line-height: 1;
			border-bottom: 1px solid var(--cp-primary-ultra-light);

			h6 {
				text-transform: uppercase;
				font-weight: 600;
				letter-spacing: .05em;
				line-height: 1;
				font-size: calc(.65rem + .2vw);
				margin-bottom: 0;
				color: white;
				text-align: end;
			}
		}

		ul.data {
			list-style-type: none;
			padding: .25rem .5rem 0;
			display: flex;
			flex-wrap: wrap;
			font-family: pt-sans-pro-narrow, sans-serif;
			font-size: calc(.75rem + .2vw);
			font-weight: 500;
			color: var(--cp-primary-bold);
			margin-bottom: 0;

			li {
				margin: 0 .25rem .25rem 0;
				padding: .65em .75em;
				line-height: 1;
				background: rgba(235, 149, 147, .1);
				border-radius: 3px;
			}
		}
	}
}

.motivated-seller {
	background: var(--cp-primary);
	color: white;
	font-weight: 800;
	text-transform: uppercase;
	font-size: calc(.5rem + .3vw);
	font-family: poppins;
	letter-spacing: .2em;
	line-height: 1;
	padding: .6rem 1rem .5rem;
	border-radius: 4px;
	margin-right: auto;
	display: inline-flex;
}
/***

.highlight-info {
	display: inline-flex;
	align-items: center;
	padding: .3rem .6rem .5rem;
	border-radius: 4px;
	font-size: calc(.75rem + .2vw);
	font-weight: 500;
	font-family: pt-sans-pro-narrow, sans-serif;
	transition: .04s ease;
	margin-bottom: .25rem;
	line-height: 1;
}

.highlight-info.white-80 {
	background: var(--white-trans-80);
  	color: var(--cp-grey-600);
	border: var(--black-trans-10) 1px solid;
}

.highlight-info.grey {
	background: var(--cp-grey-100);
  	color: var(--cp-grey-800);
}

.highlight-info.grey-dk {
	background: var(--cp-grey-600);
  	color: var(--cp-primary-ultra-light);
}

.highlight-info.primary-ult-lt, a.highlight-link.primary-ult-lt {
	background: var(--cp-primary-bright);
	color: white;
}

.highlight-info.primary-dk{
	background: var(--cp-primary-dark);
	color: var(--cp-primary-ultra-light);
}

.highlight-list h6 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: calc(.9rem + .3vw);
	color: var(--cp-primary-bold);
}
.highlight-list ul {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
    list-style-type: none;
    padding-left: 0;
    font-size: calc(.65rem + .2vw);
    font-weight: 600;
	font-family: pt-sans-pro-narrow, sans-serif;
}

.highlight-list ul li {
    margin: .25em;
    padding: .5em 1.5em;
    border-radius: 4px;

}

.highlight-list ul.pink li {
    background: var(--cp-primary-ultra-light);
    color: var(--cp-primary-bold);
}

.highlight-list ul.grey li {
	background: var(--cp-grey-100);
  	color: var(--cp-primary-bold);
}
**/

#conformation-sliders.wrap-sliders, #octane-sliders.wrap-sliders {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' %3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f7e5e2'/%3E%3Cstop offset='1' stop-color='%23F7E5E2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpattern id='b' width='24' height='24' patternUnits='userSpaceOnUse'%3E%3Ccircle fill='%23ffffff' cx='12' cy='12' r='12'/%3E%3C/pattern%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23b)' fill-opacity='0.1'/%3E%3C/svg%3E");
}

.show-sliders {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}

#hjx-horse-listing .show-sliders h4 {
text-transform: uppercase;
  font-weight: 800;
  font-size: calc(1.2rem + .3vw);
  color: var(--cp-primary-bold);
  text-align: start;
  letter-spacing: .05em;
}

.slider-metric {
	display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
	width: 100%;
	justify-content: center;
	margin: 0 auto 1rem;
	position: relative;
    padding-top: .5rem;
}

.slider-metric:last-of-type {
	margin-bottom: 0;
}

.slider-metric .slider-title {
text-transform: uppercase;
  margin: 8px 12px 10px 0;
  font-weight: 600;
  font-size: calc(.65rem + .3vw);
  color: var(--cp-primary-bold);
}

.slider-labels {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: calc(.5rem + .2vw);
	text-transform: uppercase;
	font-weight: 700;
	padding-top: 12px;
	font-family: pt-sans-pro-narrow, sans-serif;
	color: var(--cp-primary-bold);
	letter-spacing: .07em;
}

.slider-labels div {
	width: 33%;
	background: var(--white-trans-80);
	padding: 5px 8px;
	display: inline-flex;
	margin: 0 12px 0 0;
	line-height: 1;
}

.slider-labels div:first-of-type {
border-radius: 4px 0 0 4px;
}

.slider-labels div:last-of-type {
    border-radius: 0 4px 4px 0;
}
.slider-labels div.center {
	background: var(--white-trans-90);
    color: var(--cp-primary-medium);
	text-align: center;
	justify-content: center;
	margin: 0;
}
.slider-labels div.right {
	text-align: right;
	justify-content: end;
	margin: 0 0 0 12px;
}

.slider-metric .wrap-slider {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.wrap-slider .slider-track {
    position: relative;
    width: 100%;
	background: var(--cp-primary-light);
    height: 26px;
    border-radius: 4px;
}

.wrap-slider .slider-handle {
    position: absolute;
    top: -18px;

	svg {
		transform: scale(.9);

		.st0 {
			fill: var(--cp-primary-bright);
		}
		.st1 {
			fill: var(--cp-primary-brighter);
		}
	}
}

.wrap-slider .slider-handle.zero {
    left: -6px;
}
.wrap-slider .slider-handle.one {
    left: calc(12.5% - 6px);
}
.wrap-slider .slider-handle.two {
    left: calc(25% - 6px);
}
.wrap-slider .slider-handle.three {
    left: calc(37.5% - 6px);
}
.wrap-slider .slider-handle.four {
    left: calc(50% - 6px);
}
.wrap-slider .slider-handle.five {
    left: calc(62.5% - 6px);
}
.wrap-slider .slider-handle.six {
    left: calc(75% - 6px);
}
.wrap-slider .slider-handle.seven {
    left: calc(87.5% - 6px);
}
.wrap-slider .slider-handle.eight {
    left: calc(100% - 6px);
}

.sh-program__card {
	color: var(--cp-primary-medium);
    font-size: calc(1rem + .2vw);
	padding: 2rem;
	display: flex;
	flex-direction: column;
	text-align: center;
    background: var(--white-trans-60);
    border: 1px solid var(--cp-primary-ultra-light);
    border-radius: 4px;
	width: 100%;
  	height: 100%;
}

.sh-program__card .data {
    font-family: pt-sans-pro-narrow, sans-serif;
    font-weight: 700;
    font-size: 1.6em;
    color: var(--cp-primary-dark);
}

.sh-program__card .data-big {
    font-family: pt-sans-pro-narrow, sans-serif;
    font-weight: 700;
    font-size: 2em;
    color: var(--cp-primary-medium);
}

.sh-program__card .label {
font-weight: 700;
  font-size: .6em;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--cp-primary-bold);
  margin-top: 4px;
}

.sh-program__card h6 {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .05em;
	line-height: 1;
	color: var(--cp-primary-bright);
font-size: .65em;
margin-top: 8px;
}
.sh-program__card .icon {
	font-size: 4em;
	margin: 0 auto;
}
.sh-program__card span {
	font-size: calc(.75rem + .2vw);
	color: var(--primary-comp);
	line-height: 1.2;
  margin-top: 12px;
  display: block;
  font-weight: 500;
}

.sh-program__card ul {
	list-style-type: none;
	padding-left: 0;
}

.sh-assets__card {
    color: var(--cp-primary-medium);
	font-size: calc(1rem + .2vw);
	padding: 1.5rem 1.5rem calc(1.5rem - 6px) 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 4px;
	background: var(--white-trans-60);

	h5.assets-heading {
		color: var(--cp-primary-bright);
		border-bottom: 1px solid var(--cp-primary);
		padding: 8px;
		display: inline-flex;
		margin-right: auto;
		margin-bottom: 1rem;
	}

	p.fill-in-blank {
		font-family: pt-sans-pro-narrow, sans-serif;
		font-size: calc(.8rem + .3vw);
		font-weight: 500;
		color: var(--cp-primary-bold);
		margin-bottom: .5rem;
		line-height: 1.5;
		padding: 0 8px;

		span.data {
			text-transform: lowercase;
			color: var(--cp-primary-bright);
			font-weight: 600;

			span {
				font-weight: 400;
			}
		}
	}
}

.sh-assets__card.cp-medium {
	background: var(--cp-primary-medium);
	border-color: var(--cp-primary-dark);
}

.sh-assets__card.fave-treat {
	background: var(--cp-primary-darkest);
	color: var(--cp-primary-light);
	text-transform: uppercase;
	font-size: calc(.8rem + .2vw);
	font-weight: 600;
  	letter-spacing: .05em;
}

.sh-assets__card.fave-treat .data {
	font-family: pt-sans-pro-narrow, sans-serif;
	color: white;
	text-transform: capitalize;
	font-weight: 500;
  letter-spacing: 0;
  font-size: 1.125em;
  padding-top: 2px;
}

.sh-assets__card h6 {
text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1;
  color: var(--cp-primary-light);
  font-size: .85em;
}

.sh-assets__card ul {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-size: .9em;
	font-weight: 600;
	margin-bottom: 0;
}

.sh-assets__card ul li {
	margin: 0 10px 6px 0;
  	padding: 4px 4px 4px 0;
    line-height: 1;
}

.pick-six ul li:last-of-type {
	margin-right: 0;
}

#hjx-horse-listing a.usef-link-big {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	background: var(--cp-primary-comp);
	border-radius: 4px;
	font-size: calc(.7rem + .3vw);
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .05em;
	line-height: 1;
	color: white;
	transition: .4s ease;
	padding: .75rem 1.5rem;
	margin: auto;
}


#hjx-horse-listing a.usef-link-big:hover {
	filter: brightness(1.2);
	transition: 0.4s ease;
}

#hjx-horse-listing #sh-listing-container #experience {
	padding: 0 .5rem 4rem;
}

#hjx-horse-listing #sh-show-exp {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#hjx-horse-listing #sh-show-exp > div {
	margin-bottom: .5rem;
	margin-left: .25rem;
  	margin-right: .25rem;
	background: var(--white-trans-60);
	border-radius: 4px;
	padding: 1rem;
	font-size: calc(1rem + .2vw);
	flex-grow: 1;
	color: var(--cp-primary-darker);
	border: 1px solid var(--cp-primary-ultra-light);
}

#hjx-horse-listing #sh-show-exp > div.special-exp {
	background: var(--cp-primary-dark);
	border-color: var(--cp-primary-darker);
	color: white;
}

#hjx-horse-listing #sh-show-exp > div ul h6 {
	margin-bottom: .7em;
	font-size: calc(.75rem + .2vw);
	text-transform: uppercase;
	color: var(--cp-primary-bright);
}

#hjx-horse-listing #sh-show-exp > div.special-exp ul h6 {
	color: var(--cp-primary-light);
}

#hjx-horse-listing #sh-show-exp ul {
	list-style-type: none;
	list-style-position: inside;
	padding-left: 0;
	margin-bottom: 0;
}

#hjx-horse-listing #sh-show-exp ul li {
	margin-bottom: .5em;
	margin-left: 1em;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-size: calc(.75rem + .2vw);
	font-weight: 600;
}
/*
#sh-show-exp-special {
	display: flex;
	flex-direction: column;
	padding: 0;
}

#sh-show-exp-special > div {
	color: white;
    border-radius: 4px;
	padding: 1.5rem;
	margin-bottom: .5rem;
	background: var(--cp-primary-medium);
	width: 100%;
	font-size: calc(.75rem + .2vw);
	font-weight: 600;
	font-family: pt-sans-pro-narrow, sans-serif;
}

#sh-show-exp-special > div:last-of-type {
	margin-bottom: 0;
}

#sh-show-exp-special > div ul li {
	color: white;
}
*/

/***____ Extra Experience ____***/
#hjx-horse-listing #sh-exp-extra ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#hjx-horse-listing #sh-exp-extra ul li {
	padding: .4rem .8rem .5rem;
	background: var(--cp-primary-medium);
	border-radius: 4px;
	color: white;
	font-size: calc(.85rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	margin: 0 6px 6px 0;
	font-weight: 300;
}



/****____ Equalize Containers for: Photos, Videos, Lineage, Upcoming Shows, More Horses, Contact Seller _____****/

#gallery, #videos, #lineage, #more-horses, #upcoming-shows {
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5rem;
}

#gallery .container, #videos .container, #lineage .container, #more-horses .container, #contact-seller .container, #upcoming-shows .container {
	width: 100%;
	display: flex;
	flex-direction: column;
}

/* ..... // Photo Gallery // ..... */
/* ..... // Masonry Gallery Layout - magic from https://youtu.be/RuJyYiRttpI // ..... */

.sh-gallery__container .gallery {
  columns: 1 auto;
  gap:.5rem;
}

.sh-gallery__container .gallery figure {
  margin-bottom: 10px;
  border-radius:4px;
  width: 100%;
}

.sh-gallery__container .gallery figure img {
	width: 100%;
}


/* ..... // Video Gallery // ..... */

.sh-videos__card {
	width: 100%;
	margin-bottom: 4em;
	background: white;
	border: var(--cp-grey-100) 1px solid;
	padding: 12px 12px 6px;
	border-radius: 4px;
}

.sh-videos__card div.video__youtube {
    padding-bottom: 56.23%;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    object-fit: cover;
	margin: 0;
}

.sh-videos__card div.video__youtube iframe {
	aspect-ratio: 16 / 9;
  	width: 100%;
  	overflow: hidden;
	border-radius: 4px;
}

.sh-videos__card .info {
	display: flex;
	flex-direction: column;
	background: white;
}

.sh-videos__card .info h1 span {
	font-weight: 800;
}
.sh-videos__card .info h2 {
	font-size: 1.1rem;
	margin-bottom: .3em;
	margin-top: .8em;
	color: var(--cp-primary-darker);
}
.sh-videos__card .info h4 {
	font-size: .7rem;
}

.video__placeholder {
    width: 100%;
    position: absolute;
}

.video__button {
    background: none;
    border: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    width: 100%;
}

.video__button:before {
    width:100%;
    height:100%;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(https://hunterjumper.exchange//images/site/graphics/youtube-play-btn.svg) no-repeat center center;
    background-size: 10%; 
}

.video__button:hover:before {
    background: url(youtube-play-red.svg) no-repeat center center;
    background-size: 10%; 
}

/* ..... // Lineage & Pedigree // ..... */

#lineage a.online-pedigree {
	background: white;
	color: var(--cp-primary-comp);
	padding: .5rem 1rem;
	border: 1px solid var(--cp-primary-comp);
	border-radius: 4px;
	font-size: calc(.6rem + .4vw);
	font-weight: 600;
	font-family: pt-sans-pro-narrow, sans-serif;
}

#lineage a:hover.online-pedigree {
	color: var(--cp-primary-bright);
	border-color: var(--cp-primary-bright);
}

/**
#sh-lineage__registry {
	text-align: center;
    text-transform: uppercase;
    font-size: .8rem;
    color: var(--primary);
    font-weight: 500;
    letter-spacing: .1em;
	margin-bottom: 1em;
}
**/

#sire-line {
	padding-bottom: 2rem;
}
.pedigree--sect {
	width: 100%;
    margin: 0 auto;
}

.pedigree {
	color: var(--cp-grey-600);
    font-size: calc(.8rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
    display: grid;
	width: 100%;
    grid-template-columns: 1.5fr 5% 1.5fr 2% 2fr;
    grid-template-areas:
	'.      . .       . p-ggs-top'
    '.      . .       . p-ggs-top'
    '.      p-gs p-gs . p-ggs-top'
    '.      p-gs p-gs . .'
    '.      p-gs p-gs . p-ggd-top'
    '.      . .       . p-ggd-top'
    'parent parent .  . p-ggd-top'
    'parent parent .  . .'
    'parent parent .  . .'
    'parent parent .  . p-ggs-btm'
    '.      . .       . p-ggs-btm'
    '.      p-gd p-gd . p-ggs-btm'
    '.      p-gd p-gd . .'
    '.      p-gd p-gd . p-ggd-btm'
    '.      . .       . p-ggd-btm'
    '.      . .       . p-ggd-btm';
  }

  .pedigree > :nth-child(n) {
    background: white;
    padding: 1em 1.5em;
	border-radius: 4px;
	border:var(--cp-grey-100) 1px solid;
	display: flex;
    align-items: center;
	border-top-width: 2px;
  }
.pedigree > .sire-line {
	background: var(--cp-primary-bold);
	color: white;
	border-color: var(--cp-primary-darker);
	font-weight: 600;
	filter: saturate(.6);
}
  .pedigree > .parent {
  	grid-area: parent;
}
 .pedigree > .p-gs {
  	grid-area: p-gs;
}
 .pedigree > .p-gd {
  	grid-area: p-gd;
}
 .pedigree > .p-ggs-top {
  	grid-area: p-ggs-top;
}
 .pedigree > .p-ggd-top {
  	grid-area: p-ggd-top;
}
 .pedigree > .p-ggs-btm {
  	grid-area: p-ggs-btm;
}
 .pedigree > .p-ggd-btm {
  	grid-area: p-ggd-btm;
}


/****_______ Seller Has More Horses _______****/

#more-horses .more-horses-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
}

#more-horses .more-horses-wrap figure {
	display: flex;
	flex-grow: 1;
	padding: 0 .25rem;
	margin-bottom: .5rem;	
}

#more-horses .more-horses-wrap figure a {
	position: relative;
	color: var(--cp-primary-ultra-light);
  	font-weight: 800;
	width: 100%;
}

#more-horses .more-horses-wrap figure a img {
	transition: .4s ease;
	height: 150px;
	filter: brightness(.65);
	object-fit: cover;
	width: 100%;
}

#more-horses .more-horses-wrap figure a:hover img {
	filter: brightness(1.2);
}

#more-horses .more-horses-wrap figure a span {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: calc(.6rem + .2vw);
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .03em;
	transition: .4s ease;
}

#more-horses .more-horses-wrap figure a:hover span {
	filter: opacity(0);
}

/*
.more-horses .another-horse {
	display: block;
	background: var(--base);
	width: 220px;
	height: 180px;
}
*/

#sh-listing-container a.sale-barn-link {
	position: relative;
	overflow: hidden;
	background: var(--cp-primary);
	height: 40px;
	padding: 0 2rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	transition: 0.4s ease;
	border: 1px solid var(--cp-primary-light);
	color: white;
}

#sh-listing-container a.sale-barn-link .content {
	position: relative;
	z-index: 1;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-size: calc(.65rem + .3vw);
}

#sh-listing-container a.sale-barn-link svg {
font-size: 4.5rem;
  margin-right: .5em;
  position: absolute;
  bottom: -18px;
  right: -50px;
  color: var(--cp-primary-bright);
}

#sh-listing-container a.sale-barn-link:hover {
	background: var(--cp-primary-bright);	
}

#sh-listing-container a.sale-barn-link:hover .content {
	color: white;
}

/* ..... // Young Horse Listings // ..... */
#hjx-young-horse-listing #hjx-exclusives h4 {
text-transform: uppercase;
  font-weight: 800;
  font-size: calc(1.2rem + .3vw);	
  color: var(--cp-primary-bold);
  letter-spacing: .05em;
}



.yh-prefs-recs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: calc(.8rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	color: var(--cp-primary-bold);
	min-width: 200px;

	li {
		margin-bottom: .5em;
		padding: .25em .5em .25em 0;
	}
}


#hjx-young-horse-listing .yh-assets__card {
	width: 100%;
    color: var(--cp-primary-darker);
	font-size: calc(.85rem + .2vw);
	padding: 2rem 1.5rem calc(2rem - 6px) 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--white-trans-10);
	border: 1px solid var(--cp-primary-light);
	border-radius: 4px;
	/*height: 100%;*/
	margin-bottom: .5rem;
}

#hjx-young-horse-listing .yh-assets__card:last-of-type {
	margin-bottom: 0;
}

#hjx-young-horse-listing .yh-assets__card h6 {
  color: var(--cp-primary-bright);
}

#hjx-young-horse-listing .yh-assets__card ul {
list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  font-family: pt-sans-pro-narrow, sans-serif;
  font-size: .9em;
  font-weight: 500;
  margin-bottom: 0;
}

#hjx-young-horse-listing .yh-assets__card ul li {
	margin: 0 .25rem .25rem 0;
	padding: .65em .75em;
	line-height: 1;
	background: rgba(235, 149, 147, .1);
	border-radius: 3px;
}

#hjx-young-horse-listing .yh-assets__card ul li:last-of-type {
	margin-right: 0;	
}

/* ..... // Young Horse Pedigree Highlights // ..... */

#hjx-young-horse-listing #pedigree-highlights {
	font-size: calc(.75rem + .3vw);
	font-weight: 600;
	text-align: center;

	h5 {
		text-transform: uppercase;
        font-weight: 600;
        letter-spacing: .05em;
        line-height: 1;
        font-size: calc(.75rem + .2vw);
        margin-bottom: .25rem;
        color: var(--cp-primary-bright);
        text-align: end;
	}

	h6 {
		text-transform: uppercase;
        font-weight: 600;
        letter-spacing: .05em;
        line-height: 1;
        font-size: calc(.65rem + .2vw);
        margin-bottom: 0;
        color: var(--cp-primary-bright);
        text-align: end;
	}

	.highlight {
		display: flex;
		flex-direction: column;
		justify-content: center;

		.parent {
			font-family: pt-sans-pro-narrow, sans-serif;
			color: var(--cp-primary-bold);
			font-size: 1.4em;
			font-weight: 700;
			margin-top: .2rem;
		}

		.grands {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			font-family: pt-sans-pro-narrow, sans-serif;
			color: var(--cp-primary-bold);

			div {
				padding: .25rem .5rem;
			}

			div.x {
				padding: .25rem 0;
				color: var(--cp-primary-bright);
			}
		}
	}
}

/*** . . . . . Young Horse Siblings . . . .  ***/

#hjx-young-horse-listing .siblings-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 400;
	color: var(--cp-primary-dark);
	font-size: calc(.75rem + .2vw);
	margin-bottom: 1rem;
}

#hjx-young-horse-listing .siblings-wrap .sibling-name {
	font-weight: 600;
	font-size: 1.1em;
	color: var(--cp-primary-bold);
	margin-bottom: .2rem;
}

#hjx-young-horse-listing .siblings-wrap .sibling-acheivement {
	text-transform: uppercase;
	font-family: futura-pt, sans-serif;
	font-size: .8em;
	font-weight: 600;
	color: var(--cp-grey-500);
}
#hjx-young-horse-listing .siblings-wrap .sibling-parents {
	font-style: italic;
	color: var(--cp-grey-400);
	font-size: calc(.65rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 400;

}

/*** . . . . . Young Horse Potential . . . .  ***/
#hjx-young-horse-listing .youngster-potential {
	display: flex;
	flex-wrap: wrap;
	font-size: calc(.8rem + .2vw);
	text-transform: uppercase;
	line-height: 1;
	color: white;
	padding: .5rem 0;
}

#hjx-young-horse-listing .youngster-potential > div {
	background: var(--cp-primary-medium);
	border-radius: 4px;
	padding: 1rem 1.5rem;
	margin-right: .25rem;
	margin-bottom: .25rem;
}

#hjx-young-horse-listing .youngster-potential > div:last-of-type {
	margin-right: 0;
}

/*** . . . . . Young Horse Turnout etc . . . .  ***/

.yh-program-card {
	color: var(--cp-primary-medium);
	font-size: calc(1rem + .2vw);
	display: flex;
	flex-direction: row;
	background: var(--white-trans-60);
	border: 1px solid var(--cp-primary-light);
	border-radius: 4px;
	flex: 1;
	margin-bottom: .5rem;
	padding: .5rem;
	min-width: 320px;

	.data-wrap {
		padding: .65rem 1rem .65rem 0;
		display: flex;
		flex-direction: column;
		justify-content: center;

		h6 {
			text-transform: uppercase;
			font-weight: 600;
			letter-spacing: .05em;
			line-height: 1;
			font-size: calc(.75rem + .2vw);
			color: var(--cp-primary-bright);
			margin-bottom: .25rem;
		}

		.data-big {
			font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
			font-weight: 700;
			font-size: 2em;
			color: var(--cp-primary-bold);
			line-height: 1;
		}

		 .list {
			font-family: pt-sans-pro-narrow, sans-serif;
			font-weight: 600;
			font-size: .95em;
			color: var(--cp-primary-bold);
		}

		.label {
			font-weight: 600;
			font-size: 1em;
			text-transform: uppercase;
			letter-spacing: .05em;
			color: var(--cp-primary-bold);
			font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
		}
	}

	.svg-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		background: var(--cp-primary-medium);
		color:var(--cp-primary-ultra-light);
		border-radius: 4px;
		margin-right: 1.5rem;
		padding: 1rem;

		svg {
		font-size: 4em;
		}

		svg.flip {
		transform: scaleX(-1);
		}
	}
}

/* ..... // Young Horse Post Purchase // ..... */
#hjx-young-horse-listing .post-purchase ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	display: flex;
  	flex-wrap: wrap;
	font-size: calc(.65rem + .2vw);
	font-weight: 500;
	line-height: 1;
	color: var(--cp-primary-darker);
	text-transform: uppercase;
}

#hjx-young-horse-listing .post-purchase ul li {
	padding: .85rem 1.2rem;
	margin-right: .5rem;
	margin-bottom: .5em;
	background: rgba(235, 149, 147, .3);
	border: 1px solid var(--cp-primary-light);
	border-radius: 4px;
	flex-grow: 1;
	text-align: center;
}
/* ..... // Young Horse Education // ..... */

#hjx-young-horse-listing .riding-education {
	display: flex;
	flex-wrap: wrap;

	div {
		padding: .65rem 1.25rem;
		font-size: calc(.8rem + .3vw);
		font-family: pt-sans-pro-narrow, sans-serif;
		font-weight: 600;
		color: white;
		background: var(--cp-primary-dark);
		border-radius: 4px;
		margin-right: .5rem;
		margin-bottom: .5rem;
	}

	div:last-of-type {
		margin-right: 0;
	}
}


/* ..... // Young Horse: Handling & Grooming Ratings // ..... */

#hjx-young-horse-listing .general-education {
	min-width: 250px;
	display: flex;
	flex-direction: column;
	background: var(--white-trans-60);
	border: 1px solid var(--cp-primary-light);
	border-radius: 4px;
	padding-bottom: 1.5rem;
	margin-bottom: 1rem;

	.heading {
		display: flex;
		justify-content: space-between;
		align-items: end;	
		margin-bottom: 1.5rem;
		background: var(--cp-primary-medium);
		padding: 1rem 1rem .75rem 1.5rem;
		border-radius: 4px 4px 0 0;
		line-height: 1;
		border-bottom: 1px solid var(--cp-primary-bold);
		font-size: calc(.85rem + .3vw);
		color: var(--cp-primary-ultra-light);

		h6 {
			text-transform: uppercase;
			font-size: calc(.85rem + .3vw);
			letter-spacing: .05em;
			font-weight: 500;
			color: white;
			margin-bottom: 0;
		}
	}

	.gen-ed-wrap {
		display: flex;
		font-size: calc(.725rem + .2vw);
		margin-bottom: .5rem;
		background: var(--cp-primary-medium);
		border-radius: 3px;

		> div {
			padding-top: .65rem;
			padding-bottom: .65rem;
			display: flex;
			align-items: center;			
			line-height: 1;
		}

		div.label {
			width: calc(90px + .5vw);
			padding-left: .5rem;
			font-weight: 400;
			color: white;
			font-family: pt-sans-pro-narrow, sans-serif;
		}

		div.data {
			text-transform: uppercase;
			color: white;
			font-size: .85em;
			font-weight: 600;
			padding-right: .75rem;
			font-family: pt-sans-pro-narrow, sans-serif;
			letter-spacing: .03em;
			justify-content: end;
			flex-grow: 1;
			border-radius: 0 3px 3px 0;
		}
	}

	.gen-ed-wrap.great {
		width: 100%;
		
		.data {
			background: var(--white-trans-10);
		}
	}

	.gen-ed-wrap.good {
		width: 90%;
		
		.data {
			background: var(--white-trans-20);
		}
	}

	.gen-ed-wrap.familiar {
		width: 80%;
		
		.data {
			background: var(--white-trans-30);
		}
	}

	.gen-ed-wrap.wip {
		width: 70%;
		
		.data {
			background: var(--white-trans-40);
		}
	}
}


#hjx-young-horse-listing .inspection-results {
	background: var(--cp-primary-medium);
	border-radius: 4px;
	padding: .85rem 1rem;
	font-size: calc(1.1rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	text-align: center;
	color: white;
	font-weight: 600;
}

#conformation-sliders.yh-sliders.wrap-sliders {
	background: var(--cp-primary-dark);
}

/*****_____ 2025 Template has contact section in grid layout _____*****/

#contact-seller {
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5rem;
	display: grid;
	gap: .5rem;
	grid-template-columns: 1fr;
	grid-template-areas: 
	'note'
	'details'
	'form'
	;
}

#contact-seller .seller-box {
  	grid-area: details;
}

#contact-seller .form-box {
  	grid-area: form;
}

#contact-seller .note-box {
	grid-area: note;
	background: var(--cp-primary-bold);
	color: white;
	padding: 3rem 2rem;
	font-weight: 600;
	border-radius: 4px;
	font-size: calc(.75rem + .4vw);	
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#contact-seller .note-box h5 {
	font-weight: 800;
	font-size: calc(1.6rem + .5vw);
	color: white;
	text-transform: unset;
	text-align: start;
	letter-spacing: 0;
	line-height: 1.2;
}

#sh-contact-form {
	padding-top: 3rem;
}

#sh-contact-form.template-2025 {
	padding-top: 0;
	display: flex;
	flex-direction: column;
	background: var(--cp-primary-darker);
	border-radius: 4px;
}

#sh-contact-form.template-2025 .form-wrap {
	border: none;
}

#hjx-horse-listing #contact-seller h3.section-title {
	background: var(--cp-primary-bold);
	color: white;
}
#sh-contact-form .form-wrap {
	padding: 3rem 2rem 0;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
  	border-radius: 4px;
	background: var(--cp-primary-bold);
}

#sh-contact-form .form-styles p {
	margin-bottom: 3em;
	display: flex;
  	flex-direction: column;
}

#sh-contact-form .form-styles label {
	margin-bottom: 8px;
	color: var(--cp-primary-light);
	font-size: .7rem;
	font-weight: 500;
}

#sh-contact-form .form-styles input,
#sh-contact-form .form-styles textarea,
#sh-contact-form .form-styles select {
	border-radius: 4px;
	padding: .8em 1em;
	font-size: calc(.8rem + .2vw);
	line-height: 1.4;
}

#sh-contact-form .form-styles input[type=text], #sh-contact-form .form-styles textarea, #sh-contact-form .form-styles select {
	width: 100%;
	resize: vertical;
	background: var(--white-trans-90);
	border-color: var(--cp-primary-ultra-light);
}

#sh-contact-form .form-styles textarea {
	height: 12rem;
}
#sh-contact-form .form-styles input[type=submit] {
background: var(--cp-primary-comp);
  font-size: calc(.8rem + .3vw);
  border-radius: 4px;
  color: white;
  font-weight: 600;
  font-family: pt-sans-pro-narrow, sans-serif;
  text-transform: uppercase;
  border-color: var(--cp-grey-950);
  padding: .8rem 3rem;
  margin-right: auto;
}






/****____ Sale Horse Listing Media Queries ____****/
@media screen and (min-width:576px) {
	#sh-videos {
		padding: 3rem 3rem 0;
	}
	#sh-videos__container {
		padding: 2rem 2rem 1rem;
	}
}

@media screen and (min-width:768px) {

	#hjx-exclusives .masonry-wrap, #sh-quick-stats .masonry-wrap {
	column-count: 2; 
	}
	/*#hjx-exclusives .masonry-wrap.three-col {
		column-count: 3; 
	}*/
	.sh-gallery__container .gallery {
  		columns: 2 auto;
	}
	#contact-seller {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 
		'note note'
		'details form'
		;
	}
}

@media screen and (min-width:992px) {

	#wrap-exclusives.two-col-lg {
		column-count: 2; 
	}

	.sh-gallery__container .gallery {
  		columns: 3 auto;
	}
	.video-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
	}
	
}

/**** Printable Flyer Styles ****/
#hjxcontent.printable-flyer {
	padding-top: 0 !important
}

#print-listing {
  width: 8.5in;
  padding: 0.5in;
  background: white;
  color: var(--cp-grey-800);
  font-size: 12pt;
  position: absolute;
  left: -9999px;
  top: 0;
  visibility: hidden;
}

#print-listing h1 {
  font-size: 42pt;
  font-weight: 800;
  color: var(--cp-primary-bold);
  line-height: 1;
  margin-bottom: 4px;
  letter-spacing: -.01em;
  text-transform: uppercase;
}

#print-listing h2 {
  font-size: 20pt;
  font-weight: 600;
  color: var(--cp-primary-bold);
  line-height: 1;
  margin-bottom: 12px;
  text-transform: uppercase;
}

#print-listing .print-photo-wrap img {
  width: 100%;
  max-height: 4.5in;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

#print-listing ul.data-row {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: pt-sans-pro-narrow, sans-serif;
  font-size: 10pt;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--cp-primary-bright);
}

#print-listing ul.data-row li {
  background-color: var(--cp-primary-ultra-light);
  padding: 8px 16px;
  border-radius: 4px;
  margin-right: 8px;
}

#print-listing .parentage {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10pt;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--cp-primary-bold);
}

#print-listing .parentage .x-divider {
	font-size: 7px;
    color: var(--cp-grey-500);
}

#print-listing .print-copy {
      font-size: 10pt;
      font-weight: 400;
      font-family: pt-sans-pro-narrow, sans-serif;
      color: var(--cp-grey-700);
    }

#print-listing .border-left {
	border-left: 2px solid var(--cp-grey-300);
	padding-left: .25in;
	padding-bottom: .25in;
	padding-top: .25in;
}

#print-listing .seller-info {
  color: var(--cp-primary-bold);
}

#print-listing .seller-info .name {
	font-family: pt-sans-pro-narrow, sans-serif;
	margin-bottom: 4px;
	font-size: 18pt;
	font-weight: 800;
}

#print-listing .seller-info .biz {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 4px;
	font-weight: 600;
}

#print-listing .seller-info .phone {
	font-size: 13pt;
	font-weight: 600;
}


/* QR */
#print-listing .print-qr {
  width: 1in;
  height: 1in;
}

#print-listing .print-qr img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#print-listing .hjx-print-tag {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--cp-grey-300);
    padding-top: 24px;
    border-top: 2px solid var(--cp-grey-300);
    page-break-inside: avoid;
    break-inside: avoid;
  }

/*** Activate print styles for html2canvas-pro screen capture, which jsPDF will convert to PDF ***/
@media screen {
  .pdf-capture #print-listing {
    position: relative;
    visibility: visible;
  }
}

/*** Activate print styles for when users use the native Print function ***/
@media print {
  @page {
    size: letter portrait;
    margin: 0.25in;
  }

  #hjx-content {
	padding-top: 0 !important;
  }

  #print-listing {
    visibility: visible;
    position: static;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  #hjx-site-header,
  #site-footer,
  #hjx-horse-listing,
  #listing-top {
    display: none !important;
  }
}