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

*,
*::after,
*::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

* {
	line-height: calc(3px + 2ex + 3px);
  }

body {
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 62.5%;
	font-variant: normal;
	background: var(--base-dark);
	margin: 0;
	color: var(--base-medium);
	width: 100%;
	line-height: 1.4;
	min-height: 100vh;
}

/*** stretch main content div to full height of body ***/
#hjx-content {
	padding-top: 80px;
	height: 100%;
	background: white;
}

/*** ensure individual page content stretches to full height of #hjx-content ***/
#show-archive {
	height: 100%;
}

a, a:link, a:visited { color: var(--cp-primary-comp); text-decoration: none; transition: .4s ease; }
a:hover { color: var(--cp-primary-bright);	text-decoration:none; }
a:active {	text-decoration: none; }

a.alt {color: var(--cp-primary-light)}
a:hover.alt {color:var(--cp-primary-ultra-light)}

a.text-link-bright, a.text-link-bright:link, a.text-link-bright:visited { color: var(--accent-bright); }
a.text-link-bright:hover { color: var(--accent-dark);	text-decoration:none; }

a.text-link-white, a.text-link-white:link, a.text-link-white:visited { color: white; }
a.text-link-white:hover { color: var(--accent-ultra-light);	text-decoration:none; }
/* ......// Utilities //...... */



.object-position-right {
	object-position: right center;
}



hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	width: 100%;
}

.brdr-thin-dark {
	border: var(--cp-secondary-dark) thin solid;
}

.brdr-thick-dark {
	border: var(--primary-comp) thick solid;
}

.brdr-thin-bright {
	border: var(--accent-bright) thin solid;
}

.brdr-medium-bright {
	border: var(--accent-bright) medium solid;
}

.brdr-thick-bright {
	border: var(--accent-bright) thick solid;
}

.brdr-thin-bright-comp {
	border: var(--accent-comp) thin solid;
}

.brdr-thin-light {
	border: var(--accent-light) thin solid;
}
.brdr-thin-base-light {
	border: var(--base-light) thin solid;
}



/* ......// to use icons as psuedo elements //...... */

.icon::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

/* .......// Background Colors //....... */
.bg-cp-bright-grad {
	background: hsla(0, 74%, 66%, 1);
	background: linear-gradient(90deg, hsla(0, 74%, 66%, 1) 0%, hsla(0, 86%, 66%, 1) 51%, hsla(0, 74%, 66%, 1) 100%);
}
.bg-cp-secondary-grad {
  background: hsla(210, 14%, 27%, 1);
  background: linear-gradient(135deg, hsla(210, 14%, 27%, 1) 0%, hsla(206, 20%, 35%, 1) 50%, hsla(210, 14%, 27%, 1) 100%);
}
.bg-base-grad {
	background: #604d51;
	background-image: linear-gradient(
		310deg,
		hsl(347deg 11% 34%) 0%,
		hsl(347deg 11% 36%) 8%,
		hsl(347deg 11% 38%) 17%,
		hsl(347deg 11% 40%) 25%,
		hsl(348deg 11% 42%) 33%,
		hsl(348deg 11% 39%) 42%,
		hsl(348deg 11% 36%) 50%,
		hsl(348deg 10% 33%) 58%,
		hsl(348deg 10% 30%) 67%,
		hsl(348deg 10% 27%) 75%,
		hsl(349deg 11% 24%) 83%,
		hsl(349deg 12% 20%) 92%,
		hsl(349deg 13% 17%) 100%
	);
}
.bg-base-light-grad {
	background: #f3f0f1;
	background-image: linear-gradient(
		115deg,
		hsl(340deg 12% 90%) 0%,
		hsl(340deg 11% 91%) 8%,
		hsl(340deg 11% 92%) 17%,
		hsl(340deg 11% 93%) 25%,
		hsl(340deg 11% 95%) 33%,
		hsl(340deg 11% 93%) 42%,
		hsl(340deg 11% 92%) 50%,
		hsl(340deg 11% 91%) 58%,
		hsl(340deg 12% 90%) 67%,
		hsl(340deg 12% 88%) 75%,
		hsl(339deg 12% 86%) 83%,
		hsl(339deg 12% 84%) 92%,
		hsl(338deg 12% 82%) 100%
	);
}
.bg-cp-bright {
	background-color: var(--cp-primary-bright);
}

.bg-cp-primary {
	background-color: var(--cp-primary);
}
.bg-cp-primary-lt {
	background-color: var(--cp-primary-light);
}
.bg-cp-secondary {
	background-color: var(--cp-secondary);
}
.bg-cp-secondary-dk {
	background-color: var(--cp-secondary-dark);
}
.bg-cp-grey-lt {
	background-color: var(--cp-grey-light);
}
.bg-black-trans-10 {
	background: var(--black-trans-10);
}
.bg-black-trans-20 {
	background: var(--black-trans-20);
}
.bg-black-trans-40 {
	background: var(--black-trans-40);
}

.bg-white-trans-10 {
	background: var(--white-trans-10);
}

.bg-white-trans-20 {
	background: var(--white-trans-20);
}

.bg-white-trans-40 {
	background: var(--white-trans-40);
}
.bg-white-trans-60 {
	background: var(--white-trans-60);
}
.bg-white-trans-80 {
	background: var(--white-trans-80);
}

.bg-accent {
	background-color: var(--accent);
}

.bg-accent-bright {
	background-color: var(--accent-bright);
}
.bg-accent-lt {
	background-color: var(--accent-light);
}

.bg-accent-ult-lt {
	background-color: var(--accent-ultra-light);
}
.bg-accent-dk {
	background-color: var(--accent-dark);
}

.bg-accent-ult-dk {
	background-color: var(--accent-ultra-dark);
}

.bg-accent-comp {
	background-color: var(--accent-comp);
}

.bg-accent-grad {
	background: #864A55;
background: linear-gradient(302deg, rgba(134, 74, 85, 1) 0%, rgba(161, 93, 103, 1) 34%, rgba(134, 74, 85, 1) 67%);
}

.bg-accent-light-grad {
	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%);
}
.bg-accent-bright-grad {
background: #964554;
background: linear-gradient(65deg, rgba(150, 69, 84, 1) 0%, rgba(180, 84, 104, 1) 50%, rgba(181, 96, 112, 1) 100%);
}

.bg-primary-hjx {
	background: var(--primary);
}
.bg-primary-ult-lt {
	background: var(--primary-ultra-light);
}
.bg-primary-md {
	background: var(--primary-medium);
}
.bg-primary-dk {
	background: var(--primary-dark);
}
.bg-primary-ult-dk {
	background: var(--primary-ultra-dark);
}

.bg-primary-comp {
	background: var(--primary-comp);
}
.bg-primary-comp-grad {
	background: #623943;
background: linear-gradient(302deg, rgba(98, 57, 67, 1) 0%, rgba(120, 68, 79, 1) 50%, rgba(74, 40, 47, 1) 100%);
}
.bg-secondary-dk {
	background: var(--secondary-dark);
}
.bg-secondary-ult-dk {
	background: var(--secondary-ultra-dark);
}

.bg-white-trans-20 {
	background: var(--white-trans-20);
}

.bg-white-trans-40 {
	background: var(--white-trans-40);
}

.bg-shade-lt {
	background: var(--shade-light);
}

.bg-base {
	background: var(--base);
}
.bg-base-lt {
	background: var(--base-light);
}
.bg-base-dk {
	background: var(--base-dark);
}

.bg-base-ult-lt {
	background: var(--base-ultra-light);
}


.bg-base-comp {
	background-color: var(--base-comp);
}

.bg-base-trans-10 {
	background: var(--base-trans-10);
}

/* .......// Text Styles //....... */

.txt-purple-lt {
	color: var(--purple-light);
}

.txt-accent {
	color: var(--accent);
}

.txt-accent-lt {
	color: var(--accent-light) !important;
}

.txt-accent-md {
	color: var(--accent-medium);
}

.txt-accent-hvr {
	color: var(--accent-hover);
}

.txt-accent-dk {
	color: var(--accent-dark);
}

.txt-accent-ult-dk {
	color: var(--accent-ultra-dark);
}

.txt-accent-bright {
	color: var(--accent-bright);
}

.txt-accent-comp {
	color: var(--accent-comp);
}

.txt-primary {
	color: var(--primary);
}
.txt-primary-bright {
	color: var(--primary-bright);
}
.txt-primary-hvr {
	color: var(--primary-hover);
}
.txt-primary-lt {
	color: var(--primary-light);
}

.txt-primary-ult-lt {
	color: var(--primary-ultra-light);
}

.txt-primary-dk {
	color: var(--primary-dark);
}

.txt-primary-comp {
	color: var(--primary-comp);
}

.txt-secondary {
	color: var(--secondary);
}

.txt-secondary-lt {
	color: var(--secondary-light);
}

.txt-secondary-hvr {
	color: var(--secondary-hover);
}

.txt-secondary-md {
	color: var(--secondary-medium);
}

.txt-secondary-dk {
	color: var(--secondary-dark);
}

.txt-secondary-comp {
	color: var(--secondary-comp);
}
.txt-base {
	color: var(--base);
}
.txt-base-lt {
	color: var(--base-light);
}
.txt-base-md {
	color: var(--base-medium);
}
.txt-base-dk {
	color: var(--base-dark);
}
.txt-base-ult-dk {
	color: var(--base-ultra-dark);
}
.txt-shade-lt {
	color: var(--shade-light);
}
.txt-shade-md {
	color: var(--shade-medium);
}
.txt-base-comp {
	color: var(--base-comp);
}



.txt-sz-one1rem {
	font-size: calc(1.1rem + .2vw);
}
.txt-techie {
	font-family: tachyon, poppins, sans-serif;
	font-style: normal;
	font-weight: 400;
}
.txt-fancy {
	font-family: "bree", sans-serif;
	font-variation-settings: "wght" 600;
}



.svg-xl {
  font-size: calc(8rem + .3vw);
}

.svg-large {
	font-size: calc(6rem + .3vw);
}

.svg-medium {
	font-size: calc(4rem + .3vw);
}

.svg-small {
	font-size: calc(2.8rem + .3vw);
}
/* ........ // Buttons & Hover Effects // .......*/

a.hjx-button, button.hjx-button {
	background: white;
	color: var(--primary-comp);
	font-size: calc(.85rem + .3vw);
	height: 3.4em;
	padding: 0 2em;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	transition: 0.4s ease;
	box-shadow: 2px 2px 12px 0px rgba(8,10,10,0.3);
	text-transform: uppercase;
	letter-spacing: .08em;
	font-family: pt-sans-pro-narrow, sans-serif;
}

a.hjx-button:hover {
	filter: brightness(1.1);
	background-color: var(--primary-comp);
	color: white;
}

a.hjx-button svg {
	margin-left: 6px;
}


a.hjx-button:focus {
  border-color: var(--primary-comp);
  box-shadow: 0 0 0 2px var(--accent-light);
}

a.hjx-button:active {
  filter: brightness(0.9);
}


/* Button: Grow on Hover */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* ----- Hover: Icon Grow ----- */

.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* ---- Button: Icon Forward ---- */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  /*-webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;*/
}
.hvr-icon-forward .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/*** Hover Icon: Back ***/
.hvr-icon-back {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
  }
  .hvr-icon-back .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
	-webkit-transform: translateX(-4px);
	transform: translateX(-4px);
  }

.overlay__tl-to-br {
	background: rgb(0,0,0);
	background: linear-gradient(310deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); 
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ........ // Section Dividers //......... */

h5.hjx-section-title {
	text-align: center;
	text-transform: uppercase;
	font-size: calc(.7rem + .2vw);
	letter-spacing: .1rem;
	margin-bottom: 1rem;
	background: var(--primary-light);
	padding: 1.5em 4em;
	display: inline-flex;
	border-radius: .99em;
	margin: 0 auto 2rem;
	color: var(--primary-medium);
	font-weight: 300;
}

.top-angle {
  clip-path: polygon(0 0,100% 0,100% 100%,0 calc(100% - 50px));
}
.bottom-angle {
  clip-path: polygon(0 0,100% 50px,100% 100%,0 100%);
  margin-top: -50px;
}
.top-bottom-angle {
	clip-path:polygon(0 0,100% 50px,100% calc(100% - 50px),0 100%);
	margin-top: -50px;
}
.top-angle-flip {
  clip-path: polygon(0 0,100% 0,100% calc(100% - 50px),0 100%);
}
.bottom-angle-flip {
  clip-path: polygon(0 50px,100% 0,100% 100%,0 100%);
  margin-top: -40px;

}

/* ............//// header & navigation ////......... */

#hjx-site-header {
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: var(--cp-primary-dark);
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid rgba(133, 53, 64, .6);
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
}

#hjx-site-header .wrap-content {
	display: flex;
	margin-top: auto;
	margin-bottom: auto;
	justify-content: space-between;
	height: 100%;
	padding: 0 0 0 .5rem;
	background-color: var(--black-trans-20);
}

#hjx-site-header .wrap-content .hjx-header-logo {
	display: flex;
	align-items: center;
	font-size: calc(.9rem + .2vw);
	line-height: 1;
	color: var(--cp-primary-light);
	font-weight: 500;
	margin-left: 1rem;
}

/********* Links contained within flyout mobile navigation below 1200px ************/
#hjx-site-header nav.header-links {
	display: flex;
	justify-content: end;
	align-items: center;
	margin-right: 2rem;
}

#hjx-site-header nav.header-links .nav-menu {
	position: fixed;
	overflow: hidden;
	left: unset;
	right: -110%;
	height: 100vh;
	top: 80px;
	display: flex;
	flex-direction: column;
	background-color: var(--cp-primary-darkest);
	width: 100%;
	margin-right: unset;
	transition: 0.4s ease;
	padding: 5em 2em 1em 2em;
	font-size: calc(1rem + .3vw);
}

#hjx-site-header nav.header-links .nav-menu .bgrd-svg {
	position: absolute;
	bottom: -10%;
	right: -100%;
	font-size: 700px;
	color: var(--black-trans-10);
}

#hjx-site-header nav.header-links .nav-menu .nav-links {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 440px;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: .03em;
}

#hjx-site-header nav.header-links .nav-menu .nav-links a {
	display: flex;
	align-items: center;
	color: var(--cp-primary-light);
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 400;
	margin-bottom: .25rem;
	padding: .5rem;
	line-height: 1;
}

#hjx-site-header nav.header-links .nav-menu .nav-links a span.desktop {
	display: none;
}

#hjx-site-header nav.header-links .nav-menu .nav-links a svg {
	margin-right: 1rem;
	background: var(--cp-primary-darker);
	padding: 5px;
	border-radius: 4px;
	font-size: 1.5rem;
}

#hjx-site-header nav.header-links .nav-menu .nav-links a.priority-link {
	font-size: 1.4em;
	background: var(--white-trans-10);
	border-radius: 4px;
	margin-bottom: .5rem;
}

#hjx-site-header nav.header-links .nav-menu.active {
	left: unset;
	right: 0;
}


#hjx-site-header nav.header-links .burger svg {
	font-size: 32px;
	display: inline-block;
	transform: rotate(33deg);
	transition: transform 0.3s cubic-bezier(.4, 0, .2, 1);
	backface-visibility: hidden;
}

#hjx-site-header nav.header-links .burger.active svg {
	transform: rotate(-33deg);
}

/*** Show Shop & Sell buttons on iPads and larger mobile screens ***/
#hjx-site-header nav .shop-sell-links {
	display: none;
	margin-right: 1rem;
}

#hjx-site-header nav .shop-sell-links a {
	height: 100%;
	display: flex;
  	align-items: center;
	flex-wrap: nowrap;
    background: rgba(133, 53, 64, .4);
    filter: brightness(1.2);
	border-radius: 4px;
	padding: .5rem .75rem;
    margin-bottom: 0;
    margin-right: 4px;
	font-family: pt-sans-pro-narrow, sans-serif;
  	font-weight: 500;
	font-size: calc(.7rem + .3vw);
	line-height: 1;
	color: var(--cp-primary-light);
	transition: .4s ease;
	letter-spacing: .03em;
}

#hjx-site-header nav .shop-sell-links a svg {
	margin-right: 4px;
    background: none;
    padding: 5px 0;
    border-radius: 0;
    font-size: 1rem;
}

/** media queries for sept 2025 nav **/
@media only screen and (min-width: 576px) {

	#hjx-site-header nav.header-links .nav-menu .bgrd-svg {
		bottom: 0;
		right: -60%;
	}
}

@media only screen and (min-width: 768px) {
	#hjx-site-header nav .shop-sell-links {
		display: flex;
	}
	#hjx-site-header nav.header-links .nav-menu .bgrd-svg {
		bottom: 5%;
		right: -50%;
		font-size: calc(65rem + .3vw);
	}
}

@media only screen and (min-width: 992px) {
	#hjx-site-header nav.header-links .burger {
		display: none;
	}

	#hjx-site-header nav .shop-sell-links {
		display: none;
	}

	#hjx-site-header nav.header-links {
		margin-right: 0;
	}

	#hjx-site-header nav.header-links .nav-menu {
		position: relative;
		right: unset;
		height: unset;
		top: unset;
		background: none;
		width: unset;
		margin-right: unset;
		padding: unset;
		font-size: calc(.65rem + .3vw);
	}

	#hjx-site-header nav.header-links .nav-menu .nav-links {
		flex-direction: row;
		max-width: unset;
		margin-right: 2rem;
	}

	#hjx-site-header nav.header-links .nav-menu .nav-links a {
		color: var(--cp-primary-ultra-light);
		margin-bottom: 0;
		padding: .5rem .75rem;
		flex-wrap: nowrap;
		margin-right: 4px;
		height: 42px;
		background: var(--black-trans-10);
		border-radius: 4px;
		transition: .4s ease;
		font-size: 1em;
	}

	#hjx-site-header nav.header-links .nav-menu .nav-links a span.mobile {
		display: none;
	}

	#hjx-site-header nav.header-links .nav-menu .nav-links a span.desktop {
		display: inline;
	}

	#hjx-site-header nav.header-links .nav-menu .nav-links a svg {
		margin-right: 4px;
		background: none;
		padding: 5px 0;
		border-radius: 0;
		font-size: 1rem;
		display: none;
	}

	#hjx-site-header nav.header-links .nav-menu .nav-links a:hover {
		background: rgba(133, 53, 64, .6);
	}

	#hjx-site-header nav.header-links .nav-menu .nav-links a.priority-link {
		background: var(--black-trans-20);
		color: var(--cp-primary-light);
		margin-bottom: 0;
		transition: all .4s ease;
		font-size: 1em;
	}

	#hjx-site-header nav.header-links .nav-menu .nav-links a.priority-link svg {
		display: inline;
	}

	#hjx-site-header nav.header-links .nav-menu .nav-links a:hover.priority-link {
		background: rgba(133, 53, 64, .8);
		color: var(--cp-primary-ultra-light);
	}
}


/* ............//// Site Wide Footer 2026 //// ............... */
#site-footer {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 99;
	background: var(--cp-primary-darker);
	border-top: 1px solid var(--cp-primary-light);
	color: white;
	font-weight: 600;
	font-size: calc(.6rem + .1vw);
}

#site-footer a,
#site-footer a:visited {
	color: var(--cp-primary-light);
	transition: .4s ease;
}

#site-footer a:hover {
	color: var(--cp-primary-ultra-light);
}

#site-footer a.home-link {
	font-size: 1.8em;
	font-weight: 700;
	margin-top: 8px;
}

#site-footer .main-footer-content {
	width: 100%;
	display: flex;
	background: var(--black-trans-40);
}

#site-footer .main-footer-content nav {
	font-size: 1.1em;
	font-family: pt-sans-pro-narrow, sans-serif;
	letter-spacing: .05em;
}

#site-footer .main-footer-content nav h6 {
	text-transform: uppercase;
	font-size: inherit;
}

#site-footer .main-footer-content nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#site-footer .main-footer-content nav ul li {
	margin-bottom: .6em;
}

#site-footer .main-footer-content nav ul li:last-of-type {
	margin-bottom: 0;
}

#site-footer .copyright-bar {
	width: 100%;
	background: var(--black-trans-20);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 1rem;
	color: var(--cp-primary-bright);
	font-size: .9em;
	font-weight: 400;
}


/* ................ // Home Page Styles // ................. */

#hjx-home {
	background: white;
	display: flex;
	flex-direction: column;
}

#hjx-home .section-heading {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

#hjx-home .section-heading .title-wrap {
	display: flex;
	align-items: center;
	background: var(--cp-primary-dark);
	padding: 1rem;
	border-radius: 3px;
	flex-grow: 1;
	font-family: futura-pt, sans-serif;
}

#hjx-home .section-heading .title-wrap h2 {
	font-size: calc(.65rem + .2vw);
	color: white;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-weight: 600;
	text-align: start;
	margin: auto 0;
}

#hjx-home .section-heading a {
	background: var(--cp-primary-bold);
	padding: 1rem;
	border-radius: 3px;
	font-size: calc(.65rem + .2vw);
	color: white;
	line-height: 1;
	letter-spacing: .03em;
	font-weight: 600;
	font-family: pt-sans-pro-narrow, sans-serif;
	text-transform: uppercase;
	transition: .4s ease;
}

#hjx-home .section-heading a:hover {
	filter: brightness(1.2);
}


#hjx-home a.view-all {
	font-size: calc(.6rem + .2vw);
  color: white;
  font-weight: 600;
  margin: .5rem auto 0 .5rem;
  text-align: center;
  text-transform: uppercase;
  background: var(--cp-primary-comp);
  padding: .65rem 1.5rem;
  border-radius: 3px;
  transition: all .4s ease;
}

#hjx-home a:hover.view-all {
	filter: brightness(1.1);
}

#hjx-home h3 {
	position: relative;
	text-transform: uppercase;
	padding: 1rem 1rem 0;
	font-size: calc(.8rem + .3vw);
	margin-top: 1rem;
	color: var(--primary-comp);
	text-align: center;
	font-weight: 700;
}

#hjx-home h3::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 1em;
    height: 0.1em;
	background: var(--primary-comp);
	margin: 0 auto;
}

#hjx-home-hero {
	position: relative;
	width: 100%;
}

#hjx-home-hero figure {
	width: 100%;
	height: 80vh;
	margin-bottom: 0;
}

#hjx-home-hero figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* ... cycle2.js styles - home page slider ... */

#hjx-home .cycle-slideshow img {
    /*
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
#hjx-home .cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

#hjx-home .cycle-overlay {
    position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	z-index: 600;
    color: white;
	padding: 0 5vw;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .6rem;
	transition-duration: 500ms;
	display: flex;
}

#hjx-home .cycle-overlay a {
	color: var(--accent-light);
}

#hjx-home .cycle-overlay a:hover {
	color: white;
}

#hjx-home .cycle-overlay  span {
	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
}

#hjx-home .cycle-overlay-full {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 105;
	 background: rgb(8,10,10);
background: linear-gradient(0deg, rgba(8,10,10,1) 0%, rgba(8,10,10,0.65) 35%, rgba(8,10,10,0.1) 66%, rgba(8,10,10,1) 93%);
}

#hjx-home .cycle-overlay-full .content {
	padding: 0 5vw 100px;
	z-index: 110;
	margin-top: auto;
	color: var(--accent-light);
	max-width: 90%;
	position: absolute;
	bottom: 0;
	font-size: .95rem;
}

#hjx-home .cycle-overlay-full .content h1 {
	font-size: calc(1.8rem + .9vw);
	line-height: 1.2;
	color: white;
	max-width: 600px;
	text-shadow: 1px 1px 4px rgba(37,22,14,0.3);
	font-weight: 400;
}

#hjx-home .cycle-overlay-full .content h1 span.highlight {
	color: var(--cp-primary-light);
}

#hjx-home .cycle-overlay-full .content .subtitle {
	display: none;
}

/* pager dots */
#hjx-home .cycle-pager {
    position: absolute;
	bottom: 19px;
	z-index: 125;
	right: 5vw;
	text-align: center;
	overflow: hidden;
}
#hjx-home .cycle-pager span {
    font-family: arial;
	font-size: 32px;
	width: 16px;
	height: 16px;
    display: inline-block;
	color: #ddd;
	cursor: pointer;
	margin-right: 2px
}
#hjx-home .cycle-pager span.cycle-pager-active {
	color: var(--accent-hover);
}
#hjx-home .cycle-pager > * { cursor: pointer;}

/* prev / next */

#hjx-home .slide-ctrls {
	position: absolute;
	left: 5vw;
	bottom: 20px;
	z-index: 150;
	font-size: 1.25rem;
}

#hjx-home .slide-ctrls a {
	color: var(--primary-hover);
}

#hjx-home #home-page-content {
	display: flex;
	flex-direction: column;
	width: 100%;
	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");
}

#hjx-home #home-page-content .page-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

#hjx-home #latest-listings {
	background: var(--white-trans-60);
	border: 1px solid var(--cp-primary-ultra-light);
	border-radius: 6px;
	padding: .5rem;
}

