/* Vars */
:root {
	--light-red: #F9F3F5;
	--faded-red: #F3E5EA;
	--faded-dark-red: #DAB1C2;
	--gold: #FDB913;
	--gray-100: #FAFBFB;
	--gray-200: #F5F6F7;
	--gray-300: #ECEDEF;
	--gray-400: #D0D3D9;
	--gray-500: #ACAFB8;
	--gray-600: #7D818B;
	--gray-700: #65686F;
	--gray-800: #4C4E53;
	--gray-900: #343538;
	--light-plum: #A25581;
	--med-blue: #4F9DF0;
	--bright-green: #15D48A;
	--orange:  #F54F38;
	--aqua: #43C3C6;
}

/* Utilities */

.kerning-med {
	letter-spacing: 0.05rem;
}
.kerning-lg {
	letter-spacing: 0.125rem;
}
.kerning-xl {
	letter-spacing: 0.175rem;
}

.fs-7 {
	font-size: .875rem;
}
.fs-8 {
	font-size: .75rem;
}
.fs-9 {
	font-size: .525rem;
}

.inter-tight {
	font-family: "Inter Tight", sans-serif !important;
}

.text-yellow {
	color: var(--yellow);
}
.text-gold {
	color: var(--gold);
}
.text-red {
	color: var(--primary);
}
.text-dark-red {
	color: var(--secondary);
}
.text-light-red {
	color: var(--light-red);	
}
.text-faded-red {
	color: var(--faded-red);
}
.text-gray {
	color: var(--gray-500);
}
.text-black {
	color: var(--gray-900);
}
.text-light-plum {
	color: var(--light-plum);
}
.text-aqua {
	color: var(--aqua);
}
.text-bright-green {
	color: var(--bright-green);
}
.text-orange {
	color: var(--orange);
}
.text-med-blue {
	color: var(--med-blue);
}
.bg-light-gray {
	background-color: var(--gray-200);
}
.bg-yellow {
	background-color: var(--yellow);
}
.bg-gold {
	background-color: var(--gold);
}
.bg-faded-red {
	background-color: var(--faded-red);
}
.bg-light-red {
	background-color: var(--light-red);
}
.bg-gradient-swoosh {
	background-image: url(/_resources/img/gradient_swoosh_bg.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: var(--secondary);
}
.bg-red-plum-gradient {
	background: linear-gradient(to right, var(--primary), var(--secondary));
}
.bg-light-plum {
	background-color: var(--light-plum);
}
.bg-aqua {
	background-color: var(--aqua);
}
.bg-bright-green {
	background-color: var(--bright-green);
}
.bg-orange {
	background-color: var(--orange);
}
.bg-med-blue {
	background-color: var(--med-blue);
}
.list-unstyled li {
	list-style: none;
	margin:0;
	padding:0;
}

/* Loading Icon/ Loader */
.hartnell-loader,
.hartnell-image-slider-component .swiper-slide-content figure:after,
.hartnell-advanced-image-component:after {
	width: 40px;
	aspect-ratio: 1;
	border-radius: 50%;
	background:
		radial-gradient(farthest-side,var(--light-red) 94%,#0000),
		radial-gradient(farthest-side,var(--yellow) 94%,#0000),
		radial-gradient(farthest-side,var(--faded-red) 94%,#0000),
		radial-gradient(farthest-side,var(--gold) 94%,#0000),
	var(--light-red);
	background-size: 105% 105%;
	background-repeat: no-repeat;
	animation: l5 2s infinite; 
}

@keyframes l5 {
	0%  {background-position: 50% -50px,-40px 50%, 50% calc(100% + 50px),calc(100% + 50px) 50%}
	20%,
	25% {background-position: 50% -50px,-50px 50%, 50% calc(100% + 50px),50% 50%}
	45%,
	50% {background-position: 50% -50px,-50px 50%, 50% 50%              ,50% 50%}
	75%,
	75% {background-position: 50% -50px, 50%  50%, 50% 50%              ,50% 50%}
	95%,
	100%{background-position: 50%  50% , 50%  50%, 50% 50%              ,50% 50%}
}

/* Images */
.img-rounded-sm {
	border-radius: 3px;
	overflow: hidden;
}

/* Arrow Links */
.arrow-link {
	padding-right: 1.75rem;
	font-weight: 600;
	display: inline-block;
	position: relative;
}
.arrow-link:after {
	content: '\f061';
    font: var(--fa-font-sharp-regular);
    display: inline-block;
    text-rendering: auto;
    	-webkit-font-smoothing: antialiased;
    background: var(--warning);
    border-radius: 100%;
    width: 1.25rem;
    height: 1.25rem;
	font-size: .85rem;
    text-align: center;
    position: absolute;
    right: .25rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
	line-height:0;
	border: 1px solid var(--warning);
	transition: all .1s ease-in;
	opacity: 0;
}
body.font-awesome-loaded .arrow-link:after {
	opacity: 1;
}
.arrow-link:hover:after {
	border-color: var(--secondary);
	color: var(--secondary);
	background-color: var(--white);
}
.arrow-link.arrow-link-secondary:after {
	background-color: var(--secondary);
	border-color: var(--secondary);
	color: var(--warning);
}
.arrow-link.arrow-link-secondary:hover:after {
	background-color: var(--primary);
	border-color: var(--warning);
	color: var(--white);
}
.arrow-link.arrow-link-dark {
	color: var(--gray-900);
}
.arrow-link.arrow-link-dark:after {
	background: transparent;
	border-color: transparent;
	color: var(--gray-900);
}
.arrow-link.arrow-link-dark:hover {
	color: var(--secondary);
}
.arrow-link.arrow-link-dark:hover:after {
	background: var(--white);
	border: 1px solid var(--gray-100);
}
.arrow-link.arrow-link-light,
.arrow-link.arrow-link-secondary-light {
	color: var(--white);
}
.arrow-link.arrow-link-light:hover,
.arrow-link.arrow-link-secondary-light:hover {
	text-decoration: underline;
}
.arrow-link.arrow-link-light:after {
	color: var(--primary);
}

/* Plus Button */
.btn-plus {
	display: block;
	width: 100%;
	max-width: 100%;
	border-radius: 3px;
	text-align: left;
	position: relative;
	padding-right: 3rem;
	border: none;
}
.btn-plus:after {
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	display: flex;
	justify-content: center;
	align-items: center;
	content: '\2b';
    font: var(--fa-font-sharp-regular);
    text-rendering: auto;
    	-webkit-font-smoothing: antialiased;
	width: 2.5rem;
	font-size: 1rem;
	color: var(--white);
	background-color: var(--secondary);
}

.btn-plus.btn-plus-aqua:after {
	background-color: var(--aqua);	
}
.btn-plus.btn-plus-bright-green:after {
	background-color: var(--bright-green);	
}
.btn-plus.btn-plus-light-plum:after {
	background-color: var(--light-plum);	
}
.btn-plus.btn-plus-med-blue:after {
	background-color: var(--med-blue);	
}
.btn-plus.btn-plus-orange:after {
	background-color: var(--orange);	
}

/* Modal Close */
.modal-close-button {
	position: relative;
	transition: all .2s ease-in-out;
}
.modal-close-button:after {
	content: '\f00d';
    font: var(--fa-font-sharp-regular);
    display: inline-block;
    text-rendering: auto;
    	-webkit-font-smoothing: antialiased;
    background: var(--warning);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2rem;
	width: 2rem;
	color: var(--secondary);
	border-radius: 100%;
	font-size: 1.25rem;
	transition: all .2s ease-in-out;
}
.modal-close-button:hover:after {
	background-color: var(--white);
}

/* Border Radius */
.curved-bottom {
	border-radius: 0% 0% 72% 0% / 10% 0% 13% 0% !important;
	overflow: hidden;
}
/* Curved Borders */
.curved-top:before {
	content: '';
    fill: #000;
	background-color: var(--faded-red);
    mask: url(/_resources/img/curved-top.svg) no-repeat 50% 50%;
    mask-size: cover;
	/* actual size is 100vw / 15.243902439 but adding a little more padding */
    height: calc(100vw / 14);
    width: 100%;
    display: block;
}
.curved-top-flip-horz:before {
	content: '';
    fill: #000;
	background-color: var(--faded-red);
    mask: url(/_resources/img/curved-top-flip-horz.svg) no-repeat 50% 50%;
    mask-size: cover;
	/* actual size is 100vw / 15.243902439 but adding a little more padding */
    height: calc(100vw / 14);
    width: 100%;
    display: block;
}
.curved-top-flip-vert:before {
	content: '';
    fill: #000;
	background-color: var(--faded-red);
    mask: url(/_resources/img/curved-top-flip-vert.svg) no-repeat 50% 50%;
    mask-size: cover;
	/* actual size is 100vw / 15.243902439 but adding a little more padding */
    height: calc(100vw / 14);
    width: 100%;
    display: block;
}
.curved-border-bottom:after {
	content: '';
    fill: #000;
	background-color: var(--faded-red);
    mask: url(/_resources/img/curved-bottom.svg) no-repeat 50% 50%;
    mask-size: cover;
    height: calc(100vw / 14);
    width: 100%;
    display: block;
}
.curve-top-color-bg-faded-red:before,
.curve-bottom-color-bg-faded-red:after {
	background-color: var(--faded-red);
}
.curve-top-color-bg-primary:before,
.curve-bottom-color-bg-primary:after {
	background-color: var(--primary);
}
.curve-top-color-bg-secondary:before,
.curve-bottom-color-bg-secondary:after {
	background-color: var(--secondary);
}
.curve-top-color-bg-yellow:before,
.curve-bottom-color-bg-yellow:after {
	background-color: var(--yellow);
}
.curve-top-color-bg-light-red:before,
.curve-bottom-color-bg-light-red:after {
	background-color: var(--light-red);
}
.curve-top-color-bg-gold:before,
.curve-bottom-color-bg-gold:after {
	background-color: var(--gold);
}
.curve-top-color-bg-light-gray:before,
.curve-bottom-color-bg-light-gray:after {
	background-color: var(--gray-200);
}
.curve-top-color-bg-white:before,
.curve-bottom-color-bg-white:after {
	background-color: #fff;
}
.curve-top-color-bg-transparent:before,
.curve-bottom-color-bg-transparent:after {
	background-color:none;
	background: transparent;
}
/* Arrow List */
ul li.arrow-list {
	list-style: none;
	position: relative;
}
ul li.arrow-list:before {
	content: '\f061';
    font: var(--fa-font-sharp-light);
    text-rendering: auto;
    	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: -20px;
    top: 8px;
    font-size: 80%;
}
/* Match Height Animate */
.match-height-row {
	transition: min-height 0.3s ease; /* Adjust duration and easing as needed */
}