.brand-font-3 {letter-spacing: inherit;}

/**NEW CTA**/
.sa-btn {
	/* STYLE FORMATING */
	font-family: "gotham-black","Inter Tight","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	line-height: 1.1;

	background-color: #002554;
	border: 1px solid #002554;
	display: inline-block;
	border-radius: 0;

	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	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;
	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, -webkit-box-shadow 0.15s ease-in-out;

	/* PROPERTIES */
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	vertical-align: middle;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;

}
.sa-btn:hover {
	text-decoration: none;
	background-color: #00142e;
	border-color: #00142e;
}
.sa-btn.multi-row-cta {
	width: 100%;
}
.sa-btn.multi-row-cta span  {
	/* MULTI ROW */
	top: 50%;    
	transform: translateY(-50%);    
	position: absolute;    
	left: 0;   
	width: 100%;
	box-sizing: border-box;
}

@media screen and (max-width: 760px) { /** SM **/	
	.sa-btn {
		font-size: 0.75em; /*12px*/
		padding: 0.875rem 1.25rem;
	}
	.sa-btn.multi-row-cta {
		height: 46px;
		padding: 0 0.5rem;
	}
	.sa-btn-small {
		font-size: 0.5625rem;
	}
	.sa-btn-small.sa-btn.multi-row-cta {

	}
} 	
@media screen and (min-width: 761px) { /** MD **/
	.sa-btn{
		font-size: 0.75rem; /*12px*/
		padding: 0.75rem 1rem;
	}
	.sa-btn.multi-row-cta {
		height: 46px;
		padding: 0 0.5rem;
	}
	.sa-btn-small {
		font-size: 0.5625rem;
	}
	.sa-btn-small.sa-btn.multi-row-cta {

	}
}
@media screen and (min-width: 1024px) { /** LG **/
	.sa-btn {
		font-size: 1rem; /*16px*/
		padding: 1.125rem 1.375rem;
	}
	.sa-btn.multi-row-cta {
		height: 61px;
		padding: 0 0.75rem;
	}
	.sa-btn-small {
		font-size: 0.75rem
	}
	.sa-btn-small.sa-btn.multi-row-cta {

	}
}
@media screen and (min-width: 1476px) { /** XL **/
	.sa-btn {
		font-size: 1.25em; /*20px*/
		padding: 1.25rem 2rem;
	}
	.sa-btn.multi-row-cta {
		height: 69px;
		padding: 0 1rem;
	}
	.sa-btn-small {
		font-size: 1rem;
	}
	.sa-btn-small.sa-btn.multi-row-cta {

	}
} 