#hjx-home #latest-listings .wrap-horses {
	display: grid;
	grid-template-columns: 1fr;
	width: 100%;
	margin: 0 auto;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer {
	padding: .5rem;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 58vh;
	max-height: 480px;
	clip-path: inset(0 round 6px);
	border: 1px solid var(--black-trans-40);
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center -center;
	z-index: 5;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: var(--black-trans-60);
	background: linear-gradient(16deg, rgba(0,0,0,1) 0%, rgba(5,5,5,0.36876757538953087) 43%, rgba(5,5,5,0.09145665101978295) 71%, rgba(0,0,0,0) 100%);
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 15;
	display: flex;
	flex-direction: column;
	margin: auto;
	border-radius: 4px;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .quick-view {
	display: flex;
	align-items: center;
	font-size: calc(.8rem + .1vw);
	padding: 0 12px;
	border-radius: 3px 3px 0 0;
	background: rgba(56, 22, 27, .8);
	height: 36px;
	backdrop-filter: blur(5px);
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .quick-view a {
	color: var(--cp-primary-ultra-light);
	line-height: 1;
	padding-right: .25em;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .motivated {
	color: var(--cp-primary-ultra-light);
	height: 36px;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	z-index: 99;
	right: 1rem;
	line-height: 1em;
	font-size: calc(.6rem + .1vw);
	letter-spacing: .05em;
	font-weight: 500;
	font-family: pt-sans-pro-narrow, sans-serif;
	text-transform: uppercase;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .details {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 6px;
	font-size: calc(.6rem + .1vw);
	letter-spacing: .05em;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: auto;
	font-family: pt-sans-pro-narrow, sans-serif;						
	border-radius: 0 0 4px 4px;
	height: 40px;
	background: rgba(56, 22, 27, .8);
	backdrop-filter: blur(10px);
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .details > div {
	padding: 2px 8px;
	font-weight: 400;
	color: white;
	border-right: 1px solid var(--cp-primary-light);
	line-height: 1;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .details > div:last-of-type {
	border-right: none;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner {
	position: relative;
	font-size: calc(.8rem + .2vw);
	font-weight: 600;
	letter-spacing: .01em;
	border-radius: 0 0 4px 4px;
	padding-top: .6rem;
	display: flex;
	flex-direction: column;
	margin-top: auto;
	padding-bottom: 60px;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner > .p-3 > .d-flex {
	align-items: center;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .sb-tag {
	position: absolute;
	z-index: 10;
	bottom: 56px;
	right: 1rem;
	font-weight: 400;
	font-size: clamp(0.75rem, .5vw + 0.4rem, .9rem);
	letter-spacing: .05rem;
	font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .sb-tag a,
#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .sb-tag a:visited {
	color: white;
	transition: all .4s ease;
	line-height: 1;
	position: relative;
	display: flex;
	align-items: center;
	filter: brightness(1);
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .sb-tag a svg {
	color: var(--cp-primary);
	font-size: 1.2em;
	filter: brightness(1);
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .sb-tag a:hover {
	filter: brightness(1.1);
    color: var(--cp-primary);
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner a.title {
	font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
    font-size: clamp(1.4rem, 1.5vw + 1.8rem, 2rem);							
	margin-bottom: 0;
	position: relative;
	line-height: 1.1;
	font-weight: 400;
	color: white;
	transition: .4s ease;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner a:hover.title {
	color: var(--cp-primary);
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .type {
	display: flex;
	flex-direction: row;
	margin-left: 8px;
	align-items: end;
	padding-bottom: 4px;
	white-space: nowrap;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .type svg {
	margin-right: 4px;
	--fa-primary-color: var(--cp-primary-bold) !important;
	--fa-secondary-color: var(--cp-primary-ultra-light) !important;
	font-size: calc(.85rem + .1vw);
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .qs {
	font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
    font-size: clamp(.9rem, .2vw + .9rem, 1rem);
	font-weight: 500;
	letter-spacing: .05em;
	color: white;
	text-transform: uppercase;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .btn-details__wrap {
	position: absolute;
	bottom: 46px;
	z-index: 10;
	left: 1rem;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .btn-details__wrap .tag_new-updated {
	position: relative;
	z-index: 10;
	color: white;
	text-transform: uppercase;
	font-size: calc(.4rem + .3vw);
	margin-bottom: 2px;
	margin-left: 4px;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 500;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .btn-details__wrap a.btn-details {
	transition: all .4s ease;
	padding: 0 24px;
	border: 1px solid var(--cp-primary-light);
	line-height: 1;
	height: 28px;
	display: flex;
	align-items: center;
	border-radius: 3px;
	background: var(--black-trans-60);								
	color: var(--cp-primary-light);
	text-transform: uppercase;
	font-size: clamp(0.75rem, .5vw + 0.4rem, .9rem);
	font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
	font-weight: 500;
	letter-spacing: .08rem;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .btn-details__wrap a:hover.btn-details {
	background: var(--black-trans-60);
}

#hjx-home #latest-listings .wrap-horses .hjx-card-outer .hjx-card-horse .content .inner .btn-details__wrap a.btn-details svg {
	display: none;
	margin-left: 6px;
}


/*** do not flexbox this section - breaks owl slider ***/
#hjx-home__updates {
	background: var(--white-trans-60);
	border: 1px solid var(--cp-primary-ultra-light);
	border-radius: 6px;
	padding: .5rem;
}

#hjx-home__updates .updates-item {
	position: relative;
	background: var(--cp-primary-ultra-light);
    padding: calc(1rem + 6px) 1rem 1rem;
	border-radius: 4px;
}

#hjx-home__updates .updates-item .tag {
	padding: 0 1.25em;
	font-size: .6rem;
	background: white;
	color: var(--accent-bright);
	border-radius: 4px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	margin-left: .5em;
}

#hjx-home__updates .updates-item .date {
	font-size: .6rem;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 auto;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	width: 12em;
	background-color: white;
	border-radius: 4px;
	text-align: center;
	line-height: 0;
	padding: 8px 6px;
}

#hjx-home__updates .updates-item a.title {
	text-transform: uppercase;
	font-size: .8rem;
	padding: .5em .5em .3em;
	display: block;
	white-space: nowrap;
	position: relative;
	margin-bottom: 3px;
	color: var(--cp-primary-brighter);
}

#hjx-home__updates .updates-item a.title  span {
	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
	width: 88%;
	display: block;
}

#hjx-home__updates .updates-item a.title svg {
	position: absolute;
	top: 4px;
	bottom: 0;
	right: 8%;
	margin: auto 0 auto auto;
}

/* ... // Owl Carousel - Latest Upates + Upcoming Shows // ... */

.hjx-home__owl-wrap {
	position: relative;
    margin: auto;
	padding: 1rem 0;
}

#hjx-home__shows .owl-carousel .owl-stage {
	display: flex;
	align-items: stretch;
}

#hjx-home__updates .owl-carousel-updates .owl-item img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border: white 8px solid;
	border-radius: 8px;
}

/* .. Custom Owl Navigation .. */

#hjx-home__updates .owl-carousel-updates .owl-nav,
#hjx-home__shows .owl-carousel-shows .owl-nav{
    overflow: hidden;
    height: 0px;
  }

#hjx-home__updates .owl-theme .owl-dots,
#hjx-home__shows .owl-theme .owl-dots{
	margin-top: 1rem;
}

#hjx-home__updates .owl-theme .owl-dots .owl-dot.active span,
#hjx-home__updates .owl-theme .owl-dots .owl-dot:hover span,
#hjx-home__shows .owl-theme .owl-dots .owl-dot.active span,
#hjx-home__shows .owl-theme .owl-dots .owl-dot:hover span{
      background: var(--accent-light);
 }

#hjx-home__updates .owl-carousel-updates .nav-btn,
#hjx-home__shows .owl-carousel-shows .nav-btn {
	position: absolute;
	padding: 10px 18px 8px;
	cursor: pointer;
	font-size: 1.8rem;
	line-height: 1;
	color: var(--primary);
	transition: .3s ease;
	background: var(--primary-ultra-light);
	border-radius: 8px;
	}

#hjx-home__updates .owl-carousel-updates .nav-btn,
#hjx-home__shows .owl-carousel-shows .nav-btn {
	bottom: -10px !important;
}

#hjx-home__updates .owl-carousel-updates .nav-btn:hover,
#hjx-home__shows .owl-carousel-shows .nav-btn:hover {
	color: var(--primary-medium);
	background: var(--primary-ultra-light);
}

#hjx-home__updates .owl-carousel-updates .owl-prev.disabled,
#hjx-home__updates .owl-carousel-updates .owl-next.disabled,
#hjx-home__shows .owl-carousel-shows .owl-prev.disabled,
#hjx-home__shows .owl-carousel-shows .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
  }

#hjx-home__updates .owl-carousel-updates .prev-slide,
#hjx-home__shows .owl-carousel-shows .prev-slide{
      left: 10px;
  }
#hjx-home__updates .owl-carousel-updates .next-slide,
#hjx-home__shows .owl-carousel-shows .next-slide {
      right: 10px;
  }
#hjx-home__updates .owl-carousel-updates .prev-slide:hover,
#hjx-home__shows .owl-carousel-shows .prev-slide:hover{
     background-position: 0px -53px;
  }
#hjx-home__updates .owl-carousel-updates .next-slide:hover,
#hjx-home__shows .owl-carousel-shows .next-slide:hover {
    background-position: -24px -53px;
  }



#hjx-home .search-links-wrap {
	width: 100%;
	font-size: .8rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: white;
}

#hjx-home .search-links-wrap .search-link-buttons {
	display: flex;
	flex-direction: row;
	padding: .5rem 1rem 1rem;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

#hjx-home .search-links-wrap .search-link-buttons a {
	background: var(--cp-primary-comp);
	color: white;
	font-size: calc(.7rem + .2vw);
	font-weight: 700;
	padding: 1.2rem 1rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	transition: 0.4s ease;
	box-shadow: 3px 4px 12px 0px rgba(8,10,10,0.3);
	margin: .25em;
	width: 10em;
	text-align: center;
	font-family: pt-sans-pro-narrow, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	line-height: 1;
	flex: 1;
	text-wrap: nowrap;
}

#hjx-home .search-links-wrap .search-link-buttons a.highlight {
	background: var(--cp-primary-bold) ;
}

#hjx-home .search-links-wrap .search-link-buttons a:hover {
	filter: brightness(1.2);
}

#hjx-home .search-links-wrap .search-link-buttons a:active {
	filter: brightness(0.9);
}


/* ...... // Home Page - Circuits // ...... */

#hjx-home__shows {
/*** do not flexbox this section - breaks owl slider ***/
	width: 100%;
	background: var(--white-trans-60);
	border: 1px solid var(--cp-primary-ultra-light);
	border-radius: 6px;
	padding: .5rem;
}

#hjx-home__shows h3 {
	text-align: center;
}

#hjx-home__circuits {
	width: 100%;
	background: var(--white-trans-60);
	border: 1px solid var(--cp-primary-ultra-light);
	border-radius: 6px;
	padding: .5rem;
}

#hjx-home__circuits .circuits-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

/* .hjx-card-circuit is used on both home page and shows/destinations */

.hjx-card-circuit__outer {
	padding: .25rem;
	flex: 1;
}

.hjx-card-circuit {
	display: flex;
	flex-direction: column;
	color: white;
	height: 100%;
	position: relative;
	padding: 2rem 1.5rem;
	border-radius: 4px;
	min-width: 220px;
}

.hjx-card-circuit.Location {
	background-color: var(--cp-primary-dark);
  	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 0.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='%23523135' fill-opacity='0.3' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.hjx-card-circuit.Circuit {
	background-color: var(--cp-primary-bold);
	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='%236c3c43' fill-opacity='0.6' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.hjx-card-circuit.Show {
	background-color: var(--cp-primary-darker);
  	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 0.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='%236c3c43' fill-opacity='0.2' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.hjx-card-circuit .details {
	font-size: calc(.65rem + .2vw);
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	line-height: 1.3;
	z-index: 5;
}

.hjx-card-circuit .details > a {
	color: white;
	font-size: calc(1.2rem + .2vw);
	text-transform: uppercase;
	margin-bottom: 1rem;
	transition: all .4s ease;
}

.hjx-card-circuit .details a:hover {
	color: var(--cp-primary-light);
}

.hjx-card-circuit .details a svg {
	font-size: .8em;
}

.hjx-card-circuit a.sb-link {
	font-weight: 500;
	color: var(--cp-primary-light);
	transition: all .4s ease;
}

.hjx-card-circuit a:hover.sb-link {
	color: white;
}

.hjx-card-circuit .happening-now {
	text-transform: uppercase;
	font-size: .7rem;
	padding: 0.5em 0 .7em;
	font-family: "bree", sans-serif;
	font-variation-settings: "wght" 400;
	letter-spacing: .05em;
}

/*
.hjx-card-circuit .show-tag {
	text-transform: uppercase;
	font-size: .85em;
	color: white;
	font-family: poppins, sans-serif;
    font-weight: 600;
    letter-spacing: .1em;
	list-style-type: none;
	background: var(--accent);
	padding: .4em 1.5em .3em;
	border-radius: 99em;
	display: inline-flex;
	margin: 28px auto 6px 0;
}
*/

#hjx-home__barns {
	display: flex;
	flex-direction: column;
	padding-top: 3rem;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;

	.wrap-logos {
		display: flex;
		flex-wrap: wrap;
		padding: 1rem;

		a {
			display: block;
			width: 100%;
			max-width: 100px;
			clip-path: inset(0 round 4px);
			margin: .25rem;

			img {
				object-fit: cover;
				object-position: center center;
				width: 100%;
				height: 100%;
			}
		}
	}
}

/* ...... // Home Page - CTA: About // ...... */

#hjx-home__about {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

#hjx-home__about-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: .5rem;
	margin: 0 auto;
}

#hjx-home__about-grid > div {
	font-size: calc(.8rem + .2vw);
	padding: 2rem;
	border-radius: 4px;
	background: var(--white-trans-60);
	margin-bottom: .5rem;
	display: flex;
	flex-direction: column;
}

#hjx-home__about-grid h5 {
	color: var(--cp-primary-medium);
	font-size: 1.4rem;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: .15rem;
}

#hjx-home__about-grid p {
	color: var(--cp-primary-medium);
	line-height: 1.5;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-size: 1em;
	margin-bottom: 2rem;
}

#hjx-home__about-grid a {
	padding: .8rem 1rem;
	background: var(--cp-primary);
	border-radius: 4px;
	margin: auto auto 0;
	display: inline-flex;
	color: white;
	text-transform: uppercase;
	letter-spacing: .02em;
	font-weight: 600;
	font-size: calc(.75rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	transition: .4ms ease;
	text-align: center;
}

#hjx-home__about-grid a:hover {
	filter: brightness(1.1);
}
 
/* ..... /// Home Page Marquee /// ..... */

#hjx-home__marquee {
	padding: 5rem 0 2rem;
	display: flex;
	flex-direction: column;
	overflow:hidden;
	position:relative;
}

.logoMarqueeSection {
  padding-top: 1rem;
}

#logoMarqueeSection {
  max-width: 1920px!important;
  margin: 0 auto 1rem;

  padding: 36px 0;
}

.default-content-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    width: 100%;
    min-height: 100vh;
	display: flex;
	align-items: center;
}

div.marquee>a>img {
  height: 160px;
  border: var(--primary-light) 1px solid;
  border-radius: 50%;
}

.logoMarqueeSection>div>div {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
}

.marquee-wrapper {
  display:  inline-block;
  white-space: nowrap;
}

.marquee {
    display:  inline-block;
    white-space: nowrap;
    position: relative;
    transform: translate3d(0%, 0, 0);
    animation-name: marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.marquee a {
    display:  inline-block;
    white-space: nowrap;
    margin-right: 2.8rem;
}

.marquee-wrapper:hover .marquee {
    animation-play-state: paused !important;
}

@keyframes marquee {
    0% {
        transform: translate3d(0%, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
/* ... // Home Page - Random Generators // ... */

#hjx-home__random {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 1rem;
	font-size: .7rem;
	font-weight: 500;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
}

#random-horse-generator, #random-barn-generator {
	border-radius: 4px;
	background: var(--white-trans-60);
	border: 1px solid var(--cp-primary-ultra-light);
	padding: .5rem;
	font-size: calc(.8rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	color: var(--cp-primary-medium);

	.random-listing {
		padding: 2rem;

		.location {
			display: flex;
			align-items: center;
			background: var(--cp-primary-ultra-light);
			color: var(--cp-primary-bold);
			text-transform: uppercase;
			padding: .5rem;
			line-height: 1;
			margin-bottom: .75rem;
			width: 100%;
			border-radius: 3px;
			font-family: poppins, sans-serif;
			font-size: .8em;
		}

		img {
			width: 100%;
			height: 200px;
			object-fit: cover;
			object-position: center;
			clip-path: inset(0 round 3px);
			margin-bottom: .25rem;
		}
	}
}

#hjx-home__random a, #random-video-generator a {
	color: var(--cp-primary-brighter);
	text-transform: uppercase;
	font-size: 1.3em;
}

#random-video-generator {
	padding: 4rem 1.5rem 6rem;
	overflow:hidden;
	position:relative;
}	 

.random-video__wrap {
	display: grid;
	grid-template-columns: 1fr;
	max-width: 1280px;
    margin: 2rem auto;
}

.random-video {
	padding: 1rem;
	margin-bottom: 1rem;
	font-size: .75rem;
	font-weight: 500;
}
.random-video .video__youtube {
    padding-bottom: 56.23%;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    object-fit: cover;
	/*margin: 0;
	padding: 1rem;
	height: 100%;*/
}
	
.random-video .video__youtube iframe {
	aspect-ratio: 16 / 9;
  	width: 100%;
  	overflow: hidden;
}

/****** Home Page Blog Excerpt ******/
#hjx-home__blog {
	border-radius: 4px;
	background: var(--white-trans-60);
	border: 1px solid var(--cp-primary-ultra-light);
	padding: .5rem;
	font-size: calc(.8rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	color: var(--cp-primary-medium);

	.wrap-blog-items {
		display: flex;
		flex-wrap: wrap;		

			.blog-item {
				display: flex;
				flex-direction: column;
				justify-content: center;
				flex: 1 1 220px;
				margin-bottom: 1.5rem;

				figure {
					height: 100%;
					width: 100%;
					max-height: 350px;

					img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center;
						border-radius: 4px;
						margin-bottom: .75rem;
					}
				}				

				a {
					padding: .8rem 1rem;
					background: var(--cp-primary);
					border-radius: 4px;
					display: inline-flex;
					color: white;
					text-transform: uppercase;
					letter-spacing: .02em;
					font-weight: 600;
					font-size: calc(.65rem + .2vw);
					font-family: pt-sans-pro-narrow, sans-serif;
					transition: .4ms ease;
					text-align: center;
				}
		}
	}
}

#hjx-home footer {
	display: flex;
	flex-direction: column;
	padding: 6rem 1rem;
	justify-content: center;
	text-align: center;
	background: var(--purple-dark);
	font-size: calc(.9rem + .2vw);
	color: white;
	border-top: var(--accent-light) 40px solid;
}

#hjx-home footer .content-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 680px;
	margin: 0 auto;
}

#hjx-home footer .big-headline {
	font-size: 3.2em;
	color: var(--accent-light);
	font-weight: 800;
	margin-bottom: 1.5rem;
	line-height: 1.3;
}

#hjx-home footer .small-headline {
	font-size: 1em;
	color: var(--accent-light);
	font-weight: 400;
	margin-bottom: 1.5em;
	letter-spacing: .25em;
	text-transform: uppercase;
}

#hjx-home footer h6 {
	color: var(--accent-light);
	font-size: 1.2em;
	max-width: 600px;
	margin: 0 auto 1.5rem;
	line-height: 1.4;
	position: relative;
	padding: 3rem 0 0 0;
}

#hjx-home footer h6::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 80px;
    height: 0.1em;
	background: var(--accent);
	margin: 0 auto;
	z-index: 5;
}

#hjx-home footer p {
	font-size: .8em;
	margin: 0 auto 1rem;
	font-weight: 400;
	line-height: 1.8;
	color: white;
	padding: 0 .5em;
	max-width: 620px;
}

#hjx-home footer p a, #hjx-home footer p a:visited {
	font-weight: 700;
	color: var(--accent-light);
}

#hjx-home footer p a:hover {
	color: var(--accent-bright);
}

#hjx-home footer .img-wrap {
	max-width: 240px;
	padding: 0 2rem;
	margin: 0 auto;
}

#hjx-home footer .img-wrap img {
	width: 100%;
	object-fit: contain;
}

#hjx-home footer .link-wrap {
	display: flex;
	flex-direction: row;
	padding: 1rem 1rem 1rem;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#hjx-home footer .link-wrap a {
	background: var(--accent-light);
    color: var(--accent-bright);
    font-size: calc(.75rem + .2vw);
	font-weight: 600;
    height: 2.6em;
    padding: 0 2em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: var(--primary-lighter) 1px solid;
    transition: 0.4s ease;
    box-shadow: 3px 4px 16px 0px rgba(8,10,10,0.3);
	margin: .5em;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family: pt-sans-pro-narrow, sans-serif;
}

#hjx-home footer .link-wrap a:hover {
	filter: brightness(1.4);
}

#hjx-home footer .link-wrap a:active {
filter: brightness(0.9);
}
/* .....  // Home Page Media Queries // ..... */

@media screen and (min-width:576px) {
	#hjx-home .cycle-overlay-full .content h1 {
		font-size: calc(2.4rem + .9vw);
	}
	#hjx-home footer {
		padding: 6rem 2rem;
	}
	#hjx-home footer h6 {
		padding: 3rem 4rem 0
	}
	#hjx-home footer h6 .flair {
		display: block;
	}
}

@media screen and (min-width:768px) {
	#hjx-home-hero figure {
		height: 90vh;
	}
	#hjx-home .cycle-overlay {
		font-size: .8rem;
	}
	#hjx-home .cycle-overlay-full .content {
		padding: 0 5vw 120px;
	}
	#hjx-home .cycle-overlay-full .content h1 {
		font-size: calc(3.2rem + .9vw);
		line-height: 1;
	}
	#hjx-home .cycle-overlay-full .content .subtitle {
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: .1em;
		max-width: 100%;
		margin-top: 40px;
		display: block;
	}
	#hjx-home #latest-listings .wrap-horses {
		grid-template-columns: 1fr 1fr;
	}

	#hjx-home__random {
		grid-template-columns: 1fr 1fr;
	}
	#hjx-home__about-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.random-video__wrap {
		grid-template-columns: 1fr 1fr;
	}
	#hjx-home footer {
		padding: 8rem 3rem 6rem;
	}
	#hjx-home footer .small-headline {
		font-size: 1.1em;
		letter-spacing: .4em;
	}
	#hjx-home footer p {
		font-size: .9em;
	}
}

@media screen and (min-width:992px) {
	.cycle-overlay-full .content {
		max-width: 600px;
	}
	.cycle-overlay  span {
		margin-left: auto;
	}

	.random-video__wrap {
		grid-template-columns: 1fr 1fr 1fr;
	}
	#hjx-home footer h6 {
		padding: 3rem 4rem 0
	}
}

@media screen and (min-width:1200px) {
	#hjx-home-hero figure {
		height: 100vh;
	}
	#hjx-home #latest-listings .wrap-horses {
		grid-template-columns: 1fr 1fr 1fr;
	}
	#hjx-home footer p {
		max-width: 740px;
	}
}


/* ............/// Fixed Hero ///............ */
/* Apply background-image in html */
/* background-position and height intentionally not set - customize per page */

.hjx-fixed-hero {
	position: relative;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.hjx-fixed-hero .overlay {
	position: absolute;
    width: 100%;
    height: 100%;
	background-image: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(61,67,66,0.8) 100%);
	z-index: 10;
	top: 0;
	left: 0;
}

.hjx-fixed-hero .overlay-2 {
	position: absolute;
    width: 100%;
    height: 100%;
	background: rgb(26,26,25);
	background: linear-gradient(180deg, rgba(26,26,25,0) 0%, rgba(26,26,25,1) 100%);
	z-index: 15;
	top: 0;
	left: 0;
}
/**** Overlay 3: Bottom-right towards top left ******/
.hjx-fixed-hero .overlay-3 {
	background: rgb(26,26,25);
	background: -webkit-linear-gradient(38deg, rgba(26,26,25,0) 0%, rgba(26,26,25,0.8) 100%);
	background: -o-linear-gradient(38deg, rgba(26,26,25,0) 0%, rgba(26,26,25,0.8) 100%);
	background: linear-gradient(128deg, rgba(26,26,25,0) 0%, rgba(26,26,25,0.8) 100%);
	position: absolute;
    width: 100%;
    height: 100%;
	z-index: 20;
	top: 0;
	left: 0;
}

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

.hjx-fixed-hero .inner div {
	z-index: 40;
}

/*** Remove fixed bgrd on mobile devices ***/

@supports ( -webkit-touch-callout : none) {
	.hjx-fixed-hero {
	background-attachment:scroll
	}
}

@supports not ( -webkit-touch-callout : none) {
	.hjx-fixed-hero {
	background-attachment: fixed;
	}
}

/*
@media (hover: none) and (max-width: 768px) {
   .hjx-fixed-hero {
       background-attachment: initial;
   }
}
*/

/**** End Fixed Hero ****/

/* ..... // oopsies 404 page // ..... */

#oops-404 {
	height: 100vh;
	position: relative;
	background: white;
}

#oops-404 h1 {
	font-family:'Poppins',sans-serif;
	font-weight: 800;
	color: var(--secondary-dark);
	font-size: 15vw;
}

#oops-404 h4 {
	font-weight: 600;
}

#oops-404 p {
	font-size: 3.5vw;
	margin-bottom: 2em;
}

#oops-404 a {
	font-size: 3.5vw;
	font-weight: 600;
	margin-left: 1em;
	margin-bottom: .5em;
}

#oops-404 img {
	position: absolute;
	bottom: 0;
	right: 0;
	object-fit: contain;
	aspect-ratio: 200 / 149;
	width: 100%;
	max-width: 400px;
}

#oops-404__content {
	padding: 120px 2em 2em;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 15;
}

@media screen and (min-width:576px) {
	#oops-404__content {
		padding: 120px 4em 2em;
	}
	#oops-404 p {
    	font-size: 1rem;
	}
	#oops-404 a {
    	font-size: 1rem;
	}
}
@media screen and (min-width:768px) {
	#oops-404 p {
    	font-size: 1.2rem;
	}
	#oops-404 img {
		max-width: 600px;
	}
}

@media screen and (min-width:992px) {
	#oops-404__content {
		padding: 200px 8em 2em;
	}
	#oops-404 h1 {
		line-height: 1;
		font-size: 10vw;
	}
	#oops-404 h4 {
		font-size: calc(1.875rem + .3vw);
	}

	#oops-404 p {
		font-size: 1.4rem;
		max-width: 700px;
	}
	#oops-404 a {
    	font-size: 1.2rem;
	}
}

/* ........ ////// SELLERS SECTION /////// ........ */

#hjx-sellers .big-text {
	font-size: calc(1.6rem + .6vw);
	font-weight: 800;
	line-height: 1.5;
}

#hjx-sellers .real-big-text {
	font-size: calc(2rem + .6vw);
	font-weight: 800;
	line-height: 1.6;
}

#hjx-sellers .really-big-text {
	font-size: calc(2.6rem + .6vw);
	font-weight: 800;
	line-height: 1.6;
}

#hjx-sellers .really-big-text span.change-bg, #hjx-sellers .real-big-text span.change-bg {
	color: white;
	background: var(--primary-comp);
	padding: .2em .2em .1em;
}


/* ........//// About Page ////.......... */

#about-page {
	background-color: white;
}

#about-hero.hjx-fixed-hero {
	background-position: 30% top;
	height: 90vh;
}

#about-intro {
	background-color: var(--accent-light);
	padding-top: 90px;
}
#about-intro .bio-pic {
	max-width: 500px;
	padding: 1em;
	background: white;
	margin: 1em 1.5em 1em auto;
	transform: rotate(3deg);
}
#about-intro .bio-pic img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}

#about-page .time-travel {
	background: var(--accent-dark);
	color: var(--accent-medium);
	padding: 2rem 2rem 3rem 1.5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: calc(1.0rem + .2vw);
	border-top-right-radius: 32px;
}

#different-times {
	background-image: url(https://hunterjumper.exchange/images/site/misc/old-show-helmet.jpg);
	background-position: 6% 96%;
	background-repeat: no-repeat;
	background-size: 35%;
	margin-top: -50px;
	padding: 0 1rem 6rem;
	color: var(--purple);
}

#dvd-studio.hjx-fixed-hero {
	background-image: url(https://hunterjumper.exchange/images/site/misc/ehj-vid-cat.jpg);
	background-position: 40% 80%;
}

@media screen and (min-width:576px) {
	#dvd-studio.hjx-fixed-hero {
		background-position: 10% 80%;
	}
}

.dvd-content {
	position: relative;
	z-index: 25;
}

/******* end About Page ******************/


/* .......... // Sale Horse Directory -- Horse Show Archive // ............ */
#sh-directory__wrap, #hs-archive__wrap {
	width: 100%;
	background: white;
	display: flex;
	flex-direction: column;
	padding: 80px 1rem;
}

#sh-directory, #hs-archive {
	font-size: .8rem;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#sh-directory header, #hs-archive header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-bottom: var(--accent-light) 1px solid;
	padding-bottom: 1rem;
}
#sh-directory header .header-content, #hs-archive header .header-content {
	max-width: 800px;
	margin: 0 auto;
}

#sh-directory h1, #hs-archive h1 {
	font-weight: 800;
	font-size: 1rem;
	color: var(--accent-bright);
}

#sh-directory p, #hs-archive p {
	font-size: .7rem;
	color: var(--accent-dark);
}

#sh-directory .content-wrap, #hs-archive .content-wrap {
	columns: 220px 3;
	padding: 2rem 1rem;
	width: 100%;
	max-width: 1000px;
  	margin: 0 auto;
}
#sh-directory .horse-wrap, #hs-archive .show-wrap {
	padding: 1rem;
	font-size: .7rem;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

#sh-directory .horse-wrap a, #hs-archive .show-wrap a {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 4px;
}

@media screen and (min-width:480px) {
	#sh-directory__wrap, #hs-archive__wrap {
		padding: 80px 3rem;
	}
	#sh-directory header, #hs-archive header {
		padding: 1rem 0 2rem;
	}
}

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

	#sh-directory h1, #hs-archive h1 {
		font-size: 1.2rem;
	}
	
	#sh-directory p, #hs-archive p {
		font-size: .9rem;
	}
}

@media screen and (min-width:992px) {
	#sh-directory__wrap, #hs-archive__wrap {
		padding-top: 120px;
	}
	#sh-directory header, #hs-archive header {
		padding: 3rem 6rem;
	}
}

@media screen and (min-width:1200px) {
	#sh-directory header, #hs-archive header {
		padding: 4rem 6rem;
	}
	#sh-directory .content-wrap, #hs-archive .content-wrap {
		padding-top: 4rem;
	}
}
/* ........ // Horse Listing Page //......... */

/* .... // Horse Hero // .....*/
#horse-hero {
	height: 80vh;
	background-position: center top;
	position: relative;
}

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

#horse-hero picture.sh-hero-mobile {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
}
#horse-hero picture.sh-hero-mobile img {
	object-fit: cover; 
    height: auto;
    width:100%;
}

#horse-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;
}

#horse-hero__sb-banner {
	width: 100%;
	font-size: .6rem;
	background: var(--purple-dark);
	color: var(--accent-light);
	display: flex;
	justify-content: end;
	z-index: 15;
	position: absolute;
	bottom: 0;
	left: 0;
	font-weight: 500;
}

#horse-hero__sb-banner .overlay {
	position: relative;
	width: 100%;
	background: var(--black-trans-40);
	padding: 1rem;
	display: flex;
}

#horse-hero__sb-banner a {
	color: white;
	text-transform: uppercase;
	margin-left: auto;
}

#horse-hero__sb-banner a:visited {
	color:  white;
}

/***
#horse-hero__content {
	position: absolute;
	bottom: 3rem;
	display: flex;
	flex-direction: column;
	padding: 2em;
	z-index: 15;
}

#horse-hero__content .spec-wrap {
	margin-bottom: 2em;
    padding-top: .7em;
	position: relative;
	line-height: 1.0;
	font-size: 1.4rem;
}

#horse-hero__content .spec-wrap::before {
	content: "";
	position: absolute;
	display: block;
	background: var(--accent-light);
	width: 24px;
	height: 3px;
	top: 0;
	left: 0;
}

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

#horse-hero__content .spec-wrap > .data {
	color: var(--accent-ultra-light);
    font-size: 1.4rem;
    font-weight: 700;
}

#horse-hero__content .spec-wrap > .label {
	text-transform: uppercase;
	font-weight: 600;
	font-size: .65em;
	text-shadow: 1px 2px 2px rgba(64, 64, 63, 0.24);
	font-family: pt-sans-pro-narrow, sans-serif;
	color: var(--accent-light);
}

/* ..... // Horse Hero Media Queries // ..... 
@media screen and (min-width:480px) {
	#horse-hero__content .spec-wrap > .data {
		font-size: 1.8rem;
	}
	#horse-hero__content .spec-wrap > .label {
		font-size: .9rem;
	}
}

@media screen and (min-width:768px) {
	#horse-hero__content .spec-wrap {
		margin-left: 2em;
	}
	#horse-hero__sb-banner {
		font-size: calc(.7rem + .2vw);
	}
	#horse-hero__sb-banner .overlay {
		padding: 1rem 3rem;
	}
}
@media screen and (min-width:1200px) {
	#horse-hero {
		height: 95vh;
	}
}
**/


/***** BELOW: Sept 2025: moved to styles-hjx-horses and renamed. delete when all horses on old layout are gone or updated ****/
#sh-listing-container .incentive  {
	color: var(--cp-primary-bold);
	background: var(--cp-primary-ultra-light);
	font-size: .75rem;
	display: inline-flex;
	padding: .75em .85em;
	margin: 4px 2px;
	font-family: pt-sans-pro-narrow, sans-serif;
	text-transform: uppercase;
	align-items: center;
	border: var(--cp-primary-light) 1px solid;
}

#sh-listing-container .considerations-title {
	font-weight: 600;
	text-transform: uppercase;
	font-size: calc(.6rem + .3vw);
	align-items: center;
	justify-content: center;
	display: flex;
	font-family: pt-sans-pro-narrow, sans-serif;
	color: var(--cp-grey-500);
}

#sh-listing-container .considerations  {
	color: var(--cp-primary-medium);
	font-size: calc(.6rem + .3vw);
	display: inline-flex;
	padding: .25em .6em;
	margin: 2px;
	font-family: pt-sans-pro-narrow, sans-serif;
	text-transform: uppercase;
	align-items: center;
}

#sh-listing-container .motivated {
  background: var(--cp-primary-bold);
  text-align: center;
  justify-content: center;
  padding: .6em 2em;
  align-items: center;
  font-size: calc(.6rem + .2vw);
  font-family: pt-sans-pro-narrow, sans-serif;
  display: inline-flex;
  margin: 18px 2px 2rem;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  letter-spacing: .05em;
  border-radius: 3px;
}

/***** ABOVE: Sept 2025: moved to styles-hjx-horses and renamed. delete when all horses on old layout are gone or updated ****/

/******************* moved to new style sheet 09112025 *******
#sh-listing-container {
	width: 100%;
	background: white;
	display: flex;
	flex-direction: column;
	z-index: 20;
  	position: relative;
}

#sh-listing-container section, #sh-listing-container #sh-contact-form  {
	scroll-margin-top: 200px;
}

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

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

#sh-listing-container nav ul li a:hover {
	color: var(--accent-bright);
}

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

#sh-title {
	padding: 1.5rem 1rem 1rem;
	display: flex;
	flex-direction: column;
	position: -webkit-sticky;
	position: sticky;
	top: 80px;
	z-index: 99;
	background-color: var(--purple-dark);
	transition: opacity .5s, background-color .5s;
	text-align: center;
	color: var(--accent-light);
}
#sh-title.active {
	opacity: .95;
	background-color: var(--accent-ultra-light);
	border-bottom: var(--primary-light-trans-60) 2px solid;
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,.15);
	color: var(--primary-comp);
}

#sh-title .headings {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#sh-title .headings.active {
	flex-direction: row;
	justify-content: center;
}
#sh-title h1 {
	letter-spacing: -.04em;
	font-size: calc(1.175rem + 2vw);
	transition: 0.4s ease;
	margin-bottom: .2em;
}

#sh-title h1 a {
	color: var(--accent-light);
}

#sh-title h1.active a {
	color: var(--primary-comp);
}
#sh-title h1.active {
	font-size: calc(.65rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-right: 6px;
}

#sh-title h2 {
	font-size: calc(.8rem + .2vw);
	transition: 0.4s ease;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
#sh-title h2.active {
	font-size: calc(.65rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	margin-bottom: 0;
}

#sh-title nav {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#sh-quick-stats {
	width: 100%;
	max-width: 1000px;
	display: flex;
	flex-direction: column;
	padding-top: 2rem;
	background: white;
}

#sh-quick-stats .qs-section-title {
	color: var(--accent-bright);
	margin: 1rem auto 2rem;
	text-transform: uppercase;
	font-size: calc(.65rem + .2vw);
	letter-spacing: .1em;
	font-weight: 600;
	text-align: center;
}

#sh-quick-stats .quick-stats__wrap {
	margin: 0 auto 2rem;
	display: flex;
  	flex-direction: column;
	padding: 0 1rem;
}
.sh-details__col {
	max-width: 420px;
	margin: 0 auto 2rem;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0 1rem;
}

.sh-details__qs {
	padding: .6em;
	font-size: calc(.7rem + .2vw);
	display: flex;
	flex-direction: row;
	column-gap: 2rem;
	font-weight: 600;
	line-height: 1;
	color: var(--primary-comp);
	margin: .4em 0;
	border-bottom: var(--accent-light) 1px solid;
	align-items: baseline;
}

.sh-details__qs a {
	font-weight: 600;
	color: var(--accent-bright);
}
.sh-details__qs span {
	font-weight: 500;
	text-transform: uppercase;
	font-size: .85em;
	flex-grow: 1;
	color: var(--secondary);
}

.sh-details__qs ul {
	list-style-type: none;
	margin-top: 1.2em;
	margin-bottom: .5em;
}

.sh-details__qs ul li {
	margin-bottom: 1em;
	font-size: .8rem;
}

.sh-details__qs ul li:last-of-type {
	margin-bottom: 0;
}

.sh-details__qs ul li a {
	color: var(--accent-medium);
}

#sh-quick-stats a.jump {
	border: var(--accent-bright) 1px solid;
	padding: 12px 22px;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	font-size: calc(.75rem + .2vw);
	letter-spacing: .2em;
	transition: 0.4s ease;
}

#sh-quick-stats a:hover.jump {
	background-color: var(--primary-comp);
	color: var(--accent-light);
}
---*/
/******** remove when listings using old template are gone 
.sh-share__container {
	text-align: center;
	display: inline-flex;
	flex-direction: column;
	font-weight: 600;
	margin: 0 auto;
	padding: 3rem 0 2rem;
	width: 100%;
	background: white;
}
.sh-share__txt {
	margin-bottom: 4px;
}
****/
/*** h3 is section headers with icons: experience, photos, pedigree, etc ***/

/* ----- NEW MARCH 2024 ----- */
/* ----- Replace Tab Switcher with Accordian ----- */
/* ----- Sale Horse Details | Description | Appearances | Location ----- */



/**
#sh-accordian-wrap .accordion-button {
	text-transform: uppercase;
	letter-spacing: .2em;
	background: var(--purple);
	background: var(--accent-bright-grad);
	color: var(--accent-light);
	font-weight: 600;
	font-size: calc(.75rem + .2vw);
	padding: 2em 1.7em 1.7em;
	border: var(--accent-trans-40) 1px solid;
}

#sh-accordian-wrap .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23F7E5E2'%3e%3cpath fill-rule='evenodd' d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM200 344V280H136c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H248v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z'/%3e%3c/svg%3e");
}

 #sh-accordian-wrap .accordion-button.collapsed::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23F7E5E2'%3e%3cpath fill-rule='evenodd' d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm88 200H296c13.3 0 24 10.7 24 24s-10.7 24-24 24H152c-13.3 0-24-10.7-24-24s10.7-24 24-24z'/%3e%3c/svg%3e");
}

#sh-accordian-wrap .accordion-button:focus {
	z-index: 3;
	border-color:var(--accent-trans-40);
	outline: 0;
	box-shadow: none;
}

#sh-accordian-wrap .accordion-button:not(.collapsed) {
	background: var(--primary-comp);
	color: white;
	box-shadow: none;
}


#sh-accordion {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 1rem 0 3rem;
	margin: 0 auto;
	width: 100%;
	background: white;
}

#sh-accordian-wrap {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
	padding: 1rem;
}

#sh-accordion .accordion-item {
	border: none;
	margin-bottom: 6px;
}

#sh-accordion .accordion-item .accordion-body {
	border-radius: 0 0 8px 8px;
	margin: 0 1px 8px;
	padding: 1rem;
	display: flex;
  	flex-direction: column;
	border: var(--accent-trans-40) 1px solid;
	border-top: none;
}


#sh-accordion .accordion-item .accordion-body.quick-stats__wrap {
	padding: 0 0 1rem
}


#sh-accordion .accordion-item .accordion-body .item-title {
	padding: 8px 12px 7px;
	font-size: calc(.55rem + .2vw);
	font-weight: 600;
	background: var(--accent-light);
	text-align: start;
	display: inline-flex;
	margin: .5em auto 4px 0;
	text-transform: uppercase;
	letter-spacing: .2em;
  	color: var(--primary-comp);
	line-height: 1;
}

#sh-accordion .accordion-item .accordion-body a.jump {
	border: var(--accent-bright) 1px solid;
	padding: 6px 12px;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	font-size: calc(.5rem + .2vw);
	letter-spacing: .2em;
	transition: 0.4s ease;
}

#sh-accordion .accordion-item .accordion-body a:hover.jump {
	background-color: var(--primary-comp);
	color: var(--accent-light);
}

#sh-accordian-wrap .accordion-button {
	text-transform: uppercase;
	letter-spacing: .2em;
	background: var(--cp-grey-700);
	color: var(--cp-primary-ultra-light);
	font-weight: 600;
	font-size: calc(.75rem + .2vw);
	padding: 2em 1.7em 1.7em;
	border: var(--cp-grey-100) 1px solid;
}

#sh-accordian-wrap .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23F7E5E2'%3e%3cpath fill-rule='evenodd' d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM200 344V280H136c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H248v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z'/%3e%3c/svg%3e");
}

 #sh-accordian-wrap .accordion-button.collapsed::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23F7E5E2'%3e%3cpath fill-rule='evenodd' d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm88 200H296c13.3 0 24 10.7 24 24s-10.7 24-24 24H152c-13.3 0-24-10.7-24-24s10.7-24 24-24z'/%3e%3c/svg%3e");
}

#sh-accordian-wrap .accordion-button:focus {
	z-index: 3;
	border-color:var(--accent-trans-40);
	outline: 0;
	box-shadow: none;
}

#sh-accordian-wrap .accordion-button:not(.collapsed) {
	background: var(--cp-primary-dark);
	color: white;
	box-shadow: none;
}


#sh-accordion .sh-qs-title {
	margin: 0 auto 2rem;	
	background: var(--accent-light);
	padding: 1.8rem .5rem;
	width: 100%;
}

#sh-accordion .sh-qs-title h4 {
	font-size: calc(1.4rem + .3vw);
	text-transform: uppercase;
	letter-spacing: .03em;
	color: var(--primary-comp);
	margin-bottom: 5px;
	font-family: "bree", sans-serif;
  font-variation-settings: "wght" 600;
}

#sh-accordion .sh-qs-title h5 {
	font-size: calc(.8rem + .3vw);
	text-transform: uppercase;
	letter-spacing: .03em;
	color: var(--primary-comp);
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 600;
	margin-bottom: 0;
}

#sh-accordion .sh-description {
    line-height: 1.7;
    font-weight: 600;
    font-style: normal;
    text-align: left;
	margin: 0 auto;
	padding: .2em 0 .5em;
	font-size: calc(.7rem + .3vw);
	display: flex;
	flex-direction: column;
}

#sh-accordion .sh-description .sires {
	font-size: calc(.75rem + .3vw);
	text-transform: uppercase;
	letter-spacing: .03em;
	color: var(--primary-comp);
	font-family: "bree", sans-serif;
	font-variation-settings: "wght" 600;
	margin: .25rem auto;
}

#sh-accordion .sh-description .sires span.x {
	font-size: .8em;
	color: var(--accent-bright);
}

#sh-accordion .sh-description p {
	color: var(--secondary-hover);
	line-height: 1.5;
}

#sh-accordion ul.sh-highlights {
	display: flex;
	flex-direction: column;
	justify-content: center;
	list-style-type: none;
	padding: .5rem .5rem 0;
}

#sh-accordion ul.sh-highlights li {
	font-size: calc(.7rem + .2vw);
	font-weight: 700;
	color: var(--secondary-hover);
	margin-bottom: 12px;
	font-family: pt-sans-pro-narrow, sans-serif;
}

#sh-accordion ul.sh-highlights li:last-of-type {
	margin-bottom: 0;
}

#sh-accordion #sh-location .location-wrap {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	justify-content: space-around;
	padding: 1rem 0;
}

#sh-accordion #sh-location .location-wrap ul {
	list-style-type: none;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 1.6rem 2.5rem 1rem;
	margin: .5rem;
	background: var(--accent-ultra-light);
}

#sh-accordion #sh-location .location-wrap ul h6 {
	font-weight: 600;
	text-transform: uppercase;
	font-size: calc(.65rem + .2vw);
	color: var(--primary-comp);
}

#sh-accordion #sh-location .location-wrap ul li {
	margin-bottom: .6em;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-size: calc(.9rem + .4vw);
}

#sh-accordion #sh-appearances ul {
	list-style-type: none;
	font-size: calc(.9rem + .4vw);
	padding: 0;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 500;
	width: 100%;
	margin: 0 auto;
}

#sh-accordion #sh-appearances ul li {
	margin-bottom: 1em;
	padding: .75em 1.5em;
	margin-right: 6px;
	display: inline-flex;
	flex-direction: column;
	border: var(--accent-light) 1px solid;
}

#sh-accordion #sh-appearances a {
	color: var(--accent-bright);
}
#sh-accordion #sh-appearances a:hover {
	color: var(--primary-comp);
}

#sh-accordion #sh-appearances .date {
	font-size: calc(.6rem + .2vw);
	font-family: poppins, sans-serif;
	margin-top: .2em;
}

#sh-accordion #sh-share {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#sh-accordion #sh-share .sh-share-qr {
	max-width: 240px;
	margin: 0 auto;
}

#sh-accordion #sh-share .sh-share-qr img {
	width: 100%;
	object-fit: contain;
	aspect-ratio: 1 / 1;
}


#sh-appearances ul {
	list-style-type: none;
	font-size: calc(.9rem + .4vw);
	padding: 1em;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 500;
	width: 100%;
	margin: 1rem auto;
}

#sh-appearances ul li {
	margin-bottom: 1em;
}
#sh-appearances a {
	color: var(--accent);
}
#sh-appearances a:hover {
	color: var(--primary-comp);
}

#sh-appearances .date {
	font-size: .7rem;
	font-family: poppins, sans-serif;
	margin-top: .2em;
}
*/


/*** only used on 2023 Template horses - remove when all horses updated to new template ***/
#sh-listing-container #hjx-extras {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.5rem;
	margin-bottom: 5rem;
	background: var(--white-trans-60);

	h3 {
		position: relative;
		text-transform: lowercase;
		padding: .5em 0 0;
		text-align: center;
		font-size: calc(2rem + .3vw);
		color: var(--primary-comp);
		z-index: 10;
		font-weight: 400;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;

		div {
			background: var(--accent-light);
			padding: 8px;
			margin-right: 8px;
			display: flex;
			flex-direction: column;
			border-radius: 3px;

			svg.larger {
				font-size: calc(1.8rem + .3vw);
			}
		}
	}

	.sh-exclusives__wrap {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 0 auto;

		.sh-program__wrap {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;

			.sh-program__card {
				color: var(--cp-primary-bright);
				padding: 2rem;
				border: var(--cp-primary-bright) 1px solid;
				border-radius: 4px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				text-align: center;
				flex: 1;
				max-width: 320px;
				margin: .5rem;
				background: var(--white-trans-40);
				height: unset;

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

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

.sh-going-pref__wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	.going-pref__box {
		color: var(--accent-bright);
		padding: 1em 2em;
		border: var(--accent-bright) 1px solid;
		border-radius: 4px;
		display: flex;
		flex-direction: column;
		justify-content: start;
		margin: .5rem;
		background: var(--white-trans-40);

		h6 {
			text-transform: uppercase;
			margin: 8px 12px 0 0;
			font-weight: 400;
		}

		ul {
			margin: 0;
			padding:0;
			display: flex;
			flex-wrap: wrap;
			list-style-type: none;
			font-size: calc(.65rem + .2vw);
			font-weight: 600;
			color: var(--primary-comp);

			li {
				padding: 6px 12px 6px 0;
			}
		}
	}
}

.hjx-index__wrap {
	display: flex;
	flex-direction: column;
	padding: 3rem 1rem;
	width: 100%;
	max-width: 860px;
	margin: 0 auto;

	.hjindex-metric {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 3rem 1rem;
		justify-content: center;
		margin: 1rem auto;
		position: relative;
		background: var(--cp-primary-ultra-light);
		border: var(--accent-light) 1px solid;

		ul {
			padding-left: 0;
			list-style-type: none;
			display: flex;
			flex-direction: row;
			width: 100%;
			justify-content: space-between;
			margin-bottom: 0;

			li {
				background-color: white;
				color: white;
				border-radius: 100%;
				height: 32px;
				width: 32px;
				display: flex;
				justify-content: center;
				align-content: center;
				border: var(--accent-light) 1px solid;
			}

			li.selected {
				background-color: var(--primary-comp);
				color: var(--primary-comp);
			}
		}

		.hjindex-metric__row {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			font-size: calc(.5rem + .3vw);
			text-transform: uppercase;
			font-weight: 600;
			padding-top: 1rem;
			font-family: pt-sans-pro-narrow, sans-serif;
			color: var(--primary-comp);
			letter-spacing: .05em;

			div {
				width: 33%;
				background: white;
				padding: 4px 8px;
				display: inline-flex;
				margin: 0 12px 0 0;
			}

			div.center {
				text-align: center;
				justify-content: center;
				margin: 0;
			}

			div.right {
				text-align: right;
				justify-content: end;
				margin: 0 0 0 12px;
			}
		}
	}

	.hjindex-metric::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 33%;
		height: 4px;
		background: var(--purple);
	}

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

.hjindex-metric h5, .hjex-pick6 h5 {
	font-weight: 500;
	font-size: calc(1rem + .2vw);
	position: relative;
	padding: 0 3em;
	text-align: center;
	display: inline-flex;
	margin: 0 auto .3em;
	text-transform: uppercase;
	color: var(--accent-bright);
	letter-spacing: .1em;
}

.hjindex-metric h6 {
	font-size: calc(.55rem + .4vw);
	text-align: center;
	color: var(--base-dark);
	line-height: 1.6;
	max-width: 550px;
	margin: 0 auto 1.5em;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 600;
	font-style: italic;
}

.hjex-pick6 {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 1rem 2rem;
	text-align: center;

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

		li {
			margin-right: .5rem;
			padding: .75em 1.5em;
			font-size: calc(.7rem + .2vw);
			background: var(--cp-primary-ultra-light);
			border-radius: 2px;
			border: var(--cp-primary-light) 1px solid;
			margin-bottom: .5rem;
			color: var(--primary-comp);
			font-weight: 500;
		}

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

@media screen and (min-width: 576px) {
    #sh-listing-container #hjx-extras .sh-exclusives__wrap .sh-program__wrap .sh-program__card h6, .sh-program__rows-card h6 {
        font-size: 0.8rem;
    }
}

@media screen and (min-width: 768px) {
    #sh-listing-container #hjx-extras .sh-exclusives__wrap .sh-program__wrap .sh-program__card h6 {
        font-size: 1rem;
    }
}

@media screen and (min-width: 1200px) {
	#sh-listing-container #hjx-extras .sh-exclusives__wrap .sh-program__wrap .sh-program__card span {
		font-size: 1.3rem;
	}
}