/**BG STYLES**/
.bg-sa-pink {background-color: #E00087;}
.bg-sa-red {background-color: #e21e24;}
.bg-sa-white72 {background-color: rgba(255,255,255,0.72);}
.bg-sa-white72:hover {background-color: rgba(255,255,255,1);}
.bg-sa-navy75 {background-color: rgba(0,37,84,0.75);}
.bg-half-lt-blue {
	background: #67b2e836; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #67b2e836 1%, #67b2e836 66%, #fff 67%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  #67b2e836 1%,#67b2e836 66%,#fff 67%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top,  #67b2e836 1%,#67b2e836 66%,#fff 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg-sa-coral {background-color: #ff766d;}
.bg-sa-sand {background-color: #C88556;}
.bg-sa-sand-hover:hover {background-color: #B16B39;}
.bg-sa-orange {background-color: #fd9a45;}
.bg-sa-orange:hover {background-color: #f27e36;}

/**BTN STYLES**/
.btn-sa-white {
	color: #002554;
	background-color: #fff;
	border: 1px solid #002554;
	border-radius: 0%;
}
.btn-sa-white:hover {
	color: #002554;
	background-color: #EDE6E6;
	border: 1px solid #002554;
	border-radius: 0%;
}
.btn-sa-white-87 {
	color: #002554;
	background-color: #ffffffe1;
	border-color: #ffffffe1;
}
.btn-sa-white-87:hover {
	color: #002554;
	background-color: #fff;
	border-color: #fff;
}
.btn-sa-pink {
	color: #FFF;
	background-color: #e00087;
	border-color: #e00087;
}
.btn-sa-pink:hover {
	color: #FFF;
	background-color: #AD0068;
	border-color: #AD0068;
}
.btn-sa-navy-87 {
	color: #fff;
	background-color: #002554b5;
	border-color: #002554b5;
}
.btn-sa-navy-87:hover {
	color: #fff;
	background-color: #002554;
	border-color: #002554;
}
.btn-sa-black {
	color: #fff;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 0%;
}
.btn-sa-black:hover {
	color: #fff;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 0%;
}
.btn-sa-coral {
	color: #fff;
	background-color: #ff766d;
	border: 1px solid #ff766d;
	border-radius: 0%;
}
.btn-sa-coral:hover {
	color: #fff;
	background-color: #df5953;
	border: 1px solid #df5953;
	border-radius: 0%;
}
.btn-sa-white-line {
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 0%;
}
.btn-sa-white-line:hover {
	color: #000;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 0%;
}
.btn-sa-sand {
	color: #fff;
	background-color: #C88556;
	border: 1px solid #C88556;
	border-radius: 0%;
}
.btn-sa-sand:hover {
	color: #fff;
	background-color: #B16B39;
	border: 1px solid #B16B39;
	border-radius: 0%;
}
.btn-sa-orange {
	color: #000;
	background-color: #fd9a45;
	border: 1px solid #fd9a45;
	border-radius: 0%;
}
.btn-sa-orange:hover {
	color: #000;
	background-color: #f27e36;
	border: 1px solid #f27e36;
	border-radius: 0%;
}

/**TXT STYLES**/
.text-sa-pink {color: #E00087;}
.text-sa-red {color: #e21e24;}
.text-sa-lt-blue {color: #67b2e8;}
.text-sa-orange {color: #f37363;}
.text-sa-coral {color: #ff766d;}
.text-sa-sand {color: #C88556;}
.text-sa-orange {color: #e86225;}

.text-sa-offset-outline {
	 -webkit-text-stroke-width: 0.025em;
	 -moz-text-stroke-width: 0.025em;
	 -webkit-text-stroke-color: #002554;
	 -moz-text-stroke-color: #002554;
	 color: transparent;
}
.text-sa-offset-lightblue {
	 text-shadow: 0.175rem 0.175rem #67b2e8;
}
.text-sa-offset-pink {
	 text-shadow: 0.175rem 0.175rem #E00087;
}	

.text-drop-shadow {
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);   /* Drop Shadow */
}
.text-drop-shadow-glow {
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75),   /* Drop Shadow */
				 0 0 20px rgba(255, 255, 255, 0.6); /* Outer Glow */
}
.text-glow {
	text-shadow: 0 0 20px rgba(225, 225, 225, 0.75),
				 0 0 20px rgba(225, 225, 225, 0.75),
				 0 0 20px rgba(225, 225, 225, 0.75),
				 0 0 20px rgba(225, 225, 225, 0.75),
				 0 0 20px rgba(225, 225, 225, 0.75);
}

.text-stretch-115 {
	-webkit-transform:scale(1.15,1); /* Safari and Chrome */
	-moz-transform:scale(1.15,1); /* Firefox */
	-ms-transform:scale(1.15,1); /* IE 9 */
	-o-transform:scale(1.15,1); /* Opera */
	transform:scale(1.15,1); /* W3C */
	letter-spacing: 0.04em;
}

.text-cta {
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: 2px;
	padding: 0 0.75rem;
}

.img-hover-zoom {
  overflow: hidden;
}
.img-hover-zoom img {
  transition: transform .5s ease;
}
.img-hover-zoom:hover img {
  transform: scale(1.25);
}

/**SVG FILL COLORS***/
.svg-primary {filter: invert(2%) sepia(13%) saturate(3710%) hue-rotate(198deg) brightness(80%) contrast(103%)}
.svg-primary:hover {filter: invert(2%) sepia(13%) saturate(3710%) hue-rotate(198deg) brightness(60%) contrast(103%)}
.svg-coral {filter: invert(58%) sepia(18%) saturate(1473%) hue-rotate(315deg) brightness(96%) contrast(112%);}
.svg-coral:hover {filter: invert(48%) sepia(36%) saturate(4201%) hue-rotate(330deg) brightness(95%) contrast(83%);}
.svg-white {filter: invert(100%) sepia(0%) saturate(7427%) hue-rotate(135deg) brightness(94%) contrast(114%);}
.svg-sand {filter: invert(69%) sepia(13%) saturate(1787%) hue-rotate(337deg) brightness(83%) contrast(86%);}
.svg-sand:hover {filter: invert(42%) sepia(67%) saturate(476%) hue-rotate(342deg) brightness(95%) contrast(84%);}
.svg-orange {filter: invert(54%) sepia(43%) saturate(5385%) hue-rotate(347deg) brightness(95%) contrast(91%);}
.svg-orange:hover {filter: invert(36%) sepia(68%) saturate(5872%) hue-rotate(12deg) brightness(95%) contrast(83%);}



/** HP Carousel Styling **/
.sa-homepage .caro-product-aspect {aspect-ratio: 233/367;}
.sa-homepage .caro-product-aspect2 {aspect-ratio: 632/1001;}
.sa-homepage .caro-laydown-aspect {aspect-ratio: 1/1;}
.sa-homepage .carousel-wrapper {
	position: relative;
	width: 100%;
	margin: auto;
	overflow: hidden;
}
.sa-homepage .slides {
	display: flex;
	flex-wrap: nowrap;
	transition: transform 0.5s ease;
}
.sa-homepage .slides .slide {
	width: calc(100% / 5); /* Show X slides at once *//* MUST CHANGE IN JS */
	flex: 0 0 auto; /* Change from flex-basis to auto */
	display: flex;
	flex-direction: column;
	padding: 0 2px;
}
.sa-homepage .bottoms-carousel-container .slides .slide {
	width: calc(100% / 2); /* Show X slides at once *//* MUST CHANGE IN JS */
	padding: 0 14px;
}
.sa-homepage .slides .slide img {
	width: 100%;
	height: auto;
	object-fit: cover; /* Maintain aspect ratio of the images */
}
.sa-homepage .slide div:nth-child(2) {
	padding: 0 11% 0 6%;
}
.sa-homepage .bottoms-carousel-container .slide div:nth-child(2) {
	padding: 0 9% 0 9%;
	margin-bottom: 5%;
}
@media (max-width: 760px) {
	.sa-homepage .slides .slide {
		width: calc(100% / 2.75); /* Show 2.75 slides at once *//* MUST CHANGE IN JS */
	}
}
.sa-homepage .nav-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 25px;
	height: 28px;
	background-color: white;
	opacity: 0.6;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sa-homepage .nav-arrow img {
	fill: #002554; /* Navy color for the arrow icon */
	width: 15px; /* Adjust size as needed */
}
.sa-homepage .nav-arrow:hover {
	opacity: 1;
}
.sa-homepage .left-arrow {
	left: 2px;
}
.sa-homepage .right-arrow {
	right: 0px;
}
.sa-homepage .slide a {text-decoration: none !important;}