/*** keep above for 2023 Template horses - remove when all are updated to new template ***/


/*** only used on 2023 Template horses - remove when all horses updated to new template 
#sh-program {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 60px;
}
***/
/*** only used on 2023 Template horses - remove when all horses updated to new template ***/

/**


.sh-program__card h6 {
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: .1em;
	margin: 1.2em 0 .4em;
	line-height: 1;
	color: var(--accent-bright);
	font-size: .8rem;
}
.sh-program__card .icon {
	font-size: 3rem;
	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;
}
**/



.hjex-fav-treat {
	display: flex;
	flex-direction: row;
	text-transform: uppercase;
	font-size: calc(.65rem + .3vw);
	color: var(--accent-bright);
	padding: 0 1rem 2REM;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	margin-top: 6px;
}

.hjex-fav-treat .icon {
	font-size: 1.4em;
	margin-right: 8px;
	margin-top: -8px;
}
.hjex-fav-treat span {
	padding-left: 8px;
	font-weight: 300;
}

/* ..... // Horse Experience Section // ..... */

#sh-listing-container #experience {
	padding: 0 1.5rem 4rem;
}
/* ----SEPT 2025: #sh-show-experience: removed and renamed. Delete once all horses are moved to new template ---- */
#sh-show-experience {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  	grid-gap: 2rem;
	margin-top: 1.5rem;
}

#sh-show-experience div {
	border: var(--accent-bright) 1px solid;
	padding: 2em 2em 0;
	border-radius: 4px;
}

#sh-show-experience h6 {
	margin-bottom: .7em;
	font-size: .8rem;
	text-transform: uppercase;
	color: var(--accent-bright);
}

#sh-show-experience ul {
	list-style-type: none;
	list-style-position: inside;
	font-size: .7rem;
	padding-left: 0;
	margin-bottom: 2em;
	/*color: var(--accent);*/
}

#sh-show-experience ul li {
	margin-bottom: .5em;
	margin-left: 1em;
	color: var(--accent-dark);
}
/* ----SEPT 2025: #sh-experience-special: removed and renamed. Delete once all horses are moved to new template ---- */
#sh-experience-special {
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0 auto;
	width: 90%;
	max-width: 1200px;
}

#sh-experience-special h6 {
	margin-bottom: 1rem;
	font-size: calc(.8rem + .2vw);
	color: var(--accent-bright);
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 700;
}

#sh-experience-special h5 {
	text-align: center;
	color: var(--primary-comp);
	font-size: calc(1rem + .3vw);
	text-transform: lowercase;
	position: relative;
	padding: 12px 3em;
	display: inline-flex;
	margin: 0 auto .5em;
	background: var(--accent-light);
}

.sh-special-exp__container {
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	width: 100%;
}

.sh-special-exp__group {
	padding: 0 0 1rem;
	display: flex;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.sh-special-exp__group ul {
	list-style-type: none;
	list-style-position: inside;
	color: var(--primary-comp);
    border-radius: 8px;
	padding: 2rem;
	text-align: start;
	margin: 0 .5rem 2rem;
	background: var(--accent-ultra-light);
	width: 100%;
	max-width: 360px;
}

.sh-special-exp__group ul li {
	margin-bottom: .5em;
	font-size: calc(.7rem + .2vw);
	font-weight: 500;
}

.sh-special-exp__group ul li:last-of-type {
	margin-bottom: 0;
}

.pull-usef {
	font-size: .8rem;
}

/* ... // load youtube thumbnail instead of script // ... */
/*
.video {
    position: relative;
    width: 50vw;
}

.video__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/




/* ..... // Begin Seller Contact Info // ..... */

#get-in-touch {
	display: flex;
	flex-direction: column;
	background: var(--purple-dark);
	background: var(--purple-dark-grad);
	margin-top: 4rem;
	padding-bottom: 3rem;
	position: relative;
	border-top: var(--accent-light) 40px solid;
  border-bottom: var(--accent-bright) 1px solid;
}

#get-in-touch .darken {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--secondary-ultra-dark-trans-40);
}

#get-in-touch .footer {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 8rem 2rem 0;
	position: relative;
}

#get-in-touch .footer .footer-wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 1000px;
  margin: 0 auto;
}

#get-in-touch .footer .footer-col {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	background: var(--accent-light);
	padding: 2.5rem 1.5rem;
	margin: 8px;
	border-radius: 2px;
	color: var(--accent);
	font-size: calc(1.2rem + .2vw);
	font-weight: 800;
	border: var(--accent-light) 1px solid;
}

#get-in-touch .footer .footer-col a.footer-btn {
	display: inline-flex;
	margin: auto auto 0 0;
	color: white;
	font-size: .6em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.4;
	font-family: pt-sans-pro-narrow, sans-serif;
	background: var(--accent);
	padding: .6em 1em;
	border-radius: 3px;
	letter-spacing: .05em;
	transition: .5s ease;
}

#get-in-touch .footer .footer-col a:hover.footer-btn {
	filter: brightness(1.2);
}

#sh-listing-container #contact, #sh-contact-form {
	position: relative;
	display: flex;
	flex-direction: column;
	z-index: 10;
}

#sh-listing-container #contact {
  	z-index: 1;
	width: 100%;
	max-width: 680px;
	padding: 1em;
	margin: 0 auto;
}

#sh-contact-buffer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3rem 2rem 1rem;
	position: relative;
	z-index: 10;
}
#sh-contact-buffer h2 {
	color: var(--accent-light);
	font-weight: 800;
	position: relative;
	padding-top: .8em;
	text-align: center;
	font-size: calc(2.4rem + .2vw);
	display: flex;
	flex-direction: column;
}

#sh-contact-buffer .note {
	font-size: calc(.85rem + .2vw);
	text-align: center;
	color: var(--accent-light);
	line-height: 1.8;
}

#sh-listing-container #contact .details-wrap {
  display: flex;
  flex-direction: column;
  padding: 0 2rem;
}

#sh-listing-container #contact .seller-details {
	display: flex;
	flex-direction: column;
	padding: .75rem;
	margin: 0 auto 3rem;
	background: white;
	width: 100%;
	color: var(--primary-comp);
	border: var(--accent-light-trans-80) 1px solid;
}

#sh-listing-container #contact .seller-details a.form-jump {
	width: 100%;
	background: var(--purple);
	padding: 12px 24px;
	color: var(--accent-light);
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: .2em;
	margin-top: 4rem;
	border: #281520 2px solid;
	font-size: calc(.85rem + .2vw);
}
#sh-listing-container #contact .seller-details a:hover.form-jump{
	background: var(--secondary);
}
#sh-listing-container #contact .primary, #sh-listing-container #contact .additional {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100%;
}

#sh-listing-container #contact .primary {
	font-size: calc(.9rem + .2vw);
	padding: 0 1rem;
}

#sh-listing-container #contact .additional {
	font-size: calc(.75rem + .2vw);
	padding: 3rem 1rem 0;
}

#sh-listing-container #contact .seller-title__wrap {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding-bottom: 24px;
}

#sh-listing-container #contact h6 {
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	color: var(--accent-bright);
	font-size: calc(.55rem + .2vw);
	letter-spacing: .2em;
	margin-right: auto;
	padding: 1.5rem 22px 6px;
	width: 100%;
	text-align: center;
	font-weight: 800;
}

#sh-listing-container #contact .primary .seller-name, #sh-listing-container #contact .additional .seller-name {
	font-size: 1.6em;
	font-weight: 600;
	margin-bottom: 4px;
}

#sh-listing-container #contact .primary .seller-biz, #sh-listing-container #contact .additional .seller-biz {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 500;
	margin-bottom: 4px;
}

#sh-listing-container #contact .primary .seller-phone {
	font-size: .7em;
	letter-spacing: .1em;
	font-weight: 500;
}

#sh-listing-container #contact .additional .seller-phone {
	font-size: .8em;
	letter-spacing: .1em;
	font-weight: 500;
}

#sh-listing-container #contact .contact-link__wrap {
	display: flex;
	flex-wrap: wrap;
}

#sh-listing-container #contact a.contact-link {
	color: var(--accent-bright);
	font-size: calc(.65rem + .2vw);
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	padding: 0 14px;
	background: var(--accent-light);
	margin: 4px 8px 4px 0;
	height: 40px;
}

#sh-listing-container #contact .contact-link svg {
	margin-right: 8px;	
}

/*-- sh-contact-form = section id for in-page link --*/


#sh-contact-form .form-wrap svg {
	color: var(--accent-hover);
}


/* ...................... // Sale Horse Page Media Queries // ......................... */

@media screen and (min-width:576px) {
/***
	#sh-title .headings.active {
		margin-bottom: .2rem;
	}
	#sh-title h1.active {
		text-transform: uppercase;
		margin-bottom: 0;
		font-size: calc(.85rem + .2vw);
		letter-spacing: unset;
	}
	#sh-title h2.active {
		font-size: calc(.85rem + .2vw);
	}

	#sh-listing-container nav ul li a.active {
		font-size: 1.8rem;
		margin: 0 .2em;
	}
***/
	#sh-quick-stats .quick-stats__wrap {
		border: var(--accent-bright) 1px solid;
		padding: 2rem;
		width: 80%;
		border-radius: 4px;
	}

	#sh-accordion {
		padding: 3rem 2rem 6rem;
	}

	#sh-accordion .accordion-item .accordion-body {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.hjx-index__wrap {
		padding: 3rem 2rem;
	}
	.hjindex-metric ul li {
		height: 48px;
		width: 48px;
	}
	.hjindex-metric {
		padding: 3rem 2rem;
	}
	.hjindex-metric h6 {
		font-size: calc(.65rem + .4vw);
	}
	#sh-videos {
		padding: 3rem 3rem 0;
	}
	#sh-videos__container {
		padding: 2rem 2rem 1rem;
	}
	.sh-program__card h6, .sh-program__rows-card h6 {
	font-size: .8rem;
	}

	#sh-contact-buffer .note {
		font-size: calc(.85rem + .2vw);
		text-align: center;
	  }
	#get-in-touch .footer {
		padding: 8rem 4rem 0;
	}
}

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

	#sh-accordion {
		padding: 5rem 4rem 7rem;
	}
	#sh-accordion .accordion-item .accordion-body {
		padding-left: 4rem;
		padding-right: 4rem;
	}
	.hjindex-metric {
		padding: 3rem 5rem;
	}

	.sh-program__card h6 {
		font-size: 1rem;
	}
	#sh-listing-container #contact .primary {
		padding: 1rem 2rem 0;
	}
	#sh-listing-container #contact .additional {
		padding: 3rem 2rem 0;
	}
	#get-in-touch .footer {
		padding: 8rem 2rem 0;
	}
	#get-in-touch .footer .footer-wrap {
		flex-direction: row;
	}
}

@media screen and (min-width:992px) {
/***
	#sh-title {
		top: 130px;
	}
	#sh__title h1 {
		font-size: 4vw;
	}
***/	
#sh-quick-stats .quick-stats__wrap {
		padding: 0 1rem 2rem 1rem;
		border: none;
	}
	.sh-details__col {
		max-width: unset;
		padding: 0;
		display: flex;
		flex-direction: row;
	}
	.sh-details__col > div {
		padding: 1.5rem;
		margin: 0 12px;
		background: var(--cp-grey-50);
		flex-grow: 1;
	}
	#sh-accordion {
		padding: 3rem 8rem 6rem;
	}
	#sh-accordion #sh-location .location-wrap {
		padding: 3rem 2rem 2rem;
	}

	.sh-description {
		padding: .5em 1em .5em;
	}

	#get-in-touch .footer {
		padding: 8rem 6rem 0;
	}
}

@media screen and (min-width:1200px) {
	
	/***
	#sh-title {
		flex-direction: row;
		text-align: left;
		justify-content: space-between;
		padding: 2rem 4rem 1.5rem;
	}
	#sh-title.active {
		padding: .6rem 4rem .6rem;
	}
	#sh-title .headings {
		align-items: flex-start;
	}
	#sh-title .headings.active {
		align-items: center;
	}
	#sh-title h1 {
		margin-bottom: 0;
	}
	#sh-title nav {
		margin-top: 0;
	}
	#sh-listing-container nav ul {
		margin: auto 0;
	}
	#sh-listing-container nav ul li a.active {
		margin: 0 .6rem 0;
	}
	****/
	.sh-details__col > div {
    padding: 1.5rem 4rem;
  }
  	#sh-accordian-wrap .accordion-button {
		padding: 2em 6em 1.7em;
		font-size: calc(.85rem + .2vw);
		font-weight: 400;
	}
	.sh-details__qs span {
		white-space: nowrap;
		flex-grow: 1;
	}
	#get-in-touch .footer .footer-col {
		font-size: calc(1.1rem + .2vw);
		padding: 1.5rem 1rem;
	}
}

/* ..... // Begin Sale Barn Listing Page // ..... */



a.sb-contact-btn {
	background: var(--primary-comp);
	color: white;
	font-size: calc(.75rem + .3vw);
	height: 2.5em;
	padding: 1.75em 2em;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: var(--accent-dark) 1px solid;
	transition: 0.4s ease;
	box-shadow: 3px 4px 16px 0px rgba(8,10,10,0.3);
	text-shadow: 1px 1px 2px rgba(81,59,45,0.6);
	text-transform: uppercase;
	letter-spacing: .05em;
	font-weight: 500;
	transition: .4s ease;
}
a:hover.sb-contact-btn {
	background: var(--accent-ultra-dark);
}
a.sb-contact-btn svg {
	margin-left: .6em;
	margin-top: -3px;
	font-size: calc(.75rem + .5vw);
}



#sb-hero__content .hjx-button {
	width: 14em;
	box-shadow: 8px 8px 26px 18px rgba(21, 21, 27, .6);
}



.sb-hero-subtitle{
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 500;
	color: var(--primary-light);
	letter-spacing: .05em;
	margin-bottom: 1em;
}



#sb-banner {
	position: relative;
	width: 100%;
	padding: 3rem 2rem;
	font-size: calc(.75rem + .2vw);
	background: rgb(35,15,20);
	background: linear-gradient(130deg, rgba(35,15,20,1) 0%, rgba(70,30,39,1) 34%, rgba(105,46,59,1) 71%, rgba(52,23,29,1) 100%); 
	color: var(--accent-light);
	display: flex;
	flex-direction: column;
	border-top: var(--accent-light) 40px solid;
	border-bottom: var(--accent-light) 40px solid;
}

#sb-banner .bgrd-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--black-trans-40);
}

#sb-banner .content-wrap {
	display: flex;
	flex-direction: column;
	position: relative;
  	z-index: 20;
}

#sb-banner .sb-tag {
	font-weight: 400;
	font-size: .85em;
	margin-bottom: 1.5em;
	margin-right: auto;
	padding-bottom: 1em;
	padding-right: 2em;
	position: relative;
	display: inline-flex;
	flex-flow: row wrap;
	align-items: baseline;
}
#sb-banner .sb-tag::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--accent-light-trans-60);
}

#sb-banner ul.sb-details {
	list-style-type: none;
	padding: 0;
	margin: 0 0 2em 1.6em;
	font-size: .7em;
	font-weight: 600;
}

#sb-banner ul.sb-details li {
	margin-bottom: 1em;
}
#sb-banner ul.sb-details li a {
	color: white;
}

#sb-banner ul.link-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: .7em;
	font-weight: 800;
	display: flex;
	flex-flow: row wrap;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-weight: 800;
	line-height: 1;
}

#sb-banner ul.link-list li {
	margin-right: 1em;
}

#sb-banner ul.link-list li a {
	padding: 1em 2em .9em;
	background: var(--white-trans-20);
	color: var(--accent-light);
	transition: .5s ease;
}

#sb-banner ul.link-list li a:hover {
	background-color: var(--white-trans-80);
  	color: var(--accent-bright);
}

#sb-banner .sb-logo {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 15;
	padding-right: 2rem;
}

#sb-banner .sb-logo .img-wrap {
	width: 125px;
	height: 125px;
	margin-top: -46px;
	background: white;
	border-radius: 50%;
	box-shadow: 2px 2px 12px 2px rgba(0,0,0,.15);
}

#sb-banner .sb-logo .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 50%;
}

#sb-listing__container .headline {
	font-size: calc(.65rem + .2vw);
	color: var(--accent-bright);
	margin-bottom: 1rem;
	font-weight: 800;
}
#sb-listing__container .headline span.title {
	text-transform: uppercase;
	margin-right: 6px;
	font-size: 1.6em;
	font-weight: 500;
	color: var(--primary-comp);
	letter-spacing: .04em;
}

#sb-info {
	display: flex;
	flex-direction: column;
	background: var(--accent-light);
	position: relative;
	padding: 4rem 1.5rem 6rem;
}

#sb-info .sb-top-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

#sb-info h2 {
	text-transform: uppercase;
	color: var(--accent-bright);
	font-size: calc(.8rem + .2vw);
	font-weight: 800;
	font-family: 'poppins';
	letter-spacing: .02em;
	display: flex;
	align-items: center;
	margin-top: .5rem;
}

#sb-info h6 {
	font-family: poppins, sans-serif;
	text-transform: uppercase;
	color: var(--accent-bright);
	margin-top: .8rem;
	margin-bottom: .5rem;
	font-size: calc(.65rem + .2vw);
	font-weight: 600;
}


#sb-info .tabbable {
	display: flex;
	flex-direction: column;
	z-index: 10;
	width: 100%;
}

#sb-info .tabbable ul.nav-pills {
	font-size: calc(1rem + .2vw);
	display: flex;
	position: relative;
}

#sb-info .tabbable ul.nav-pills li {
	margin-right: .4em;
}

#sb-info .tabbable ul.nav-pills li:last-of-type {
	margin-right: 0;
}

#sb-info .tabbable ul.nav-pills .nav-link {
	background: var(--base-dark);
    text-transform: uppercase;
    padding: 0.7em 1.1em;
	font-weight: 600;
	font-size: calc(.65em + .2vw);
	color: var(--accent-light);
	border-radius: 2px;
}

#sb-info .tabbable ul.nav-pills .nav-link.active,
#sb-info .tabbable ul.nav-pills .show>.nav-link {
	background: var(--primary-comp);
	color: white;
}

#sb-info .tab-pane-content {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-top: 8px;
	margin-bottom: .5rem;
	color: var(--secondary-dark);
}

#sb-info .tab-pane-content .content-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: calc(.85rem + .2vw);
}

#sb-info .tab-pane-content .content-wrap .interior {
  	background: white;
	display: flex;
	flex-direction: column;
	padding: 1.5rem;
}

#sb-info .tab-pane-content .seller-info {
	position: relative;
	display: flex;
	flex-direction: column;
	font-size: calc(.85rem + .2vw);
}

#sb-info .seller-info .seller-info__wrap {
	padding: .8rem;
	background: var(--accent-light);
}

#sb-info .seller-info .seller-name {
	font-size: calc(1.5em + .2vw);
	font-weight: 700;
	color: var(--primary-comp);
}

#sb-info .seller-info .sb-name {
	text-transform: uppercase;
	color: var(--primary-comp);
	font-size: calc(.9rem + .2vw);
	font-weight: 600;
	letter-spacing: .07em;
	margin: .2em 0;
}

#sb-info .seller-info .sb-homebase {
	text-transform: uppercase;
	font-size: .75em;
	font-weight: 700;
	letter-spacing: .05em;
	margin-bottom: 2px;
}

#sb-info a.website-link {
	font-weight: 600;
	margin-top: .4em;
	margin-bottom: 1em;
	font-size: calc(.7rem + .3vw);
	color: var(--accent-bright);
}

#sb-info .social-icons {
	position: relative;
	padding-top: 16px;
}

#sb-info .social-icons a {
	margin-right: .5em;
	font-size: calc(1.1rem + .3vw);
	color: var(--accent-bright);
}

#sb-info .seller-location {
	font-size: 1.5em;
	font-weight: 700;
	color: var(--primary-comp);
}

#sb-info .interior .column__wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#sb-info .column__wrap ul {
	list-style-type: none;
	font-size: calc(.75rem + .4vw);
	padding: 0;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 500;
	width: 100%;
	margin: 1rem auto 0;
}

#sb-info .interior .column__wrap ul li {
	margin: 0 4px 4px 0;
	padding: .75em 1em;
	display: inline-flex;
	flex-direction: row;
	align-items: baseline;
	border: var(--accent-light) 1px solid;
	background: white;
}

#sb-info .interior .column__wrap ul li a {
	color: var(--accent-bright);
	margin-right: 12px;
}

#sb-info .interior .column__wrap ul .date {
	font-size: .6rem;
	font-family: poppins, sans-serif;
	margin-top: .2em;
}

/**
#sb-horses h3.section-title {
	width: 90%;
	color: var(--accent-bright);
	text-transform: uppercase;
	font-size: calc(.65rem + .2vw);
	letter-spacing: .1em;
	font-weight: 800;
	text-align: center;
	display: inline-flex;
	margin: 0 auto 2rem;
	padding: .6em 3em;
	line-height: 1.8;
}

.custom-shape-divider-top-1680473105 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1680473105 svg {
    position: relative;
    display: block;
    width: calc(147% + 1.3px);
    height: 90px;
}

.custom-shape-divider-top-1680473105 .shape-fill {
    fill: #F5F7F6;
}

#sb-horses .inner-wrap {
	padding: 0 1rem;
	max-width: 1160px;
	margin: 0 auto;
	width: 90%;
	border-bottom-right-radius: 40px;
	border-bottom-left-radius: 40px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	display: flex;
	flex-direction: column;
}

#sb-horses .inner-wrap > svg {
	margin: 0 auto 1rem;
	color: var(--primary-light);
	font-size: calc(1.5rem + .9vw);
}
#sb-horses__container {
	display: grid;
	grid-template-columns: 1fr;
}
.sb-horses__card {
	position: relative;
	height: 33vh;
    margin-bottom: 2rem;
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	scroll-margin: 150px 0 0 0;
}

.sb-horses__card img {
	position: absolute;
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
    top: 0;
    left: 0;
	border-radius: 4px;
}

.sb-horses__card-price {
	position: absolute;
	z-index: 15;
	top: 12px;
	right: 8px;
	background: var(--white-trans-80);
	padding: .7em 1em .6em;
	border-radius: 2px;
	color: var(--secondary-ultra-dark);
	line-height: 1;
	font-size: calc(.6rem + .2vw);
	font-weight: 700;
	letter-spacing: .04em;
	font-family: pt-sans-pro-narrow, sans-serif;
}

.sb-horses__card-content {
	z-index: 10;
	position: absolute;
    bottom: 0;
	top: 0;
    width: 100%;
	height: 100%;
    padding: 1.5em;
	display: flex;
	flex-direction: column;
	background: rgb(0,0,0);
	background: linear-gradient(16deg, rgba(0,0,0,1) 0%, rgba(5,5,5,0.36876757538953087) 43%, rgba(5,5,5,0.09145665101978295) 71%, rgba(0,0,0,0) 100%); 
	border-radius: 6px;
}

.sb-horses__card-content a {
	color: var(--accent-light);
	transition: 0.2s ease;
}
.sb-horses__card-content a:hover {
	color: white;
	opacity: 1;
}

.sb-horses__card-content h4 {
	font-size: calc(1rem + .3vw);
	margin-bottom: 0;
	font-weight: 800;
	margin-top: auto;
	position: relative;
	padding-top: .75em;
	text-shadow: 4px 8px 12px rgba(0,0,1,0.75);
	letter-spacing: .03em;
}

.sb-horses__card-content h4::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 3px;
	background: var(--accent-light);
}

.sb-horses__card-content h5 {
	font-size: calc(.65rem + .3vw);
	font-weight: 700;
	color: var(--accent-light);
	font-family: pt-sans-pro-narrow, sans-serif;
	text-transform: uppercase;
	margin-bottom: .5rem;
	letter-spacing: .07em;
}

.sb-horses__card-content a.btn-details {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: calc(.65rem + .2vw);
	font-weight: 500;
    padding: 0 2em;
    border-radius: 2px;
	background: var(--base-dark);
	color: var(--accent-light);
    text-transform: uppercase;
	margin: 0 auto .7rem 0;
	transition: 0.2s ease;
	border: var(--accent-light) 1px solid;
	letter-spacing: .05em;
	height: 30px;
	box-shadow: 4px 4px 4px 0 rgba(17,17,17,.3);
}

.sb-horses__card-links .btn-details:hover {
	background: var(--primary);
    color: white;
}

.sb-horses__card-links .btn-details svg {
	font-size:  calc(.7rem + .1vw);
	margin-left: 6px;
}

***/



#sb-listing-page #reach-out {
	display: flex;
	flex-direction: column;
	background: var(--primary-comp);
	padding-bottom: 6rem;
	position: relative;
	border-top: var(--accent-light) 40px solid;
}

#sb-listing-page #reach-out .footer {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 8rem 2rem 0;
	position: relative;
}

#sb-listing-page #reach-out .footer .footer-wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 1000px;
  margin: 0 auto;
}

#sb-listing-page #reach-out .footer .footer-col {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	background: var(--accent-light);
	padding: 2.5rem 1.5rem;
	margin: 8px;
	border-radius: 2px;
	color: var(--accent-medium);
	font-size: calc(1.2rem + .2vw);
	font-weight: 800;
	border: var(--accent-light) 1px solid;
}

#sb-listing-page #reach-out .footer .footer-col a.footer-btn {
	display: inline-flex;
	margin: auto auto 0 0;
	color: white;
	font-size: .6em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.4;
	font-family: pt-sans-pro-narrow, sans-serif;
	background: var(--accent-medium);
	padding: .6em 1em;
	border-radius: 3px;
	letter-spacing: .05em;
	transition: .5s ease;
}

#sb-listing-page #reach-out .footer .footer-col a:hover.footer-btn {
	filter: brightness(1.2);
}

#sb-listing-page #reach-out .darken {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--secondary-ultra-dark-trans-40);
}

#sb-listing-page #reach-out .buffer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3rem 2rem 1rem;
	position: relative;
	z-index: 10;
}

#sb-listing-page #reach-out .buffer h2 {
	color: var(--accent-light);
	font-weight: 800;
	position: relative;
	padding-top: .8em;
	text-align: center;
	font-size: calc(2.4rem + .2vw);
	display: flex;
	flex-direction: column;
}

#sb-listing-page #reach-out .buffer .note {
	font-size: calc(.85rem + .2vw);
	text-align: center;
	color: var(--accent-light);
	line-height: 1.8;
}

#sb-contact {
	z-index: 15;
	width: 100%;
	max-width: 680px;
	padding: 1em;
	margin: 0 auto;
}

#sb-contact h6 {
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	color: var(--accent-bright);
	font-size: calc(.55rem + .2vw);
	letter-spacing: .2em;
	margin-right: auto;
	padding: 1.5rem 22px 6px;
	width: 100%;
	text-align: center;
	font-weight: 800;
}

#sb-contact .details-wrap {
	display: flex;
	flex-direction: column;
	padding: 0 2rem;
}

#sb-contact .seller-details {
	display: flex;
	flex-direction: column;
	padding: .75rem;
	margin: 0 auto 3rem;
	background: white;
	width: 100%;
	color: var(--primary-comp);
	border: var(--accent-light-trans-80) 1px solid;
}

#sb-contact .primary {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100%;
	padding: 0 1rem;
	font-size: calc(.9rem + .2vw);
}

#sb-contact .primary .seller-title__wrap {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding-bottom: 24px;
}

#sb-contact .primary .seller-name {
	font-size: 1.6em;
	font-weight: 600;
	margin-bottom: 4px;
}

#sb-contact .primary .seller-biz {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 500;
	margin-bottom: 4px;
}

#sb-contact .primary .seller-phone {
	font-size: .7em;
	letter-spacing: .1em;
	font-weight: 500;
}

#sb-contact .contact-link__wrap {
	display: flex;
  	flex-wrap: wrap;
}

#sb-contact .contact-link__wrap a.contact-link {
	color: var(--accent-bright);
	font-size: calc(.65rem + .2vw);
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	padding: 0 14px;
	background: var(--accent-light);
	margin: 4px 8px 4px 0;
	height: 40px;
}

#sb-contact .contact-link__wrap a.contact-link svg {
	margin-right: 8px;
}

#sb-contact a.form-jump {
	width: 100%;
	background: var(--primary-comp);
	padding: 12px 24px;
	color: var(--accent-light);
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: .2em;
	margin-top: 4rem;
	border: #281520 2px solid;
	font-size: calc(.85rem + .2vw);
}

#sb-contact a:hover.form-jump {
	background: var(--secondary);
}

/* ..... // Sale Barn Page Media Queries // ..... */

@media screen and (min-width:1200px) {
	#sb-hero {
		height: 90vh;
	}

	#sb-slideshow .splide__track ul {
		height: 52vh;
	}
}
@media screen and (min-width:1400px) {
	#sb-slideshow .splide__track ul {
		height: 60vh;
	}
}

/* ..... // Begin Sale Barn Showcase // ..... */

/**-- save in case sb showcase filter comes back--**/
#sb-showcase-filter {
	position: relative;
	margin: 0 0 4rem 0;
	background: var(--accent-light);
	width: 100%;
}


#sb-showcase-filter #filter-accordion-wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
}

#sb-showcase-filter #filter-accordion-wrap.accordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23AF4C62'%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");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23AF4C62'%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");
}

#sb-showcase-filter #filter-accordion-wrap .accordion-item {
	background: none;
	width: 100%;
}

#sb-showcase-filter #filter-accordion-wrap .accordion-item .accordion-body {
	padding: 2rem 1rem .25rem;
	background: var(--accent-ultra-light);
	border-bottom: var(--accent-light) 5px solid;
}

#sb-showcase-filter #filter-accordion-wrap h5 {
	border-bottom: var(--accent-bright) 1px solid;
}

#sb-showcase-filter #filter-accordion-wrap h5 button.accordion-button {
text-transform: uppercase;
  font-size: calc(.75rem + .2vw);
  letter-spacing: .07em;
  font-weight: 800;
  background: var(--cp-primary);
  padding: 2rem;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(232 104 103);
  color: white;
}

#sb-showcase-filter #filter-accordion-wrap h5 button.accordion-button.collapsed {
	color: white;
}


#sb-showcase-filter #filter-accordion-wrap h5 button.accordion-button:not(.collapsed), #hjx-sellers nav h5 button.accordion-button:not(.collapsed):focus  {
    box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px;
}

#sb-showcase-filter #filter-accordion-wrap h5 button.accordion-button:focus {
	box-shadow: none;
}

#sb-showcase-filter h2 {
	font-size: calc(.65rem + .2vw);
	color: var(--base);
	font-weight: 600;
	margin: 0 0 1rem;
}

/* ee form id */
#sale-barn-filter {
	display: flex;
	flex-direction: column;
	width: 100%;
}

#sb-showcase-filter ul {
	width: 100%;
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: calc(.6rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
  	font-weight: 700;
	text-transform: uppercase;
    letter-spacing: .05em;
	justify-content: start;
	color: var(--accent-bright);
}

#sb-showcase-filter ul li {
	display: inline-flex;
	padding: .7em 1em;
	margin-right: .5em;
	margin-bottom: .5em;
	line-height: 1;
	align-items: center;
	background: var(--white-trans-80);
	border-radius: 3px;
	border: var(--accent-bright) 1px solid;
}

#sb-showcase-filter ul li:last-of-type {
	margin-right: 0;
}

#sb-showcase-filter ul li input {
	margin-right: .25em;
}

#sb-showcase-filter ul li input[type="checkbox"] {
		appearance: none;
		-webkit-appearance: none;
		display: flex;
		align-content: center;
		justify-content: center;
		font-size: 2rem;
		padding: 0.1rem;
		border: 1px solid var(--accent-bright);
		border-radius: 3px; 
}

#sb-showcase-filter ul li input[type="checkbox"]::before {
	content: "";
	width: .8rem;
	height: .8rem;
	clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
	transform: scale(0);
	background-color: var(--accent-bright);
  }

  #sb-showcase-filter ul li input[type="checkbox"]:checked::before {
	transform: scale(1);
  }
  
  

#sb-showcase-filter ul li label {
	padding-top: 2px;
}

#sb-showcase .filter-barns {
	text-transform: uppercase;
  font-size: calc(.5rem + .2vw);
  letter-spacing: .07em;
  font-weight: 800;
  background: var(--cp-primary);
  padding: 1rem 2rem;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(232 104 103);
  color: white;
}



#sb-showcase-results {
	width: 100%;
}



/* ..... // Begin Single Show Page // ..... */

/*** header and header background defined in Inner Pages Header above ****/


#show-page a:hover.circuit-link {
	background: var(--cp-primary-medium);
}

#show-page #show-attending {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 65vh;
}

#show-page #show-attending h4 {
	color: var(--cp-primary-bright);
	font-size: calc(1rem + .2vw);
	font-weight: 700;
	text-align: center;
}

#show-page #show-attending #attending-horses {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}

#show-page #attending-horses a.title {
	font-size: calc(.6rem + .1vw);
	color: var(--cp-primary-light);
	text-transform: uppercase;
	padding: 1em .5em;
	background: var(--cp-primary-darkest);
	text-align: center;
	display: inline-flex;
	justify-content: center;
	white-space: nowrap;
	letter-spacing: .07em;
	align-items: center;
	transition: .4s ease;
	font-weight: 600;
	border-radius: 0 0 4px 4px;
}

#show-page #attending-horses a:hover.title {
	background: var(--cp-primary-bold);
}

#show-page #attending-horses a.title span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 90%;
}

#show-page #attending-horses .card-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100%;
	justify-content: center;
}

#show-page #attending-horses .card-outer {
	padding: .5rem;
	flex: 0 0 180px;
	margin-bottom: 1rem;
	position: relative;
}

#show-page #attending-horses .card-outer .sb-logo {
	position: absolute;
	bottom: 30px;
	right: 20px;
	max-width: 50px;
	aspect-ratio: 1 / 1;
	display: block;
	z-index: 99;
}

#show-page #attending-horses .card-outer .sb-logo img {
	width: 100%;
	object-fit: cover;
	border-radius: 4px;
	border: var(--cp-grey-200) 1px solid;
}

#show-page #attending-horses .card-inner {
	display: flex;
	flex-direction: column;
}



#show-page #attending-horses .card-inner a.img-wrap {
	display: block;
	width: 100%;
	height: 180px;
	aspect-ratio: 16 / 9;
}

#show-page #attending-horses .card-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px 4px 0 0;
	transition: .4s ease;
}
#show-page #attending-horses a:hover img {
	filter: brightness(1.3);
}


/********___________ pre Sept 2025 styles below _________*******/
/**
#show-page section {
	scroll-margin-top: 80px;
}

#show-page__container {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: var(--accent-ultra-light);
	background: var(--accent-light-grad);
}

#show-page #show-details {
	display: flex;
	flex-direction: column;
	position: relative;
	background: var(--accent-bright);
	background: var(--accent-bright-grad);
	width: 100%;
	padding: 50px 0 0;
}

#show-page #show-details .content-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	color: var(--accent-light);
	font-size: calc(.8rem + .2vw);
	background: var(--black-trans-40);
	background: linear-gradient(170deg, rgba(17,8,10,1) 0%, rgba(52,23,29,0.7525210767900911) 34%, rgba(70,30,39,0.37156869583771013) 100%);
	padding: 5rem 3rem;
	border-radius: 4px;
}

#show-page #show-details .show-info__wrap {
	position: relative;
	padding: .5rem 0;
	font-size: .875em;
	font-weight: 600;
	line-height: 1.4rem;
	display: flex;
	flex-direction: column;
}

#show-page #show-details .show-info {
	margin-top: .75em;
  	font-size: calc(.9rem + .2vw);
	display: flex;
	align-items: center;
	font-family: pt-sans-pro-narrow, sans-serif;
}

#show-page #show-attending #attending-barns {
	margin: 0 auto 4rem;
	border: var(--accent-light) 1px solid;
	background: var(--white-trans-80);
	padding: 2rem;
	width: 90%;
	border-radius: 4px;
}

#show-page #attending-barns .logo-outer {
	padding: 1rem;
	flex: 0 0 120px;
}

#show-page #attending-barns .logo-inner a.img-wrap {
	display: block;
	width: 100%;
	height: 120px;
	aspect-ratio: 1 / 1;
}

#show-page #attending-barns .logo-inner, #show-page #attending-horses .card-inner {
	display: flex;
	flex-direction: column;
}

#show-page #attending-barns .logo-inner a.img-wrap {
	display: block;
	width: 100%;
	height: 120px;
	aspect-ratio: 1 / 1;
}

#show-page #attending-horses .card-inner a.img-wrap {
	display: block;
	width: 100%;
	height: 180px;
	aspect-ratio: 16 / 9;
}

#show-page #attending-barns .logo-inner img, #show-page #attending-horses .card-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-bottom: .4em;
	-webkit-transform: perspective(1px) translateZ(0);
  	transform: perspective(1px) translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-property: transform;
  	transition-property: transform;
}

#show-page #attending-barns .logo-inner img.sale-barn {
	border-radius: 100%;
}

#attending-barns div.inner:hover, #attending-barns div.inner:focus, #attending-barns div.inner:active, #attending-horses div.inner:hover, #attending-horses div.inner:focus, #attending-horses div.inner:active {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
  }
---*/

/* ..... // Show Page Media Queries // .

@media screen and (min-width:576px) {
	#show-page #show-details .content-wrap {
		padding: 5rem;
	}
	#show-page #attending #attending-horses, #show-page #attending #attending-barns {
		background: var(--white-trans-80);
	}
	#show-page #attending #attending-horses {
		margin: 0 auto 4rem;
		border: var(--accent-light) 1px solid;
		padding: 2rem;
		width: 90%;
		border-radius: 4px;
	}
}

@media screen and (min-width:768px) {
	#show-page #show-details .show-info__wrap {
		font-size: 1em;
		margin: 1rem 0 0;
		flex-direction: row;
	}
	#show-page #show-details .show-info {
		margin-top: 0;
  		margin-right: 2rem;
	}
	#show-page #attending-horses .card-inner a.img-wrap {
		height: 120px;
	}
	#show-page #attending-barns .logo-outer {
		flex: 0 0 100px;
	}
	#show-page #attending-barns .logo-inner a.img-wrap {
		height: 100px;
	}
}

@media screen and (min-width:992px) {
	#show-page section {
		scroll-margin-top: 160px;
	}
	#show-page #show-details .content-wrap {
		padding: 6rem 7rem;
	}
	#show-page #attending {
		padding: 3rem;
	}
}

@media screen and (min-width:1200px) {
	#show-page__container {
		display: grid;
  		grid-template-columns: 375px auto;
	}
	#show-page #show-details {
		padding: 4rem 1rem 3rem;
  		margin-bottom: auto;
		background: var(--purple);
		background: var(--accent-bright-grad);
		height: 100%;
	}
	#show-page #show-details .go-back {
		display: none;
	}
	#show-page #show-details .content-wrap {
		padding: 2rem 1.5rem 3rem;
		background: none;
		position: fixed;
		width: 375px;
		left: 0;
	}

	#show-page #show-details .content-wrap a.go-back__dtop {
		font-size: .75em;
		text-transform: uppercase;
		background: var(--accent-light);
		display: inline-flex;
		padding: 6px 12px;
		font-family: pt-sans-pro-narrow, sans-serif;
		line-height: 1;
  		font-weight: 600;
		margin-top: 1rem;
		margin-right: auto;
		border-radius: 2px;
		color: var(--accent-bright);
		transition: .5s ease;
	}
	#show-page #show-details .content-wrap a:hover.go-back__dtop {
		background: white;
	}
	#show-page #attending {
		overflow: auto;
		background: white;
  		padding: 3rem 0;
	}
	#show-page #show-details .show-info__wrap {
		flex-direction: column;
	}
	#show-page #show-details .show-info {
		margin-bottom: .8em;
  		margin-right: 0;
	}
	#show-page #attending #attending-horses, #show-page #attending #attending-barns {
		border: var(--accent-light) 1px solid;
		background: var(--white-trans-80);
	}
	#show-page #attending h4 {
		margin-left: 0;
	}
	#show-page #attending-barns .logo-wrap, #show-page #attending-horses .card-wrap {
		justify-content: start;
	}
	#show-page #attending-barns {
		padding: 2rem;
	}
	#show-page #attending-barns .logo-outer {
		flex: 0 0 120px;
	}
	#show-page #attending-barns .logo-inner a.img-wrap {
		height: 120px;
	}
	#show-page #attending-horses .card-inner a.img-wrap {
		height: 115px;
	}
}
--*/


/* ..... // Begin Show Archive Page // 

#show-archive {
	display: flex;
	flex-direction: column;
	
	background: var(--cp-primary);
}
#show-archive h1 {
	font-size: calc(1.6rem + .2vw);
	margin-bottom: .75rem;
	text-align: center;
	color: white;
	font-weight: 800;
}

#show-archive h2 {
	position: relative;
	font-size: calc(1.4rem + .3vw);
	font-weight: 500;
	font-family: pt-sans-pro-narrow, sans-serif;
	text-align: center;
	padding: 0 1rem 2rem;
	color: white;
	
}
/**
#show-archive h2::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 4px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    margin: 0px auto;
}
	**/




/**
#show-archive .content-wrap {
	display: flex;
	flex-direction: column;
}

#show-archive__container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
**/


/* H2 = "See Horses Showing" 
#show-archive h2 {
	text-transform: uppercase;
	font-size: calc(.8rem + .2vw);
	margin-bottom: 1em;
	text-align: center;
	letter-spacing: .15em;
}
/**
#show-archive__filter {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	border-bottom: var(--accent-light) 40px solid;
}

#show-archive__filter .hero-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#show-archive__filter .hero-wrap img.hero-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#show-archive__filter .bgrd-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.25);
	z-index: 5;
	backdrop-filter: blur(5px);
}

#show-archive__filter h4.view-results {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	color: var(--accent-light);
	text-transform: uppercase;
	font-size: calc(.65rem + .2vw);
	letter-spacing: .1em;
	font-weight: 600;
	text-align: center;
}
**/


/*
#show-archive .filter-options .filter-custom {
	padding: .75em;
	border-radius: 8px;
}
*/

/*
#show-archive .filter-options .zone-filter {
	text-align: center;
	padding: 8px;
}
*/

/**
#show-archive__calendar h4 {
	color: var(--accent-bright);
	margin-bottom: 3rem;
	text-transform: uppercase;
	font-size: calc(.65rem + .2vw);
	letter-spacing: .1em;
	font-weight: 600;
	text-align: center;
}

#show-archive__calendar .cancelBtn.btn.btn-sm.btn-default, #show-archive__calendar .applyBtn.btn.btn.btn-sm.btn-default {
	color: var(--accent-bright);
}

#show-archive__event-wrap {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 220px));
	grid-gap: 1rem;
	justify-content: center;
	padding-bottom: 3rem;
}
**/
/* ..... // Begin Destinations Listings Page // ..... */

#hjx-destinations {
	position: relative;
	display: flex;
	flex-direction: column;	
	justify-content: center;
	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");

	.page-wrap {
		width: 100%;
		max-width: 1100px;
		background: var(--white-trans-60);
  		border: 1px solid var(--cp-primary-ultra-light);
  		border-radius: 6px;
		padding: .5rem;
		margin-left: auto;
		margin-right: auto;
	}
}

#hjx-destinations h1 {
display: flex;
  font-family: poppins, sans-serif;
  font-size: calc(.8rem + .2vw);
  color: white;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 400;
  text-align: center;
  background: var(--cp-primary);
  padding: 1.2rem 1rem 1rem;
  border-radius: 4px;
  }

#hjx-destinations h2 {
		position: relative;
		font-size: calc(1rem + .2vw);
		font-weight: 400;
		text-align: center;
		padding: 0 1rem;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		color: var(--cp-primary-bold);
		line-height: 1.5;
} 

#destinations-active {
	min-height: 65vh;
}

#hjx-destinations .circuits-wrap {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	justify-content: center;
	position: relative;
	z-index: 99;
	padding-bottom: 3rem;
}

#all-destinations ul {
	list-style-type: none;
	margin-right: 4rem;
	margin-top: 3rem;
	font-size: 1rem;
}

#all-destinations ul li {
	padding: .8rem 1.2rem;
}

@media screen and (min-width:992px) {
	/**#hjx-destinations {
		padding-top: 80px;
	}**/
}

/*............... destinations/index ................*/

#hjx-destination-pg {
	/*padding-top: 40px;*/
	position: relative;
	background: rgb(255,255,255);
  background: linear-gradient(132deg, rgba(255,255,255,1) 0%, rgba(240,240,242,1) 52%, rgba(219,219,219,1) 100%);
}

#hjx-destination-pg h1 {
	text-transform: uppercase;
	line-height: 1;
	font-weight: 800;
	font-size: calc(2.25rem + 1vw);
	color: white;
	text-align: center;
  }

#hjx-destination-pg h4 {
	color: var(--cp-primary-bright);
	font-size: calc(1rem + .2vw);
	font-weight: 700;
	text-align: center;
}
#hjx-destination-pg header, #hjx-destinations header {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	padding: 6rem .25rem 5rem;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
}

#hjx-destination-pg header.attach-bg, #hjx-destinations header.attach-bg {
	background-color: #E86867;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3CradialGradient id='a' cx='500' cy='500' r='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23E86867'/%3E%3Cstop offset='1' stop-color='%23F7E5E2'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='500' cy='500' r='96.1%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23F8D0D0' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23F8D0D0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1000' height='1000'/%3E%3Cg fill='none' stroke='%23EB9593' stroke-width='1' stroke-miterlimit='10' stroke-opacity='0.51'%3E%3Crect x='12.5' y='12.5' width='975' height='975'/%3E%3Crect x='25' y='25' width='950' height='950'/%3E%3Crect x='37.5' y='37.5' width='925' height='925'/%3E%3Crect x='50' y='50' width='900' height='900'/%3E%3Crect x='62.5' y='62.5' width='875' height='875'/%3E%3Crect x='75' y='75' width='850' height='850'/%3E%3Crect x='87.5' y='87.5' width='825' height='825'/%3E%3Crect x='100' y='100' width='800' height='800'/%3E%3Crect x='112.5' y='112.5' width='775' height='775'/%3E%3Crect x='125' y='125' width='750' height='750'/%3E%3Crect x='137.5' y='137.5' width='725' height='725'/%3E%3Crect x='150' y='150' width='700' height='700'/%3E%3Crect x='162.5' y='162.5' width='675' height='675'/%3E%3Crect x='175' y='175' width='650' height='650'/%3E%3Crect x='187.5' y='187.5' width='625' height='625'/%3E%3Crect x='200' y='200' width='600' height='600'/%3E%3Crect x='212.5' y='212.5' width='575' height='575'/%3E%3Crect x='225' y='225' width='550' height='550'/%3E%3Crect x='237.5' y='237.5' width='525' height='525'/%3E%3Crect x='250' y='250' width='500' height='500'/%3E%3Crect x='262.5' y='262.5' width='475' height='475'/%3E%3Crect x='275' y='275' width='450' height='450'/%3E%3Crect x='287.5' y='287.5' width='425' height='425'/%3E%3Crect x='300' y='300' width='400' height='400'/%3E%3Crect x='312.5' y='312.5' width='375' height='375'/%3E%3Crect x='325' y='325' width='350' height='350'/%3E%3Crect x='337.5' y='337.5' width='325' height='325'/%3E%3Crect x='350' y='350' width='300' height='300'/%3E%3Crect x='362.5' y='362.5' width='275' height='275'/%3E%3Crect x='375' y='375' width='250' height='250'/%3E%3Crect x='387.5' y='387.5' width='225' height='225'/%3E%3Crect x='400' y='400' width='200' height='200'/%3E%3Crect x='412.5' y='412.5' width='175' height='175'/%3E%3Crect x='425' y='425' width='150' height='150'/%3E%3Crect x='437.5' y='437.5' width='125' height='125'/%3E%3Crect x='450' y='450' width='100' height='100'/%3E%3Crect x='462.5' y='462.5' width='75' height='75'/%3E%3Crect x='475' y='475' width='50' height='50'/%3E%3Crect x='487.5' y='487.5' width='25' height='25'/%3E%3C/g%3E%3Crect fill-opacity='0.51' fill='url(%23b)' width='1000' height='1000'/%3E %3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  background-blend-mode: hard-light;
}
/****
#hjx-destination-pg header .destination-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#hjx-destination-pg header .destination-image img {
	object-fit: cover;
	object-position: center;
	width: 100%;
  	height: 100%;
}

#hjx-destination-pg header .bgrd-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;	
	background: rgba(0, 0, 0, 0.45);
	backdrop-filter: blur(5px);
	z-index: 5;
}
***/
#hjx-destination-pg header .inner-content {
	position: relative;
	z-index: 10;
	display: flex;
	flex-direction: column;
}

#hjx-destination-pg .go-back {
	text-transform: uppercase;
	font-size: calc(.5rem + .2vw);
	letter-spacing: .07em;
	font-weight: 800;
	background: var(--cp-primary);
	padding: 1rem 2rem;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid rgb(232 104 103);
}

#hjx-destination-pg .go-back a {
	color: white;
}

#hjx-destination-pg #destination-shows {
	display: flex;
	flex-direction: column;
	padding: 2rem;
	border: var(--accent) 1px solid;
	border-radius: 4px;
	background: white;
	max-width: 1100px;
}
#hjx-destination-pg #destination-shows .shows-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  justify-content: center;
	font-size: calc(.6rem + .3vw);
}

#hjx-destination-pg #destination-shows .shows-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#hjx-destination-pg #destination-shows .shows-wrap .event {	
	border-radius: 4px;
	padding: .65em;
	margin: .5em;
	display: flex;
	flex-direction: row;
	font-weight: 600;
	line-height: 1.3;
}

#hjx-destination-pg #destination-shows .shows-wrap .event.type-circuit {
	border: var(--accent) 1px solid;
  	background: var(--accent-light);
}

#hjx-destination-pg #destination-shows .shows-wrap .event.type-show {
	border: var(--accent) 1px solid;
	background: white;
}

#hjx-destination-pg #residents {
	display: flex;
	flex-direction: column;
}
#hjx-destination-pg #residents #resident-barns, #hjx-destination-pg #residents #resident-horses {
	display: flex;
	flex-direction: column;
}

#hjx-destination-pg #resident-barns .sb-card__wrap {
	position: relative;
  	min-height: 350px;
	display: flex;
  	flex-direction: column;
	flex: auto;
	min-width: 300px;
	max-width: 340px;
	border-radius: 8px;
	background: var(--accent-light);
	margin: 0 auto;
}

#hjx-destination-pg #resident-barns .sb-img__wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	width: 100%;
	z-index: 5;
	border-radius: 8px;
}

#hjx-destination-pg #resident-barns .sb-img__wrap img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

#hjx-destination-pg #resident-barns .sb-card__wrap .inner-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: var(--black-trans-40);
	display: flex;
	flex-direction: column;
	border-radius: 8px;
}

#hjx-destination-pg #resident-barns .sb-card__wrap .sb-title {
	position: relative;
	padding-bottom: .5em;
	display: inline-flex;
	margin-bottom: .65em;
}

#hjx-destination-pg #resident-barns .sb-card__wrap .sb-title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: var(--cp-primary-light);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#hjx-destination-pg #resident-barns .sb-card__wrap .sb-title a {
	color: white;
	transition: 0.4s ease;
}

#hjx-destination-pg #resident-barns .sb-card__wrap .sb-title a:hover {
	color: white;
}

#hjx-destination-pg #resident-barns a.go-button {
	transition: 0.4s ease;
}
#hjx-destination-pg #resident-barns a.go-button:hover {
	background: var(--accent-light);
	color: var(--accent-dark);
}

#hjx-destination-pg #resident-horses .sh-card__wrap {
	display: flex;	
	border-radius: 4px;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1100px;
}

#hjx-destination-pg #resident-horses .sh-card {
	display: flex;
  flex-direction: column;
  flex: 0 0 220px;
  margin: .5rem;
  width: 100%;
  justify-content: center;
  
}

#hjx-destination-pg #resident-horses .sh-card a.img-wrap {
	height: 100%;
	width: 100%;
}

#hjx-destination-pg #resident-horses .sh-card a.img-wrap img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	margin-bottom: .25rem;
}

@media screen and (min-width:576px) {
	#hjx-destination-pg #resident-barns .sb-card__wrap {
		margin: 0 1rem;
	}
}


/* .... .hjx-card-circuit defined elsewhere .... */

/* ..... // Begin single Circuit page // ..... */

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

#hjx-circuit h1 {
	font-size: calc(2.4rem + 1vw);
	margin-bottom: .75rem;
	text-align: center;
	color: white;
	font-weight: 700;
	margin-bottom: .2em;
	text-transform: uppercase;
	font-family: pt-sans-pro-narrow, sans-serif;
}

#hjx-circuit header {
display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 6rem .25rem 5rem;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
}

#hjx-circuit header.attach-bg {
	background-color: #E86867;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3CradialGradient id='a' cx='500' cy='500' r='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23E86867'/%3E%3Cstop offset='1' stop-color='%23F7E5E2'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='500' cy='500' r='96.1%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23F8D0D0' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23F8D0D0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1000' height='1000'/%3E%3Cg fill='none' stroke='%23EB9593' stroke-width='1' stroke-miterlimit='10' stroke-opacity='0.51'%3E%3Crect x='12.5' y='12.5' width='975' height='975'/%3E%3Crect x='25' y='25' width='950' height='950'/%3E%3Crect x='37.5' y='37.5' width='925' height='925'/%3E%3Crect x='50' y='50' width='900' height='900'/%3E%3Crect x='62.5' y='62.5' width='875' height='875'/%3E%3Crect x='75' y='75' width='850' height='850'/%3E%3Crect x='87.5' y='87.5' width='825' height='825'/%3E%3Crect x='100' y='100' width='800' height='800'/%3E%3Crect x='112.5' y='112.5' width='775' height='775'/%3E%3Crect x='125' y='125' width='750' height='750'/%3E%3Crect x='137.5' y='137.5' width='725' height='725'/%3E%3Crect x='150' y='150' width='700' height='700'/%3E%3Crect x='162.5' y='162.5' width='675' height='675'/%3E%3Crect x='175' y='175' width='650' height='650'/%3E%3Crect x='187.5' y='187.5' width='625' height='625'/%3E%3Crect x='200' y='200' width='600' height='600'/%3E%3Crect x='212.5' y='212.5' width='575' height='575'/%3E%3Crect x='225' y='225' width='550' height='550'/%3E%3Crect x='237.5' y='237.5' width='525' height='525'/%3E%3Crect x='250' y='250' width='500' height='500'/%3E%3Crect x='262.5' y='262.5' width='475' height='475'/%3E%3Crect x='275' y='275' width='450' height='450'/%3E%3Crect x='287.5' y='287.5' width='425' height='425'/%3E%3Crect x='300' y='300' width='400' height='400'/%3E%3Crect x='312.5' y='312.5' width='375' height='375'/%3E%3Crect x='325' y='325' width='350' height='350'/%3E%3Crect x='337.5' y='337.5' width='325' height='325'/%3E%3Crect x='350' y='350' width='300' height='300'/%3E%3Crect x='362.5' y='362.5' width='275' height='275'/%3E%3Crect x='375' y='375' width='250' height='250'/%3E%3Crect x='387.5' y='387.5' width='225' height='225'/%3E%3Crect x='400' y='400' width='200' height='200'/%3E%3Crect x='412.5' y='412.5' width='175' height='175'/%3E%3Crect x='425' y='425' width='150' height='150'/%3E%3Crect x='437.5' y='437.5' width='125' height='125'/%3E%3Crect x='450' y='450' width='100' height='100'/%3E%3Crect x='462.5' y='462.5' width='75' height='75'/%3E%3Crect x='475' y='475' width='50' height='50'/%3E%3Crect x='487.5' y='487.5' width='25' height='25'/%3E%3C/g%3E%3Crect fill-opacity='0.51' fill='url(%23b)' width='1000' height='1000'/%3E %3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  background-blend-mode: hard-light;
}

#hjx-circuit__wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
}

#hjx-circuit__content {
	display: flex;
	justify-content: center;
	padding: 2rem 1.5rem 6rem;
	flex-direction: column;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

#hjx-circuit .go-back {
  text-transform: uppercase;
  font-size: calc(.5rem + .2vw);
  letter-spacing: .07em;
  font-weight: 800;
  background: var(--cp-primary);
  padding: 1rem 2rem;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(232 104 103);
}

#hjx-circuit .go-back a {
	color: white;
}

#hjx-circuit header .header-content {
	position: relative;
	z-index: 99;
	display: flex;
	flex-flow: wrap;
	margin: 0 auto;
}

#hjx-circuit .circuit-location {
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: .6rem 2.5rem .5rem;	
	display: inline-flex;	
	line-height: 1;
	font-weight: 600;
	font-size: calc(.65rem + .2vw);
	background: var(--cp-primary-light);
	color: var(--cp-primary-bright);
	margin: 0 auto .5rem;
	border-radius: 4px;
}

#hjx-circuit__shows {
	padding-bottom: 3rem;
	width: 100%;
	max-width: 500px;
 	margin: 0 auto;
}

#hjx-circuit__shows a {
	color: var(--cp-primary-brighter);
	font-weight: 800;	
}

#hjx-circuit__shows ul {
	list-style-type: none;
	font-size: calc(1.1rem + .2vw);
	padding: 0;
	margin: 0;
}

#hjx-circuit__shows ul li {
	padding: .8rem 0;
	border-bottom: var(--base-light) 1px solid;
}

#hjx-circuit__shows .show-title {
	font-weight: 800;
	padding: 1em 0 0;
	color: var(--cp-primary-brighter);
}

#hjx-circuit__shows .show-dates {
	font-size: .6em;
	margin-bottom: .5em;
	color: var(--cp-primary-darker);
}

#hjx-circuit__shows .show-details {
	font-size: calc(.5rem + .2vw);
	padding: .8em 0;
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: space-between;
	text-transform: uppercase;
	font-weight: 500;
	margin-left: 0;
	letter-spacing: .08em;
}

#hjx-circuit__shows .show-details div:first-of-type {
	background: var(--cp-grey-100);
	padding: 1em 2em;  	
	color: var(--cp-primary-darker);
}

.circuit-details__wrap {
	padding: 0 0 2rem;
	border-radius: 4px;
	width: 100%;
	max-width: 460px;
	margin: 4rem auto 0;
	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");

	h3 {
		font-size: calc(1.5rem + .6vw);
		color: white;
		text-transform: uppercase;
		margin-bottom: 1em;
		background: var(--cp-primary);
		padding: 1em;
		border-radius: 4px 4px 0 0;
		font-weight: 700;
		text-align: center;
	}

	h4 {
		text-transform: uppercase;
		font-weight: 400;
		font-size: calc(.6rem + .2vw);
		color: var(--primary-comp);
		text-align: center;
		position: relative;
		padding: 2em 0 1.2em;
		letter-spacing: .15em;
	}

	h4::before {
		content: "";
		position: absolute;
		width: 65%;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		height: 1px;
		background-color: var(--accent-light);
	}
}


.circuit-details__wrap ul {
	list-style-type: none;
	padding: 0 1.5rem;
	margin: 0 0 3rem;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-size: calc(.8rem + .2vw);
	color: var(--cp-primary-bright);
	font-weight: 600;
}

.circuit-details__wrap ul li {
	margin-bottom: 2em;
}

.circuit-details__wrap ul li:last-of-type {
	margin-bottom: 0;
}

.circuit-details__wrap ul li a {
	color: var(--cp-primary-brighter);
}

.circuit-sb__wrap {
	display: flex;
	flex-flow: wrap;
	width: 100%;
	justify-content: center;
	padding: 0 .5rem;

	.circuit-sb {
		max-width: 120px;
		padding: 6px;

		img {
			width: 100%;
			height: 100%;
			clip-path: inset(0 round 10px);
		}
	}
}

/* ..... // Circuit Page Media Queries // ..... */
@media screen and (min-width:768px) {
	#hjx-circuit__content {
		padding: 4rem 1.5rem 6rem;
	}
}

@media screen and (min-width:992px) {
	#hjx-destinations header .label-one, #hjx-destinations header .label-two {
		font-size: calc(1rem + .2vw);
	}

	#hjx-circuit .circuit-dates {
		text-align: left;
	}

	#hjx-circuit__content {
		justify-content: space-between;
		padding: 4rem 4rem 10rem;
		flex-direction: row;
	}


	#hjx-circuit .circuit-label {
		margin-left: 0;
	}

	#hjx-circuit__shows {
		margin: 0;
		padding-right: 2rem;
	}

	#hjx-circuit__shows ul li {
		padding: .8rem;
	}

	#hjx-circuit__shows .show-title {
		padding: 1rem 1rem .25rem;
	}

	#hjx-circuit__shows .show-dates {
		font-size: .6em;
		margin-bottom: .5em;
		padding-left: 1rem;
	}

	#hjx-circuit__shows .show-details {
		padding: .8em 1rem;
	}

	.circuit-details__wrap {
		max-width: 380px;
		margin: 1.5rem 0 0 auto;
	}

}


/* ..... CTA Footer for bottom of destinations and circuits channel pages ****/
#destinations-footer {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 5rem 2rem;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	background-color: black;
	background-image:url(https://hjxbucket.s3.us-east-2.amazonaws.com/site/heroes/usef-pony-finals.webp);
	background-position: center center;
	font-size: calc(.9rem + .2vw);
	border-top: var(--accent-light) 40px solid;
	min-height: 55vh;
    align-items: center;
}

#destinations-footer .content-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
	position: relative;
  	z-index: 10;
}

#destinations-footer .content-container .title-wrap {
	display: flex;
	flex-direction: column;
	max-width: 360px;
}
#destinations-footer .content-container .title {
	font-size: 1.8em;
	color: var(--accent-light);
	text-transform: uppercase;
	line-height: 1.4;
	font-weight: 600;
}

#destinations-footer .content-container .subtitle {
	font-size: .65em;
	color: white;
	line-height: 1.6;
	font-weight: 500;
	margin-bottom: .9em;
	text-transform: uppercase;
	letter-spacing: .1em;
}

#destinations-footer .content-container .content-wrap {
	display: flex;
	flex-direction: column;
	flex-grow: 2;
}

#destinations-footer .content-container .content p {
	font-size: .85em;
	color: white;
	margin: 0;
  	padding: 2rem 0 0;
	line-height: 2;
	max-width: 600px;
}

#destinations-footer .content-container .content-wrap a {
	color: var(--accent-bright);
	background: var(--accent-light);
	padding: .2em;
}

#destinations-footer a.cta {
	color: var(--accent-bright);
	font-weight: 600;
	font-size: .75em;
	background: var(--accent-light);
	padding: 1.2em 2.4em;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: .2em;
	display: inline-flex;
	margin: 1rem auto 0 0;
	line-height: 1;
	transition: .5s ease;
}

#destinations-footer a:hover.cta {
	filter: brightness(1.4);
}

/* ..... Media Queries for #destinations-footer section ****/
@media screen and (min-width:576px) {
	#destinations-footer {
		padding: 5rem 4rem;
	}
}
@media screen and (min-width:768px) {
	#destinations-footer {
		padding: 6rem;
	}
	#destinations-footer .content-container .title {
		font-size: 2.2em;
	}
}
@media screen and (min-width:1200px) {
	#destinations-footer {
		padding: 12rem 6rem;
	}
	#destinations-footer .content-container .content p {
		margin: auto;
		font-size: 1em;
		line-height: 2.2;
		padding: 0;
	}
}

/* ..... // Shop (Horses) Page aka Filter // ..... */


.hjx-shop__construction-notice {
	color: var(--accent-ultra-light);
	background: var(--accent-bright);
	padding: 60px 10px 20px;
	text-align: center;
	font-weight: 600;
	font-size: calc(.5rem + .2vw);
	line-height: 1.8;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.hjx-shop__construction-notice div {
	max-width: 820px;
	margin: 0 auto;
}

#filter-pg {
	background: var(--cp-grey-50);
	/*padding-top: 40px;*/
	min-height: 100vh;
}

#filter-pg h1 {
	text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .1em;
    color: var(--secondary);
	position: relative;
	font-family: 'Poppins',sans-serif;
}

#filter-pg__wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 100vh;
}

#filter-pg header {
	display: flex;
    flex-flow: column;
	margin-top: 1rem;
	padding: 1rem 0;
}

#filter-pg .filter-launch {
	font-size: 0.9rem;
	color: var(--cp-primary-bold);
	border: none;
	background: transparent;
}

#filter-pg .show-name-search {
	padding: 1rem 1rem 1rem 0;
	flex-grow: 1;
}

#filter-pg .total-results {
	text-transform: uppercase;
	font-weight: 600;
	color: var(--secondary);
	display: flex;
	flex-direction: row;
	padding: 0 1rem;
	justify-content: space-between;
	font-size: calc(.7rem + .2vw);
}

#filter-show-name__form input[type="search"] {
	padding: 1.25em;
	border: 2px solid var(--secondary);
	border-radius: 4px;
	width: 100%;
	font-size: .75rem;
}

#filter-pg aside {
	display: none;
	padding: 0 1.5rem;
}

#filter-pg aside.active {
	overflow-y: scroll;
}

/* ----  Filter Page Functions ---- */

#filter-functions {
	background: white;
	width: 94%;
	max-width: 400px;
  margin: 0 auto;
  padding-bottom: 3rem;
}

#filter-functions .heading {
    padding: 30px 0 0;
	position: relative !important;

	.ais-ClearRefinements {
		text-align: start !important;
	}
}

#filter-functions .footer {
	padding: 30px 0 20px;
}

#filter-functions .footer.text-center {
	text-align: start !important;
}

#filter-functions .heading button, #filter-functions .footer > button {
	padding: .75rem 1.5rem;
	font-size: calc(.75rem + .2vw);
	letter-spacing: .05rem;
	clip-path: inset(0 round 4px);
  background: var(--cp-primary-bold);
  color: white;
  text-transform: uppercase;
  font-family: "bree", sans-serif !important;
  font-variation-settings: "wght" 500 !important;
}

#filter-functions .heading button::before {
	content: "" !important;
}


#filter-functions .heading .title {
	color: var(--primary-comp);
    font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-family: "bree", sans-serif;
	font-variation-settings: "wght" 600;
}
#filter-functions .heading .clear-all {
	text-transform: uppercase;
	font-weight: 500;

}
#filter-functions .heading .selected-filters {
	padding: 1rem;
	display: flex;
	flex-direction: row;
}
#filter-functions .heading .selected-filters .item {
	padding: .6em 1em;
	background: white;
	display: inline-flex;
	flex-direction: row;
	margin: .25em;
	font-size: .65rem;
	border: var(--primary-light) 1px solid;
	line-height: 1;
}
#filter-functions .accordion {
	margin: 0 auto;
	color: var(--cp-primary-medium);
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
	border-width: 0px;
	background: none;
}


#filter-functions .accordion-item {
	background: none;
	color: var(--cp-primary-medium);
	border: none;
	width: 100%;
	margin: 0 auto 4px;
	border-bottom: 1px solid var(--cp-primary-ultra-light);
	padding: .5rem 0;
}

#filter-functions .accordion-button {
	background: none;
	color: var(--cp-primary-medium);
	padding: 1em .75em;
    font-size: calc(.8rem + .2vw);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .1em;
	border: unset;
	box-shadow: none;
	border-radius: 4px 4px 0 0;
}

#filter-functions .accordion-button::after {
	/*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%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");*/	
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23a15d67" d="M96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320z"/></svg>');
	width: 1em;
	height: 1em;
	background-size: 1em;
}

#filter-functions .accordion-button:not(.collapsed)::after {
	  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23a15d67" d="M352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128L288 288L128 288C110.3 288 96 302.3 96 320C96 337.7 110.3 352 128 352L288 352L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 352L512 352C529.7 352 544 337.7 544 320C544 302.3 529.7 288 512 288L352 288L352 128z"/></svg>');
}

#filter-functions .accordion-button:focus {
	border-color: var(--primary-ultra-light);
	box-shadow: none;
}

#filter-functions .accordion-body {
	padding: .5rem 1rem;
}

#filter-functions ul.filter-group,
.ais-RefinementList-list,
.ais-HierarchicalMenu-list {
	list-style-type: none;
	font-size: calc(.65rem + .2vw);
	color: var(--cp-primary-bold);
	font-family: "bree", sans-serif !important;
  	font-variation-settings: "wght" 500 !important;
	text-transform: uppercase;
    letter-spacing: .05em;
		padding: 0;
		margin: 0;
}

#filter-functions ul.filter-group li,
.ais-RefinementList-list li,
.ais-HierarchicalMenu-list li {
	margin-bottom: .5em;
}

#filter-functions ul.filter-group li:last-of-type,
.ais-RefinementList-list li:last-of-type,
.ais-HierarchicalMenu-list li {
	margin-bottom: 0;
}

#filter-functions ul.filter-group li input,
.ais-RefinementList-list li input,
.ais-HierarchicalMenu-list li input {
	margin-right: 4px;
}

#filter-functions ul.filter-group li input[type="checkbox"],
.ais-RefinementList-list li input[type="checkbox"] {
	color: var(--cp-primary-medium);
}

/*** checkbox styles ***/
.ais-RefinementList-list li label {
	display: flex;
  align-items: center;
  line-height: 1;
}

.ais-HierarchicalMenu-list a {
	color: var(--cp-primary-bold);
		display: flex;
  align-items: center;
  line-height: 1;
}

.ais-RefinementList-list li label span.ais-RefinementList-labelText, .ais-HierarchicalMenu-list a span.ais-HierarchicalMenu-label {
	margin-right: 6px;
}
.ais-RefinementList-list li input[type="checkbox"], .ais-HierarchicalMenu-list li input[type="checkbox"] {
	box-sizing: border-box;
  width: 18px;
  height: 18px;
  margin: 6px;
  padding: 6px 10px 6px 0;
  border: 1px solid var(--cp-primary);
  appearance: none;
  background-color:var(--white-trans-90) !important;
  outline: none;
  transition: outline 0.1s;
  border-radius: 3px;
}

.ais-RefinementList-list li input[type="checkbox"]:checked {
	background-size: cover;
  padding: 2px;
  background-color: white;
}

.ais-RefinementList-list li input[type="checkbox"]:not(:disabled):checked {
  border-color: white;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path fill="%23853540" d="M455.8 48.1c-52.7 25.9-145.7 90.9-253.2 252.1-2.3 3.5-6.1 5.9-10.3 6.3-4.2 .5-8.4-.9-11.4-3.9-36.1-34.2-80.3-58.7-128.4-71.2-6-1.6-12.3 .9-15.6 6.1s-2.8 12 1.2 16.7c44.2 50.8 89.8 132.1 119.9 190.6l0 0c6.4 12.4 19 20.3 33 20.6 13.9 .3 26.9-7 33.9-19.1 61.1-105.6 192.9-295.4 249.8-376.5 3.9-5.6 3.5-13.1-.9-18.2-4.4-5.1-11.8-6.6-17.9-3.6z"/></svg>');
}

.ais-RefinementList-list li input[type="checkbox"]:disabled {
  background-color: var(--cp-primary-ultra-light);
}

.ais-RefinementList-list li input[type="checkbox"]:disabled:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: %238b8c89" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>');
}

@media (hover: hover) {
  .ais-RefinementList-list li input[type="checkbox"]:not(:disabled):hover, .ais-HierarchicalMenu-list li input[type="checkbox"]:not(:disabled):hover {
    background-color: var(--cp-primary);
    outline: 1px solid var(--cp-primary-brighter);
	/*transform: scale(1.05);*/	
  }
}

.ais-RefinementList-list li input[type="checkbox"]:focus-visible, .ais-HierarchicalMenu-list li input[type="checkbox"]:focus-visible {
  outline: 1px solid var(--cp-primary-brighter);
  /*transform: scale(1.05);*/
}


/***/

#filter-functions ul.filter-group li label a,
.ais-RefinementList-list li label a {
	color: var(--cp-primary-light);
	margin-left: .5em;
}

.ais-RefinementList-count,
.ais-HierarchicalMenu-count {
background: var(--cp-primary-ultra-light);
  border-radius: 3px;
  padding: 2px 4px 5px;
  color: var(--cp-primary-medium);
  line-height: 1;
  margin-top: auto;
  margin-bottom: auto;
  font-variation-settings: "wght" 500 !important;
  font-size: .9em;
}

.ais-HierarchicalMenu-link:not(.hjx-custom) {
	border-left: 1px solid var(--cp-primary-dark);
}

ul.ais-HierarchicalMenu-list--child,
.ais-HierarchicalMenu-list li > ul {
	padding-left: 10px;
	position: relative;
}

ul.ais-HierarchicalMenu-list--child li:first-child::before {
	content: "";
	display: block;
	width: 10px;
	height: 0;
	top: 0;
	left: 0;
	border-bottom: 1px solid var(--cp-primary-dark);
	position: absolute;
}

.ais-HierarchicalMenu > ul.ais-HierarchicalMenu-list > .ais-HierarchicalMenu-item  > .ais-HierarchicalMenu-link {
	border: 0;
}

.ais-HierarchicalMenu > ul.ais-HierarchicalMenu-list > .ais-HierarchicalMenu-item  > .ais-HierarchicalMenu-link + .ais-HierarchicalMenu-list--child > li:first-child::before {
	display: none;
}

.ais-HierarchicalMenu-link--selected:not(.hjx-custom) {
	font-weight: bold;
}

/* ---- override Shop CSS Aside / Filter Function Styles (main.css) ---- */
#filter-pg #filterAccordion-collapsePrice .accordion-body > .text-center {
	text-align: unset !important;
}

#filter-pg .budget-type {
	border-radius: 3px !important;
}
#filter-pg .budget-type .btn {
background: var(--cp-primary-ultra-light) !important;
  color: var(--cp-primary-bold) !important;
	border: none !important; 
	font-family: "bree", sans-serif !important;
  	font-variation-settings: "wght" 500 !important;
	letter-spacing: .05em !important;
}

#filter-pg .budget-type .btn.active {
	border: none !important;
	background: var(--cp-primary-bold) !important;
  color: white !important;
}

#filter-pg #filterAccordion-collapseSize span.slider-thumb__value-sub {
	text-transform: uppercase;
}

#filter-pg .slider-thumb__value span {
	font-family: "bree", sans-serif !important;
  	font-variation-settings: "wght" 400 !important;
	background: var(--cp-primary-ultra-light) !important;
  border-radius: 3px !important;
  line-height: 1 !important;
  padding: 4px !important;
  color: var(--cp-primary-medium) !important;
}

#filter-pg .slider-track {
	background: var(--cp-grey-200) !important;
}

#filter-pg .slider-track.slider-track-1 {
	background: var(--cp-primary-bold) !important;
}

#filter-pg .slider-thumb {
border-color: var(--cp-primary-bold) !important;
  background-color: var(--cp-primary-bold) !important;
}

@media (max-width: 991px) {
	#filter-functions {
		height: auto !important;
	}
	
	#filter-pg aside {
		background-color: white !important;
		border-right: 1px solid var(--cp-grey-100);
	}
	/*	
	#filter-functions {
		background: rgb(247,229,226);
  		background: linear-gradient(170deg, rgba(247,229,226,1) 0%, rgba(249,240,241,1) 34%, rgba(252,248,248,1) 61%, rgba(247,229,226,1) 100%) !important;
	}
		*/
	#filter-pg .accordion {
		position: relative !important;
		top: 20px;
		/*background: rgb(247,229,226);*/
		/*background: linear-gradient(170deg, rgba(247,229,226,1) 0%, rgba(249,240,241,1) 34%, rgba(252,248,248,1) 61%, rgba(247,229,226,1) 100%) !important;*/
	}
}


/*#filterAccordion-collapseLocation > div > div > ul > li > ul > li::before*/

/* ----------- Filter page Results --------------- */

#filter-results {
	display: flex;
    flex-direction: column;
	padding: 0 1rem 3rem;
}

#filter-results__none {
	font-size: 1rem;
	padding: 1em 2em;
	color: var(--accent-hover);
	text-align: center;
	justify-content: center;
	display: inline-flex;
	margin: 3em auto;
}

#filter-results {
	#filter-results__card-wrap {
		display: grid;
		grid-template-columns: 1fr;

		.hjx-card-outer {
			padding: .5rem;

			.hjx-card-horse {
				position: relative;
				display: flex;
				flex-direction: column;
				height: 58vh;
				max-height: 420px;
				clip-path: inset(0 round 6px);
				border: 1px solid var(--black-trans-40);

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

				.overlay {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 5;
					background-color: var(--black-trans-60);
					background: linear-gradient(16deg, rgba(0,0,0,1) 0%, rgba(5,5,5,0.36876757538953087) 43%, rgba(5,5,5,0.09145665101978295) 71%, rgba(0,0,0,0) 100%);
				}

				.content {
					position: relative;
					width: 100%;
					height: 100%;
					z-index: 15;
					display: flex;
					flex-direction: column;
					margin: auto;
					border-radius: 4px;

					.quick-view {
						display: flex;
						align-items: center;
						font-size: calc(.8rem + .1vw);
						padding: 0 12px;
						border-radius: 3px 3px 0 0;
						background: var(--black-trans-40);
						height: 36px;
						background: rgba(56, 22, 27, .8);
						backdrop-filter: blur(5px);

						a {
							color: var(--cp-primary-ultra-light);
							line-height: 1;
							padding-right: .25em;
						}
					}

					.motivated {
						color: var(--cp-primary-ultra-light);
						height: 36px;
						display: flex;
						align-items: center;
						position: absolute;
						top: 0;
						z-index: 99;
						right: 1rem;
						line-height: 1em;
						text-transform: uppercase;
						font-size: calc(.6rem + .1vw);
						letter-spacing: .05em;
						font-weight: 500;
						font-family: pt-sans-pro-narrow, sans-serif;
					}

					.details {
						position: absolute;
						bottom: 0;
						width: 100%;
						display: flex;
						justify-content: center;
						align-items: center;
						padding: 6px;
						font-size: calc(.6rem + .1vw);
						letter-spacing: .05em;
						font-weight: 500;
						text-transform: uppercase;
						margin-top: auto;
						font-family: pt-sans-pro-narrow, sans-serif;						
						border-radius: 0 0 4px 4px;
						height: 40px;
						background: rgba(56, 22, 27, .8);
						backdrop-filter: blur(10px);

						> div {
							padding: 2px 8px;
							font-weight: 400;
							color: white;
							border-right: 1px solid var(--cp-primary-light);
              				line-height: 1;

							svg {
								display: none;
							}
						}

						> div:last-of-type {
							border-right: none;
						}
					}

					.inner > .p-3 > .d-flex {
						align-items: center;
					}

					.inner {
						position: relative;
						border-radius: 0 0 4px 4px;
						padding-top: .6rem;
						display: flex;
						flex-direction: column;
						margin-top: auto;
						padding-bottom: 60px;

						.sb-tag {
							position: absolute;
							z-index: 10;
							bottom: 56px;
							right: 1rem;
							font-weight: 400;
							font-size: clamp(0.75rem, .5vw + 0.4rem, .9rem);
							letter-spacing: .05rem;
							font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;

							a, a:visited {
								color: white;
								transition: all .4s ease;
								line-height: 1;
								position: relative;
								display: flex;
								align-items: center;
								filter: brightness(1);
								

								svg {
									color: var(--cp-primary);
									font-size: 1.2em;
									filter: brightness(1);
								}
							}

							a:hover {
								filter: brightness(1.1);
								color: var(--cp-primary);
							}
						}

						a.title {
							font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
              				font-size: clamp(1.4rem, 1.5vw + 1.8rem, 2rem);						
							margin-bottom: 0;
							position: relative;
							line-height: 1.1;
							font-weight: 400;
							color: white;
							transition: .4s ease;
						}

						 .type {
							display: flex;
							flex-direction: row;
							margin-left: 8px;
							white-space: nowrap;

							svg {
								margin-right: 4px;
								--fa-primary-color: var(--cp-primary-bold) !important;
								--fa-secondary-color: var(--cp-primary-ultra-light) !important;
								font-size: calc(.85rem + .1vw);
							}
						}

						.qs {
							font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
							font-size: clamp(.9rem, .2vw + .9rem, 1rem);
							letter-spacing: .05em;
							font-weight: 500;
							color: white;
							text-transform: uppercase;
						}						

						a.btn-details {		
							position: absolute;
							bottom: 50px;
							z-index: 10;
							left: 1rem;
							transition: all .4s ease;
							padding: 0 24px;
							border: 1px solid var(--cp-primary-light);
							line-height: 1;
							height: 28px;
							display: flex;
							align-items: center;
							border-radius: 3px;
							background: var(--black-trans-60);
              				color: var(--cp-primary-light);
							font-family: pt-sans-pro-narrow, sans-serif;
							font-weight: 500;
							text-transform: uppercase;
							font-size: clamp(0.75rem, .5vw + 0.4rem, .9rem);
							font-family: "rama-gothic-e", pt-sans-pro-narrow, sans-serif;
							letter-spacing: .08rem;							
							box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

							svg {
								display: none;
								margin-left: 6px;
							}
						}

						a:hover.btn-details {
							background: var(--cp-primary-light);
              				color: var(--cp-primary-darkest);
						}
												
					}
				}
			}
		}		
	}
}

@media screen and (min-width:576px) {
	#filter-pg header {
		padding: 2rem;
	}
}

@media screen and (min-width:768px) {
	.hjx-shop__construction-notice {
		padding: 60px 80px 20px;
  		font-size: calc(.6rem + .2vw);
	}
	#filter-results #filter-results__card-wrap {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width:992px) {
	/**
	#filter-pg {
		padding-top: 100px;
	}
	**/
	.hjx-shop__construction-notice {
		padding: 130px 100px 20px;	
	}
	#filter-pg__wrapper {
		flex-direction: row;
	}
	#filter-pg aside {
		display: flex;
		flex-direction: column;
		flex-flow: column;
		width: 330px;
		padding: 0 1.5rem 0 1rem;
		border: 1px solid var(--cp-grey-100);
		background: white !important;
	}
	#filter-pg main {
		flex-grow: 1;
	}

	#filter-functions .footer {
		display: none;
	}
	#filter-functions .heading {
		margin-bottom: 20px;
	}

	#filter-functions .accordion {
		padding-top: 4rem;
	}

	body:has(#filter-functions .heading) .accordion {
        padding-top: 0;
    }
}

@media screen and (min-width:1200px) {
	#filter-results #filter-results__card-wrap {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
/* ..... // HJX Contact Page // ..... */

#hjx-contact {
	display: flex;
	flex-direction: column;
	padding: 2rem .5rem;
	position: relative;
	z-index: 30;
	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");

	.content-wrap {
		background: var(--white-trans-60);
		border: 1px solid var(--cp-primary-ultra-light);
		border-radius: 6px;
		width: 100%;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;

		h1 {
			font-family: poppins, sans-serif;
			font-size: calc(.8rem + .2vw);
			color: white;
			line-height: 1;
			text-transform: uppercase;
			letter-spacing: .04em;
			font-weight: 600;
			text-align: center;
			background: var(--cp-primary);
			padding: 1rem;
			border-radius: 4px;
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
		}

		h2.msg-sent {
			font-family: poppins, sans-serif;
			font-size: calc(.8rem + .2vw);
			color: white;
			line-height: 1;
			text-transform: uppercase;
			letter-spacing: .04em;
			font-weight: 600;
			text-align: center;
			background: var(--cp-primary-comp);
			padding: 1rem;
			border-radius: 4px;
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
		}
	}
}

#hjx-contact .quick-links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	border-radius: 8px;
	margin: 0 auto 1rem;
	color: var(--cp-primary-medium);
	font-weight: 500;
	font-size: calc(.6rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	text-transform: uppercase;

	div {
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		padding: .65rem 1.5rem .75rem;
		background: var(--white-trans-60);
		width: fit-content;
		margin: 0 auto;
		border-radius: 4px;
		border: 1px solid var(--cp-primary-ultra-light);
		line-height: 1;

		a {
			background: var(--cp-primary);
			padding: .7rem 0;
			color: white;
			border-radius: 2px;
			margin: 0 auto;
			width: 10em;
			font-weight: 600;
			line-height: 1;
		}
	}
}

#hjx-contact-form {
	padding: 1rem;
	display: flex;
	flex-direction: column;
}

#hjx-contact-form .note {
	color: var(--cp-primary-medium);
	font-weight: 500;
	font-size: .75rem;
	text-align: center;
	max-width: 400px;
	margin: 0 auto;
}

#hjx-contact-form .form-wrap {
	padding: 2rem;
	width: 98%;
	margin: 2rem auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 480px;
	background: var(--cp-primary-ultra-light);
	border-radius: 4px;
	border: var(--cp-primary-light);
}

#hjx-contact-form .form-wrap svg {
	color: var(--accent-hover);
}
#hjx-contact__form p {
	margin-bottom: 3em;
}

#hjx-contact__form label {
	margin-bottom: 8px;
	color: var(--cp-primary-darkest);
	font-size: .7rem;
	font-weight: 500;
}

#hjx-contact__form input,
#hjx-contact__form textarea {
	border-radius: 6px;
	padding: .8em 1em;
	font-size: .75rem;
	border: 1px solid var(--cp-primary-ultra-light);
}

#hjx-contact__form input[type=text], #hjx-contact__form textarea {
	width: 100%;
	resize: vertical;
}

#hjx-contact__form textarea {
	height: 12rem;
}
#hjx-contact__form input[type=submit] {
	background: var(--cp-primary-comp);
	font-size: .8rem;
	border-radius: 4px;
	width: 8em;
	color: white;
	font-weight: 600;
	border: var(--cp-primary-comp) 1px solid;
	text-transform: uppercase;
	font-family: pt-sans-pro-narrow, sans-serif;
}

#hjx-contact-form .success {
	margin: 3rem auto;
	color: white;
}

#hjx-contact-details {
	display: flex;
	flex-direction: column;
	padding: 1rem 2rem 4rem;
	color: var(--cp-primary);
	text-align: center;
	font-weight: 500;
	font-size: calc(.8rem + .2vw);
}



/* ..... // Resusable Card - Horses - Used on Home Page & Filter Page // ..... */

/* ... wrap each card with gutter padding ... */

/*** tidied and moved higher up in doc Nov 2025 ***
#filter-results__card-wrap .hjx-card-outer {
	padding: .5rem;
}

#hjx-home__new-wrap .hjx-card-outer {
	padding: .5rem;
}

.hjx-card-outer {
	overflow: visible;
}

.hjx-card-horse {
	position: relative;
	height: 58vh;
	max-height: 580px;
	box-shadow: 3px 4px 16px 0px rgba(8,10,10,0.3);
	clip-path: inset(0 round 10px);
}

.hjx-card-horse img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center -40px;
	z-index: 5;
	border-radius: 4px;
}

.hjx-card-horse .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
    background-color: var(--black-trans-60);
    background: linear-gradient(16deg, rgba(0,0,0,1) 0%, rgba(5,5,5,0.36876757538953087) 43%, rgba(5,5,5,0.09145665101978295) 71%, rgba(0,0,0,0) 100%);
	border-radius: 4px;
}

.hjx-card-horse .content {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 15;
	display: flex;
	flex-direction: column;
}

.hjx-card-horse .content a.title {
	font-size: calc(1rem + .3vw);
	letter-spacing: -.04em;
	margin-bottom: 0;
	position: relative;
	line-height: 1.1;
	font-weight: 400;
	color: white;
	transition: .3s ease;
}

.hjx-card-horse .content a:hover.title {
	color: var(--cp-primary);
}

.hjx-card-horse .content .quick-view {
	display: flex;
	font-size: 1.4rem;
	color: var(--white-trans-60);
	padding: 12px;
}

.hjx-card-horse .content .quick-view .motivated {
	text-transform: uppercase;
	color: white;
	font-size: .55rem;
	margin-left: auto;
	letter-spacing: .1rem;
	margin-top: 4px;
	margin-right: 3px;
	background: rgba(56, 22, 27, .7);
	padding: 6px 12px;
	line-height: 1;
	display: flex;
	align-items: center;
	border-radius: 4px;
	font-weight: 500;
}

.hjx-card-horse .content .quick-view a {
	color: var(--white-trans-60);
}

.hjx-card-horse .content .quick-view a:hover {
	color: white;
}

.hjx-card-horse .content .details {
	display: flex;
	justify-content: end;
	padding: 6px;
	font-size: calc(.625rem + .2vw);
	letter-spacing: .05em;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: auto;
	font-family: pt-sans-pro-narrow, sans-serif;
}

.hjx-card-horse .content .details div {
	background: rgba(56, 22, 27, .7);
	padding: .5em 1em;
	margin-right: 6px;
	border-radius: 3px;
	color: white;
}

.hjx-card-horse .content .inner {
	background: rgba(56, 22, 27, .5);
	position: relative;
	font-size: calc(.8rem + .2vw);
	font-weight: 600;
	letter-spacing: .01em;
	border-radius: 0 0 4px 4px;
	padding-top: 1em;
	display: flex;
	flex-direction: column;
}

.hjx-card-horse .content .inner .sb-tag {
	position: absolute;
	bottom: 54px;
	z-index: 99;
	left: 1rem;
	font-size:  calc(.5rem + .2vw);
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 600;
}

.hjx-card-horse .content .inner .sb-tag svg {
	font-size: calc(.9rem + .2vw);
	margin-bottom: -2px;
}

.hjx-card-horse .content .inner .sb-tag a {
	color: var(--cp-primary);
	transition: .3s ease;
}

.hjx-card-horse .content .inner .sb-tag a:hover {
	color: var(--cp-primary-ultra-light);
}
.hjx-card-horse .content .inner .qs {
	font-size:  calc(.7rem + .2vw);
	font-family: pt-sans-pro-narrow, sans-serif;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.hjx-card-horse .content .inner .type {
	display: flex;
	flex-direction: row;
	margin-left: 8px;
	align-items: end;
	padding-bottom: 6px;
	white-space: nowrap;
}

.hjx-card-horse .content .inner .type svg {
	margin-right: 4px;
}

.hjx-card-horse .btn-details__wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hjx-card-horse .tag_new-updated {
	margin: 0 0 0 12px;
	color: var(--accent-bright);
	line-height: 1;
	font-family: pt-sans-pro-narrow, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}

.hjx-card-horse .content .inner a.btn-details {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: end;
	display: inline-flex;
	padding: 0 1.5em;
	height: 44px;
	font-size: calc(.65rem + .2vw);
	text-align: end;
	border-radius: 0 0 10px 10px;
	letter-spacing: .1em;
	background: rgba(0,0,0,.4);
	transition: .4s ease;
	text-transform: uppercase;
	font-weight: 700;	
	font-family: pt-sans-pro-narrow, sans-serif;
  	color: var(--cp-primary);
}

.hjx-card-horse .content .inner a:hover.btn-details {
	filter: brightness(1.1);
}

.hjx-card-horse .content .inner a.btn-details svg {
	margin-left: 6px;
}

.hjx-card-horse .content .inner a.btn-details:active {
	filter: brightness(0.9);
}

/******______// New Show Cards 2025 \\______******/
#hjx-home a.upcoming-show-box {
	display: flex;
	overflow: hidden;
	height: 100%;
	flex-grow: 1;
	flex-direction: column;
	padding: 1.5rem 1.5rem 1.75rem;
	border-radius: 4px;
	margin-left: .25rem;
	margin-right: .25rem;
	margin-bottom: .5rem;
	color: white;
	transition: all .4s ease;
}

#hjx-home a:hover.upcoming-show-box {
	filter: brightness(1.1);
}

#hjx-home a.upcoming-show-box.dark {
	background-color: var(--cp-primary-darker);
  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='%236c3c43' fill-opacity='0.2' fill-rule='evenodd'/%3E%3C/svg%3E");
}

#hjx-home a.upcoming-show-box.light {
	background-color: var(--cp-primary-dark);
  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 0.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='%23523135' fill-opacity='0.3' fill-rule='evenodd'/%3E%3C/svg%3E");
}

#hjx-home a.upcoming-show-box .heading {
	font-size: calc(.7rem + .1vw);
	letter-spacing: .07em;
	text-transform: uppercase;
	margin-bottom: .25rem;
	color: var(--white-trans-90);
	font-weight: 600;
}

#hjx-home a.upcoming-show-box .show-title {
font-size: calc(1.1rem + .5vw);	
font-weight: 700;
font-family: pt-sans-pro-narrow, sans-serif;
margin-bottom: .25rem;
}

#hjx-home a.upcoming-show-box .show-details {
	font-weight: 500;
	color: white;
	line-height: 1.2;
	font-size: calc(.8rem + .2vw);
	margin-bottom: 1.5rem;
	font-family: pt-sans-pro-narrow, sans-serif;
}

#hjx-home a.upcoming-show-box .attending {
	display: flex;
	margin-top: auto;
	font-size: calc(1.2rem + .3vw);	
	font-weight: 800;
	text-transform: uppercase;
	font-family: pt-sans-pro-narrow, sans-serif;
	letter-spacing: .03em;
	color: white;
}

#hjx-home a.upcoming-show-box .attending > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: .25rem;
	padding: 5px 8px 5px 5px;
	border-radius: 3px;
  	background: var(--white-trans-20);
}

#hjx-home a.upcoming-show-box .attending svg {
	font-size: calc(1.4rem + .3vw);
  	margin-right: 5px;
}


/* ......... //  Reusuable Card - Shows - Used on Home Page & Show Calendar  // ......... */
/* .... commented out 9/17/25 ****
#hjx-home__shows .hjx-card-show__outer {
	height: 100%;
	display: flex;
	border-radius: 4px 4px 0 0;
	border-bottom: var(--primary-comp) 1px solid;
	background: white;
}

#show-archive__event-wrap .hjx-card-show__outer {
	display: flex;
	border-radius: 4px 4px 0 0;
	margin-bottom: 2rem;
	border-bottom: var(--primary-comp) 1px solid;
}

.hjx-card-show {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	width: 100%;
	font-size: .7rem;
	border-radius: 4px 4px 0 0;
}

#show-archive__calendar .hjx-card-show {
	background: white;
}

.hjx-card-show .location {
	padding: 1.5em .5em;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	background: var(--cp-primary-darker);
	margin-bottom: 1em;
	border-radius: 4px 4px 0 0;
	font-size: 1em;
	letter-spacing: .1em;
	font-weight: 500;
	color: var(--cp-primary-light);
	font-family: poppins, sans-serif;
}

.hjx-card-show .show-details {
	padding: 1em 2em;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.hjx-card-show .attending {
	display: flex;
	flex-direction: row;
	font-weight: 600;
	padding: .4em .5em;
	font-size: 3.2rem;
	justify-content: center;
}
.hjx-card-show .attending .attending-sh,
.hjx-card-show .attending .attending-sb {
	display: flex;
	flex-direction: row;
	margin-right: 10px;
}

.hjx-card-show .attending .attending-sh .fa-layers,
.hjx-card-show .attending .attending-sb .fa-layers {
	color: var(--primary);

}
.hjx-card-show .attending .attending-sh svg {
	font-size: 1.1em;
}

.hjx-card-show .attending .attending-sb svg {
	font-size: 1.5em;
}

.hjx-card-show .attending .attending-sh .fa-layers-counter,
.hjx-card-show .attending .attending-sb .fa-layers-counter {
	font-size: 1.1em;
	font-family: "bree", sans-serif;
	font-variation-settings: "wght" 400;
}

.hjx-card-show .attending .attending-sb .fa-layers-counter {
	right: -12px;
}

.hjx-card-show a.title {
	font-size: calc(1rem + .2vw);
	color: var(--cp-primary-bright);
	margin: auto 0;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
}

.hjx-card-show a:hover.title {
	color: var(--primary-comp);
}

@media screen and (min-width:360px) {
	.hjx-card-show .attending {
		padding: 0.6em .4em .5em;
		font-size: 2.4rem;
	}
	.hjx-card-show .location {
		font-size: .9em;
	}
}
@media screen and (min-width:992px) {
	.hjx-card-show {
		font-size: .75rem;
	}
}
***/
/* ...... // Newsletter Section // ..... */

#hjx-newsletter {
	padding-top: 40px;
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
	background-image: url(https://hjxbucket.s3.us-east-2.amazonaws.com/site/heroes/hjx-fanta.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

#hjx-newsletter .bgrd-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: var(--black-trans-60);
}

#hjx-newsletter header {
	position: relative;
	z-index: 5;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 5rem 1rem 0;
}

#hjx-newsletter header .content__wrap {
	display: flex;
	flex-direction: column;
	max-width: 580px;
	margin: 0 auto;
}

#hjx-newsletter header h1 {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 500;
	line-height: 1;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 1.6rem;
	margin: 0 auto;
	color: var(--accent-bright);
}
#hjx-newsletter header h1 span {
	display: block;
  	padding: 8px 12px 8px 16px;
	margin-bottom: 6px;
  background: var(--accent-light);
}

#hjx-newsletter header h1 span.alt {
	border: var(--accent-light) 1px solid;
	background: white;
}

#hjx-newsletter__signup {
	width: 100%;
	padding: 1rem .5rem 4rem;
	max-width: 600px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}

#hjx-newsletter__signup #mc_embed_signup {
	background: var(--black-trans-60);
	padding: 2rem .5rem;
	border-radius: 4px;
	color: var(--primary);
	font-family: poppins, sans-serif;
}

#hjx-newsletter__signup #mc_embed_signup .mc-field-group label {
	margin-bottom: 6px;
  	margin-top: 12px;
}

#hjx-newsletter__signup #mc_embed_signup .mc-field-group input {
	padding: 12px 6px;
}

#hjx-newsletter__signup #mc_embed_signup .helper_text {
	color: var(--primary-light);
  margin-top: 12px;
  padding: 1.2em;
  background-color: black;
  border-radius: 6px;
}

#hjx-newsletter__signup #mc_embed_signup .mc-field-group.input-group ul {
	padding: 1em 2em;
}

#hjx-newsletter__signup #mc_embed_signup .mc-field-group.input-group ul li {
	margin-bottom: 6px;
}

#hjx-newsletter__signup #mc_embed_signup .button {
	background-color: var(--primary-light);
	color: var(--primary-dark);
	padding: 1em 3em;
	height: unset;
	line-height: unset;
}
#hjx-newsletter__success {
	width: 100%;
	padding: 4rem 1rem;
	max-width: 600px;
	margin: 0 auto;
}

#hjx-newsletter__success .success-wrap {
	background: var(--white-trans-80);
	border-radius: 24px;
	padding: 2rem;
}

#hjx-newsletter__archives {
	width: 100%;
	padding: 4rem 1rem;
	max-width: 1100px;
	margin: 0 auto;
}

#hjx-newsletter__archives .archives-wrap {
	background: var(--white-trans-80);
	border-radius: 24px;
	padding: 2rem;
}

/* --- Mailchimp Signup Form Styles --- */
#mc_embed_signup .mc-field-group.input-group input {
	margin-right: 8px;
}

#mc_embed_signup h1 {
	text-transform: uppercase;
	font-family: poppins, sans-serif;
	font-weight: 300;
}

@media screen and (min-width:576px) {
	#hjx-newsletter__signup {
		padding: 1rem 1rem 4rem;
	}
	#hjx-newsletter__signup #mc_embed_signup {
		padding: 2rem;
	}
}

@media screen and (min-width:992px) {
	#hjx-newsletter {
		padding-top: 80px;
	}
}

/* ...... // Terms Styles - Service Agreement et al // ..... */
#hjx-terms {
	background: white;
	padding: 140px 3rem 5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hjx-terms-content {
	max-width: 980px;
	margin: 0 auto;
}

.hjx-terms-content section {
	padding: 20px 0;
}

.hjx-terms-content section li {
	font-size: 1rem;
	font-family: pt-sans-pro-narrow, sans-serif;
	margin-bottom: 6px;
}

.hjx-terms-content p {
	font-size: 1rem;
	font-family: pt-sans-pro-narrow, sans-serif;
}

.hjx-terms-content a {
	color: var(--accent-medium);
}

.hjx-terms-content h5 {
	margin-top: 2rem;
}

.hjx-terms-content table {
	max-width: 800px;	
	margin-bottom: 2rem;
}

.hjx-terms-content table,
.hjx-terms-content th,
.hjx-terms-content td {
	border: 1px solid;
}
.hjx-terms-content table td,
.hjx-terms-content table th {
	padding: 18px;
}
/* ..... // Pagination Styles // ..... */

#hjx-paginate {
	display: flex;
	background: transparent;
}

#hjx-paginate nav,
.ais-Pagination {
	padding: .5em;
	display: inline-flex;
	justify-content: center;
	margin: 0 auto;
}
#hjx-paginate ul {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	margin-bottom: 0;
}

#hjx-paginate ul li {
	margin-right: .5em;
}

#hjx-paginate ul li:last-of-type {
	margin-right: 0;
}

#hjx-paginate ul li a {
	padding: .7em 0 .5em;
	background: var(--accent-bright);
	color: white;
	line-height: 1;
    width: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
	border-radius: 4px;
}

/* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
@media screen and (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}



#swipebox-title {
	display: none;
}

#swipebox-overlay {
	background: var(--black-trans-90);
}

#swipebox-slider .slide img {
	width: 100%;
	max-width: 900px;
	max-height: 900px;
	border: 20px solid var(--black-trans-60) !important;
}

#swipebox-bottom-bar, #swipebox-top-bar {
	background-color: var(--black-trans-60);
}

/********* HJx Blog *********/
#hjx-blog-layout h1, #hjx-blog-layout h2 {
	font-weight: 600;
	color: var(--cp-primary-bold);
	font-family: "shift", serif;
}

#hjx-blog-layout h1.blog-title {
	font-size: clamp(1.25rem, 2vw + 2rem, 3rem);
	margin: 1.5rem 0 2rem;
}

#hjx-blog-layout h3, #hjx-blog-layout h4, #hjx-blog-layout h5, #hjx-blog-layout h6 {
	font-family: "shift", serif;
	color: var(--cp-primary-dark);
	font-weight: 600;
}

#hjx-blog-layout .tagline {
	font-weight: 500;
	font-style: normal;
	font-size: calc(.6rem + .3vw);	
	color: var(--cp-primary-medium);
}

#hjx-blog-layout .tagline.interior {
	display: none;
}

#hjx-blog-layout .logo-wrap-index {
	display: flex;
	flex-direction: column;
	width: 12rem;
}

#hjx-blog-layout .logo-wrap-interior {
	display: flex;
	flex-direction: column;
	width: 5rem;
}

#hjx-blog-layout .logo-wrap-index img, #hjx-blog-layout .logo-wrap-interior img {
	width: 100%;
}

/* BLOG STRUCTURE */
#hjx-blog-layout .blog-wrap {
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
}

#hjx-blog-layout a {
	color: var(--cp-primary-brighter);
	transition: 0.4s ease;
}

#hjx-blog-layout a:hover {
	color: var(--cp-primary-bold);
}

#hjx-blog-layout .blog-wrap main {
	flex-basis: 0;
	flex-grow: 999;
	min-inline-size: 65%;
	padding: 0 2rem 3rem;
	color: var(--cp-primary-medium);
}

#hjx-blog-layout .blog-wrap main .blog-post {
	max-width: 750px;
	padding: 1rem;
	margin-left: auto;
  	margin-right: auto;
	color: var(--cp-primary-darker);
}

#hjx-blog-layout .blog-post h2 {
	margin-bottom: 1.5rem;
	color: var(--cp-primary-dark);
	font-family: "shift", serif;
  	font-size: clamp(1.1rem, .3vw + 1.2rem, 1.4rem);
}

#hjx-blog-layout .blog-wrap main .blog-post h3 {
	  font-size: clamp(1.05rem, .3vw + 1rem, 1.25rem);
}

#hjx-blog-layout .blog-wrap main .blog-post h4 {
	  font-size: clamp(.85rem, .4vw + .85rem, 1.05rem);
}

#hjx-blog-layout .blog-wrap main .blog-post h5 {
	  font-size: clamp(.7rem, .4vw + .75rem, .9rem);
}

#hjx-blog-layout .blog-wrap main .blog-post h6 {
	font-size: clamp(.6rem, .2vw + .65rem, .8rem);
}

#hjx-blog-layout .blog-wrap main article, #hjx-blog-layout .blog-wrap main #comments,#hjx-blog-layout .blog-wrap main #filed-under {
	max-width: 800px;
  	margin: 0 auto;
}

#hjx-blog-layout .blog-post p, #hjx-blog-layout .blog-post ul li {
	font-size: clamp(.7rem, .3vw + .65rem, .85rem);
	line-height: 1.6em;
	font-family: "shift", serif;
 	font-weight: 300;
}

#hjx-blog-layout .blog-post p {
	margin-bottom: 1.25rem;
	line-height: 1.8em;
}

#hjx-blog-layout .blog-wrap article blockquote {
	border-left: 5px solid var(--cp-primary-light);	
	margin-left: 0;
	font-style: italic;
	font-family: bree, sans-serif;
 	font-weight: 400;
	font-size: clamp(.7rem, .3vw + .8rem, .875rem);
	padding: 1.5rem;
	background: var(--cp-grey-50);
}

#hjx-blog-layout .blog-wrap aside {
	flex-basis: 20rem; 
  	flex-grow: 1;
	background: white;
	box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

#hjx-blog-layout .blog-wrap aside .sidebar {
	font-size: calc(.5rem + .4vw);
	border-bottom: var(--accent-light) 1px solid;
	padding: 0 1rem 1.5rem;
	height: 100%;
}

#hjx-blog-layout .blog-wrap aside .sidebar .index-wrap {
	display: flex;
	padding: 2rem 1rem 0 1rem;
	justify-content: space-between;
	align-items: center;
  	width: 100%;
}

#hjx-blog-layout .blog-wrap aside .sidebar .index-wrap p {
	color: var(--accent-medium);
	font-size: 1.3em;
	font-weight: 500;
}

#hjx-blog-layout .blog-wrap aside .sidebar .interior-wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

#hjx-blog-layout .blog-wrap aside .sidebar a.all-posts {
	font-size: calc(.65rem + .3vw);
	font-weight: 600;
	padding: .6rem 1.5rem .5rem;
	border: var(--accent) 1px solid;
	color: var(--accent-hover);
	border-radius: 4px;
	display: inline-flex;
	margin-right: auto;
	line-height: 1;
	justify-content: center;
}

#hjx-blog-layout .blog-wrap aside .sidebar ul {
	width: 100%;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 0;
	padding-left: 0;
}

#hjx-blog-layout .blog-wrap aside .sidebar ul.interior {
	display: none;
}

#hjx-blog-layout .blog-wrap aside .sidebar ul li {
	text-transform: uppercase;
	margin-bottom: .75em;
	margin-right: .75em;
	letter-spacing: .02em;
}

#hjx-blog-layout .blog-wrap aside .sidebar ul li a {
	background: var(--cp-primary-ultra-light);
	padding: .5em 2em;
	display: flex;
	border-radius: 3px;
}

#hjx-blog-layout .blog-wrap aside form.search input {
	padding: .5em;
}

#hjx-blog-layout .content-wrap {
	display: flex;
	flex-direction: column;
}

/* blog list - blog/index.html */
#hjx-blog-layout .entries .entry-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 40px;
	margin-bottom: 3rem;
}

#hjx-blog-layout .entries .entry {
	display: flex;
	flex-direction: column;
	border-radius: .375rem;
	padding: 2rem;
	background: white;
	box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

#hjx-blog-layout .entries .entry h2 {
	font-size: clamp(1.25rem, .5vw + 1.5rem, 1.8rem);
}

#hjx-blog-layout .entries .entry h2 a {
	color: var(--cp-primary-bold);
}
#hjx-blog-layout .entries .entry h2 a:hover {
	color: var(--cp-primary-medium);
}
#hjx-blog-layout .entries .entry p {
	font-size: clamp(.6rem, .2vw + .65rem, .8rem);
	line-height: 1.6em;
	font-family: "shift", serif;
	font-weight: 500;
	color: var(--cp-primary-dark);
}

#hjx-blog-layout .entries .entry a.read-more {
padding: .3rem .6rem;
  border: var(--cp-primary-brighter) 1px solid;
  border-radius: 3px;
  color: var(--cp-primary-brighter);
  font-size: clamp(.6rem, .2vw + .65rem, .8rem);
  display: block;
  margin-right: auto;
  width: 6rem;
  text-align: center;
  margin-bottom: 2rem;
  transition: .4s ease;
}

#hjx-blog-layout .entries .entry a:hover.read-more {
	color: var(--cp-primary-bold);
  border-color: var(--cp-primary-bold);
}

#hjx-blog-layout .entries .entry .blog-list-image {
	width: 100%;
}

#hjx-blog-layout .entries .entry .blog-list-image figure {
	object-fit: cover;
	object-position: center;
}

#hjx-blog-layout .entries .entry .blog-list-image figure img {
	width: 100%;
	border-radius: .375rem;
	height: 250px;
  	object-fit: cover;
}

/* blog pagination styles */
#hjx-blog-layout .paginate {
	display: flex;
}

#hjx-blog-layout .paginate ul {
	list-style-type: none;
	padding: 0;
	margin: 1rem auto 0;
	display: flex;
  justify-content: center;
}

#hjx-blog-layout .paginate ul li {
	margin-right: .3em;
	font-size: calc(.7em + .4vw);
	font-weight: 800;
}

#hjx-blog-layout .paginate ul li:last-of-type {
	margin-right: 0;
}

#hjx-blog-layout .paginate ul li a {
	padding: .75em;
	background: var(--accent-light);
	border-radius: 3px;
}

#hjx-blog-layout .paginate.single a {
	padding: .7em;
	font-size: calc(.5rem + .4vw);
	text-transform: uppercase;
	letter-spacing: .2em;
}
/* styles for native blog content tags, before bloqs was added */

#hjx-blog-layout figure.image-wrap {
	width: 100%;
	object-fit: cover;
	object-position: center;
}

#hjx-blog-layout figure.image-wrap img {
	width: 100%;
	height: 100%;
}

/* styling for various bloqs modules 

#hjx-blog-layout .blog-wrap main .bloq-padding {
	padding: 1rem;
}
*/

/* bloqs CTA link */

#hjx-blog-layout .blog-wrap main a.button {
	background-color: var(--accent-light);
    padding: 1.5em 1.5em;
    color: var(--accent-bright);
    border-radius: 2px;
    margin: .25em;
    font-weight: 600;
    text-transform: uppercase;
    font-size: calc(.75rem + .2vw);
    font-family: pt-sans-pro-narrow, poppins, sans-serif;
	display: inline-flex;
	margin-right: auto;
}

#hjx-blog-layout .blog-wrap main a:hover.button {
	background-color: var(--accent-medium);
	color: white;
}

/* bloqs image + text module */
.blog-wrap main .image-text__bloq {
	display: flex; 
	flex-wrap: wrap;
	align-items: center;
}

.blog-wrap main .image-text__bloq .text-content {
	flex-basis: 0;
	flex-grow: 999;
	min-inline-size: 50%;
}

.blog-wrap main .image-text__bloq figure {
	flex-grow: 1;
  	flex-basis: 360px;
}

.blog-wrap main .image-text__bloq figure img {
	width: 100%;
	object-fit: contain;
	object-position: center;
}

/* barns & horses featured in this post */

.blog-wrap article #featured-listings {
	display: flex;
	flex-direction: column;
	font-size: calc(.55rem + .3vw);
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 3rem;
}

.blog-wrap article #featured-listings .featured-listings__wrap {
	display: flex;
	flex-wrap: wrap;
}

.blog-wrap article #featured-listings .featured-listings__wrap .featured-listing {	
	margin-right: 1rem;
	margin-bottom: .5rem;
	display: flex;
  	flex-direction: column;
	flex: 0 0 160px;
	width: 100%;
}
.blog-wrap article #featured-listings .featured-listings__wrap .featured-listing.barn {	
	padding: 12px;
}
.blog-wrap article #featured-listings .featured-listings__wrap .featured-listing:last-of-type {
	margin-right: 0;
}
.blog-wrap article #featured-listings .featured-listings__wrap .featured-listing a.img-wrap {
	width: 100%;
	height: 100%;
}
.blog-wrap article #featured-listings .featured-listings__wrap .featured-listing img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*** click-to-copy link to share ***/
.blog-wrap article .copy-link__wrap {
	display: inline-flex;
    justify-content: space-between;
    align-items: center;
    font-size: calc(.7rem + .3vw);
    line-height: 1em;
    color: var(--cp-primary-darker);
    border: 1px solid var(--cp-primary-darker);
    font-weight: 500;
    padding: 0;
    border-radius: 3px;

	.text-to-copy {
		font-family: pt-sans-pro-narrow, sans-serif;
		padding: 6px 2em 6px 12px;
		border-radius: 3px 0 0 3px;
		background: var(--white-trans-90);
		height: 32px;
		line-height: 1;
		display: flex;
		align-items: center;
	}

	.copy-tooltip {
      position: relative;
      display: inline-block;

	  	.tooltiptext {
			visibility: hidden;
			width: 100px;
			background-color: var(--cp-primary-medium);
			color: #fff;
			text-align: center;
			border-radius: 3px;
			padding: 5px;
			position: absolute;
			z-index: 1;
			bottom: 150%;
			left: 50%;
			margin-left: -50px;
			opacity: 0;
			transition: opacity 0.3s;
			font-size: .65rem;
		}

		.tooltiptext::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: var(--cp-primary-medium) transparent transparent transparent;
		}

		button.copy-link {
			background: var(--cp-primary-light);
			display: flex;
			height: 32px;
			padding: 0 .5em;
			align-items: center;
			justify-content: center;
			border-radius: 0 3px 3px 0;
			border: none;
			margin: 0;
			text-decoration: none;
			color: var(--cp-primary-darker);
			cursor: pointer;
			text-align: center;
			transition: background 250ms ease-in-out, transform 150ms ease;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			line-height: 1em;

			svg {
				width: 16px;
				height: 16px;
			}

			span {
				font-size: calc(.5rem + .2vw);
				font-weight: 600;
				line-height: 1;
				letter-spacing: .05em;
				font-family: pt-sans-pro-narrow, sans-serif;
				text-transform: uppercase;
			}
		}

		button.copy-link:hover,
		button.copy-link:focus {
				background: var(--cp-primary-medium);
				color: var(--cp-primary-light);
			}
			
		button.copy-link:focus {
			outline: 1px solid var(--cp-primary-medium);
			outline-offset: -4px;
		}

		button.copy-link:active {
			transform: scale(0.99);
		}
    }

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

/*  list categories and tags associated with entry; used in blog-list on .index and blog entry */
.blog-wrap main ul.entry-categories {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.blog-wrap main ul.entry-categories li, .blog-list-content .wrap-tag {
	margin-bottom: .75em;
	margin-right: .75em;	
	display: inline-flex;
}

.blog-wrap main ul.entry-categories li a, .blog-list-content .wrap-tag a {
	background: var(--cp-primary-ultra-light);
	padding: .5em 2em;
	display: flex;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: clamp(.6rem, .2vw + .65rem, 0.7rem);
	letter-spacing: .06em;
	font-weight: 500;
	line-height: 1;
	align-items: center;
}

/**** blog comments ****/
#hjx-blog-layout .comments .comment {
	padding: 3em;
	border-radius: .35em;
	margin-bottom: 3em;
	background: white;
	border: var(--accent-light) 1px solid;
}
#hjx-blog-layout .comments .comment.author {
	background: var(--accent-ultra-light);
	border-color: var(--accent);
}

#hjx-blog-layout .comments .comment.author .cite-author span {
	color: var(--accent-medium);
}
#hjx-blog-layout .comments .comment p {
	font-weight: 500;
}

#hjx-blog-layout #comment_form {
	font-size: calc(.6rem + .3vw);
}
#hjx-blog-layout #comment_form input.text-field {
	padding: .5rem 1rem;
	border-radius: 4px;
	font-size: calc(.7rem + .3vw);
}
#hjx-blog-layout #comment_form input.btn {
	background: var(--accent-light);
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 4px;
	margin-top: 2em;
	color: var(--accent-bright);
	padding: 1em 2em;
	border-radius: 4px;
}

#hjx-blog-layout #comment_form .comment-box {
	width: 100%;
	max-width: 500px;
	padding: 1rem;
	font-size: calc(.7rem + .3vw);
}

/*** blog media queries ***/

@media screen and (min-width:576px) {
	#hjx-blog-layout .blog-wrap main {
		padding: 0 4rem 3rem;
	}
	#hjx-blog-layout .blog-wrap aside .sidebar {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#hjx-blog-layout .logo-wrap-index {
		width: 5rem;
	}
	#hjx-blog-layout .blog-wrap aside .sidebar ul {
		margin-left: auto;
		justify-content: end;
	}
	#hjx-blog-layout .blog-wrap aside .sidebar .interior-wrap {
		padding-right: 2rem;
	}
	#hjx-blog-layout .blog-wrap main .blog-post {
	padding: 2rem;
	}
}
@media screen and (min-width:768px) {
	.blog-wrap main .image-text__bloq figure {
		padding: 0 2rem;
	}
	#hjx-blog-layout .blog-wrap main {
		padding: 0 2rem 3rem;
	}

	#hjx-blog-layout .blog-wrap aside .sidebar .index-wrap {
		flex-direction: row;
		align-items: center;
	}
	#hjx-blog-layout .blog-wrap aside .sidebar .index-wrap .logo-wrap {
		flex: 1 0 auto;
	}

	#hjx-blog-layout .blog-wrap aside .sidebar a.all-posts {
		margin-bottom: 0;
	}

	
	#hjx-blog-layout .entries .entry-grid {
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}
}

@media screen and (min-width:992px) {
	#hjx-blog-layout .blog-wrap main {
		padding: 0 5rem 3rem;
	}
	
}

@media screen and (min-width:1200px) {
	#hjx-blog-layout .blog-wrap {
		display: grid;
		grid-template-columns: 1fr 3fr;
		gap: 40px;
	}

	#hjx-blog-layout .blog-wrap main {
		padding: 2rem 10rem 3rem;
	}

	#hjx-blog-layout .blog-wrap p.channel-description {
		padding: 0 3rem 3rem;
		border-bottom: var(--accent-light) 1px solid;
		color: var(--accent-medium);
		font-size: calc(.8rem + .3vw);
		font-weight: 500;
		line-height: 1.6;
	}

	#hjx-blog-layout .blog-wrap aside {
		max-width: 385px;
	}
	#hjx-blog-layout .blog-wrap aside .sidebar {
		border-bottom: 0;
		border-right: var(--cp-primary-light) 1px solid;
		padding: 3rem 0 1.5rem 2rem;	
		flex-direction: column;
    	justify-content: unset;	
		align-items: unset;
	}

	#hjx-blog-layout .blog-wrap aside .sidebar .index-wrap {
		flex-direction: column;
		align-items: unset;
	}
	#hjx-blog-layout .blog-wrap aside .sidebar .index-wrap .mobile {
		display: none;
	}

	 #hjx-blog-layout .logo-wrap-index {
		width: 12rem;
	}
	#hjx-blog-layout .blog-wrap aside .sidebar ul {
		flex-direction: column;
		width: 100%;
	}
	#hjx-blog-layout .blog-wrap aside .sidebar ul.interior {
		display: inline;
	}
	#hjx-blog-layout .blog-wrap aside .sidebar ul li {
		margin-right: 0;
	}

	#hjx-blog-layout .blog-wrap aside .sidebar ul li a {
		border-radius: 3px 0 0 3px;
	}
	#hjx-blog-layout .blog-wrap main {
		padding: 5rem 6rem 6rem 2rem;
	}
	#hjx-blog-layout .blog-wrap aside .sidebar .interior-wrap {
		flex-direction: column;
		padding-right: 0;
		align-items: start;
	}
	#hjx-blog-layout .logo-wrap-interior {
		width: 10rem;
	}
	#hjx-blog-layout .tagline.interior {
		display: inline;
	}
	#hjx-blog-layout .blog-wrap aside .sidebar a.all-posts {
		display: none;
	}
}


/********* HJx Sandbox Section - Members only! *********/
/*** Sandbox section has its own layout template with different header ***/

#sandbox-header {
	background: #49817B;
	width: 100%;
	padding-top: 2rem;
}

#sandbox-header h1 {
  font-size: calc(1.2rem + .2vw);
  color: white;
  font-weight: 800;
  margin-left: 2rem;
  margin-top: 1.5rem;
  margin-bottom: 36px;
}

#sandbox-header ul {
	background: white;
	width: 100%;
	padding: 24px 2rem;
	display: flex;
	margin-bottom: 0;
	list-style-type: none;
}

#sandbox-header ul li {
	margin-right: 12px;
}

#sandbox-header ul li:last-of-type {
	margin-right: 0;
}

#sandbox-header ul li a {
	padding: 10px 18px;
	background: var(--accent-ultra-light);
	color: var(--accent-dark);
	border: var(--accent-trans-20) 1px solid;
	text-transform: uppercase;
	border-radius: 4px;
	font-weight: 500;
	letter-spacing: .02vw;
	line-height: 1;
	font-family: pt-sans-pro-narrow, sans-serif;
	font-size: calc(.65rem + .2vw);
}

#hjx-sandbox {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 40px 5rem 5rem;
	background: white;
	font-size: 1rem;
}

#hjx-sandbox h3 {
	color: var(--accent-bright);
	font-family: pt-sans-pro-narrow, sans-serif;
}

#hjx-sandbox .data-wrap {
	display: flex;
	flex-direction: column;
	color: var(--accent-dark);
}

#hjx-sandbox .data-row {
	display: flex;
	flex-wrap: wrap;
}

#hjx-sandbox .data-row div {
	margin: 0 .75rem .75rem 0;
	padding: 1rem;
	align-items: center;
  	display: flex;
}

#hjx-sandbox .data-row div.highlight {
	background: var(--accent-ultra-light);
}

#hjx-sandbox .tabbable ul {
	margin-bottom: .8rem;
}

#hjx-sandbox .tabbable ul.nav-pills .nav-link {
	background: var(--accent-ultra-light);
	border: var(--accent-trans-20) 1px solid;
	margin-right: 8px;
}
#hjx-sandbox .tabbable ul.nav-pills .nav-link.active, #hjx-sandbox .tabbable ul.nav-pills .show > .nav-link {
	background: #49817B;
}

#hjx-sandbox table.inventory {
	border-collapse: collapse;
	width: 100%;
	font-family: pt-sans-pro-narrow, sans-serif;
}

#hjx-sandbox table.inventory td, #hjx-sandbox table.inventory th {
	border: 1px solid #ddd;
	padding: 8px;
  }
  
#hjx-sandbox table.inventory tr:nth-child(even){background-color: var(--accent-ultra-light);}

#hjx-sandbox table.inventory tr:hover {background-color: #ddd;}

#hjx-sandbox table.inventory th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #49817B;
	color: white;
}

#hjx-sandbox .csv-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#hjx-sandbox .csv-box {
	padding: 1rem;
	border-radius: 12px;
	background: var(--accent-ultra-light);
	margin: 0 8px;
	flex-basis: 100%;
	max-width: 485px;
}

#hjx-sandbox .csv-list {
	font-size: .8rem;
	line-height: 1.7;
}