/* ============================
Project: PROJECT
Author(s): NAME
Created: DATE
=============================== */

/* ======== TOC:
Universal
- Variables
- Colors
- Normalize
- Utility
- Scaffolding
- Typography
- Buttons
Layout
- Header
- Mobile Nav
- Footer
- Inner Banner
- Breadcrumbs
- Sidebar
- Forms
- Blog
- PDF Iframe
Blocks
- Image
- Video
- Buckets
- Image & Text Grid
- Hero Slider
- Image Slider
- Tabbed Content
- Collapsible Content
- Tables
- File Download
- Quote
- Job Listings
- Stats
- Contact Info
- Search
- Resource Library
- Modals
- Quick Links
- Locations
- Map Locations
Custom
- CTA (Contact)
- Contact Phone
- Calculators
Catalog
======== */

/* ****************************************** Universal */

/* ======== Variables ======== */
:root {
	/* Spacing */
	--space-base: 16px;
	--space-xxs: calc(var(--space-base)*0.25);
	--space-xs: calc(var(--space-base)*0.5);
	--space-sm: calc(var(--space-base)*0.75);
	--space-md: calc(var(--space-base)*1.5);
	--space-lg: calc(var(--space-base)*2);
	--space-xl: calc(var(--space-base)*2.5);
	--space-xxl: calc(var(--space-base)*4);
	--space-xxxl: calc(var(--space-base)*5);
	--section-space: var(--space-xxxl);
	--section-side-space: var(--space-xxl);
	--gutter: var(--space-xxl);	
	--gutter-sm: var(--space-lg);
	--content-max: 768px;
	--content-padded-max: 920px;
	--container-max: 1200px;
	
	/* Fonts */
	--text-base: 18px;
	--heading-base: 16px;
	--text-sm: 16px;
	--text-lg: calc(var(--text-base)*1.5);
	--heading-xxs: calc(var(--text-base) * 0.778);
	--heading-xs: calc(var(--text-base) * 0.889);
	--heading-sm: calc(var(--text-base) * 1.111);
	--heading-md: calc(var(--text-base) * 1.333);
	--heading-lg: calc(var(--text-base) * 1.778);
	--heading-xl: calc(var(--text-base) * 2.222);
	--heading-xxl: calc(var(--text-base) * 2.667);
	--heading-xxxl: calc(var(--text-base) * 3.111);
	--font-weight-regular: 400;
	--font-weight-bold: 700;
	--font-weight-black: 900;
	--line-height-body:1.5;
	--line-height-heading:1.25;
	--font-family-heading: "DM Sans", sans-serif;
	--font-family-body: "DM Sans", sans-serif;
	--font-family-accent: "Times New Roman", sans-serif;
	--font-awesome: "Font Awesome 6 Pro", sans-serif;
		
	/* Border Radius */
	--border-radius-sm: 4px;
	--border-radius-md: 8px;
	--border-radius-lg: 24px;
	--border-radius-element: var(--border-radius-lg);
	--border-radius-button: var(--border-radius-sm);
	--border-radius-input: var(--border-radius-md);
	
	/* Colors */
	--color-brand-light-maroon: #9D2D44;
	--color-brand-maroon: #8B2332;
	--color-brand-dark-maroon: #681528;
	--color-brand-blue: #012639;
	--color-brand-black: #000000;
	--color-brand-04: #000000;
	--color-text-black: #000000;
	--color-text-white: #FFFFFF;
	--color-text-gray: #4D4D4D;
	--color-text-maroon: #8B2332;
	--color-text-03: #FDCE70;
	--color-ui-01: #F8F6F7;
	--color-ui-02: #DBD9D6;
	--color-ui-03: #999999;
	--color-ui-white: #FFFFFF;
	--color-ui-warning: #A00;
	
	/* Breakpoints */
	--breakpoint-desktop-min: 1200px;
	--breakpoint-tablet-min: 768px;
	--breakpoint-mobile-min: 0px;
	--breakpoint-tablet-max: 1199px;
	--breakpoint-mobile-max: 767px;
}

  
@media(max-width: 767px) {	
	:root {	
	--heading-xxs: calc(var(--text-base) * 0.778);  /* 14px */
	--heading-xs: calc(var(--text-base) * 0.889);  /* 16px */
	--heading-sm: var(--text-base);  /* 18px */
	--heading-md: calc(var(--text-base) * 1.111);  /* 20px */
	--heading-lg: calc(var(--text-base) * 1.333);  /* 24px */
	--heading-xl: calc(var(--text-base) * 1.778);  /* 32px */
	--heading-xxl: calc(var(--text-base) * 2.222);  /* 40px */
	--heading-xxxl: calc(var(--text-base) * 2.222);  /* 40px */
	--section-space: var(--space-xl);
	--section-side-space: var(--space-base);
	--gutter: var(--space-lg);
	--gutter-sm: var(--space-md);
	--space-xxl: calc(var(--space-base)*2.5);
	}
}

/* ======== Colors ======== */
.bg-black{
	background-color: var(--color-text-black);
}

.bg-white{
	background-color: var(--color-text-white);
	/* MS - 080526 */
	background-image: url(/assets/images/template/watermark-logo-red.png);
	background-position: center right;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.bg-white-shadow{
	background-color: var(--color-text-white);
	position: relative;
	&:before{
		content:'';
		background: linear-gradient(in oklch 0deg, transparent 0%, #E6E6E6 100%);
		height: 24px;
		width: 100%;
		display: block;
		position: absolute;
		top:0;
		left: 0;
	}
	&:after{
		content:'';
		background: linear-gradient(in oklch 180deg, transparent 0%, #E6E6E6 100%);
		height: 24px;
		width: 100%;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	/* MS - 080526 */
	background-image: url(/assets/images/template/watermark-logo-red.png);
	background-position: center right;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.bg-white-shadow-top{
	background-color: var(--color-text-white);
	position: relative;
	&:before{
		content:'';
		background: linear-gradient(in oklch 0deg, transparent 0%, #E6E6E6 100%);
		height: 24px;
		width: 100%;
		display: block;
		position: absolute;
		top:0;
		left: 0;
	}
	
	/* MS - 080526 */
	background-image: url(/assets/images/template/watermark-logo-red.png);
	background-position: center right;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.bg-white-shadow-bottom{
	background-color: var(--color-text-white);
	position: relative;
	&:before{
		content:'';
		background: linear-gradient(in oklch 180deg, transparent 0%, #E6E6E6 100%);
		height: 24px;
		width: 100%;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	/* MS - 080526 */
	background-image: url(/assets/images/template/watermark-logo-red.png);
	background-position: center right;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.bg-maroon + .bg-white-shadow:before,
.bg-maroon + .bg-white-shadow-top:before,
.bg-maroon-gradient + .bg-white-shadow:before,
.bg-maroon-gradient + .bg-white-shadow-top:before{
	background: linear-gradient(to bottom, rgba(153,153,153,0.65) 0%,rgba(0,0,0,0) 100%);
}

.bg-white-shadow + .bg-maroon:before,
.bg-white-shadow-bottom + .bg-maroon:before,
.bg-white-shadow + .bg-maroon-gradient:before,
.bg-white-shadow-bottom + .bg-maroon-gradient:before{
	content:'';
	background: linear-gradient(to top, rgba(153,153,153,0.3) 0%,rgba(0,0,0,0) 100%);
	height: 24px;
	width: 100%;
	display: block;
	position: absolute;
	top: -24px;
	left: 0;
}

.bg-maroon{
	background-color: var(--color-brand-maroon);
	position: relative;
}

.bg-maroon-gradient{
	background: url('/assets/images/template/bg-maroon-small.jpg');
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.bg-light-gray{
	background-color: var(--color-ui-01);
}

.bg-has-image{
	background-size: cover;
}

.text-color-dark{
	p,h1,h2,h3,h4,h5,h6,ul li,ol li,a:not(.button){
		color:var(--color-text-black);
	}
}

.text-color-light{
	.eyebrow-heading,p,h1,h2,h3,h4,h5,h6,ul li,ol li{
		color:var(--color-text-white);
		-webkit-font-smoothing: antialiased;
	}
	a:not(.button){
		color: var(--color-text-white);
	}
	p a:hover,
	p a:active{
		color: var(--color-text-white);
	}
	ul li{
		color: var(--color-text-white) !important;
	}
	ul li:before{
		background-color: var(--color-text-white) !important;
	}
}

.text-color-maroon{
	span,p,h1,h2,h3,h4,h5,h6,ul li,ol li{
		color: var(--color-brand-maroon);
	}
	a:not(.button){
		color: var(--color-brand-maroon);
	}
	p a:hover,
	p a:active{
		color: var(--color-brand-maroon);
	}
}

.text-color-gray{
	span,p,h1,h2,h3,h4,h5,h6,ul li,ol li{
		color: var(--color-text-gray);
	}
	a:not(.button){
		color: var(--color-text-gray);
	}
	p a:hover,
	p a:active{
		color: var(--color-text-gray);
	}
}

/* ======== Normalize ======== */

html,*,:before,:after{
	box-sizing: border-box;
}
html.noscroll,
html.noscroll body {
	overflow:hidden !important;
	position: relative;
	height: 100%;
}
body{
	margin: 0 !important;
	overflow-x: hidden;
	font-family: var(--font-family-body);
	font-size: var(--text-base);
	padding-top: 150px; /* header height */
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	letter-spacing: -.5px;
}
@media(max-width: 1199px){
	body{
		padding-top: 134px;
	}
}
.hidden,.hidetext,.special,.smallsite{display:none !important;}
.clear{clear:both;}
.clearfix:after {content:"";display:block;height:0;clear:both;}
.warning,.error{color:#a00;font-size:10px;text-align:left;display:block;}
.errorMessage {color:#a00;font-size:11px;font-weight:bold;text-align:left;margin:2px auto 0;display:block;}
#token,.special {width:0px;height:0px;padding:0px;margin:0px;border:none;position:absolute;left:-9999px;}
.center {text-align:center;margin-left:auto;margin-right:auto;}
address {margin:0;}
.left {float:left;}
.right {float:right;}
img.left {margin:0 15px 15px 0;}
img.right {margin:0 0 15px 15px;}
img {max-width:100%;}
.unstyled {list-style:none;margin:0;padding:0;}
.sep {margin:0 6px;display:inline-block;opacity:0.5;filter:alpha(opacity=50);}
input,textarea,a,.btn,button{outline:none;}
input[type="file"]:focus{cursor:pointer;}
.constrain {max-width:1200px;margin:0 auto;}
.fauxlink{cursor: pointer;}
*{-webkit-font-smoothing: antialiased;}
a:focus:not(:hover){outline: 1px dashed black;}

#edit-page {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none !important;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:0.05em;
	line-height:1;
	background:#2bc271;
	border-radius:0 0 8px 0;
	-moz-border-radius:0 0 8px 0;
	-webkit-border-radius:0 0 8px 0;
	width:40px;
	padding:5px 0;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}
#edit-page:hover {
	color:#2bc271;
	background:#fff;
}

/* ======== Scaffolding======== */
.columns{
	display: grid;
	grid-template-columns: 100fr;
	flex-direction: row;
	gap: var(--gutter);
}
.columns--gap-default{gap: var(--gutter);}
.columns--gap-xxxl{ gap: var(--space-xxxl); }
.columns--gap-xxl{ gap: var(--space-xxl); }
.columns--gap-xl{ gap: var(--space-xl); }
.columns--gap-lg{ gap: var(--space-lg); }
.columns--gap-md{ gap: var(--space-md); }
.columns--gap-sm{ gap: var(--space-sm); }
.columns--gap-xs{ gap: var(--space-xs); }
.columns--gap-xxs{ gap: var(--space-xxs); }
.columns--gap-none{gap: 0;}

@media(max-width: 1199px){
	.columns--gap-default{column-gap: var(--gutter-sm);}
	.columns--t-gap-base .columns{gap: var(--space-base);}
}
@media(max-width: 767px){
	.columns--m-gap-base .columns{gap: var(--space-base);}
}

.columns--d-100{grid-template-columns: 100fr;}
.columns--d-75{grid-template-columns: 75fr 25fr;}
.columns--d-66{grid-template-columns: 66.66fr 33.33fr;}
.columns--d-60{grid-template-columns: 60fr 40fr;}
.columns--d-50{grid-template-columns: 50fr 50fr;}
.columns--d-40{grid-template-columns: 40fr 60fr;}
.columns--d-33{grid-template-columns: 33.33fr 66.66fr;}
.columns--d-25{grid-template-columns: 25fr 75fr;}
.columns--d-3c{grid-template-columns: 1fr 1fr 1fr;}
.columns--d-4c{grid-template-columns: 1fr 1fr 1fr 1fr;}

@media only screen and (max-width: 1199px) {	
	.columns--t-100{grid-template-columns: 100fr;}
	.columns--t-75{grid-template-columns: 75fr 25fr;}
	.columns--t-66{grid-template-columns: 66.66fr 33.33fr;}
	.columns--t-60{grid-template-columns: 60fr 40fr;}
	.columns--t-50{grid-template-columns: 50fr 50fr;}
	.columns--t-40{grid-template-columns: 40fr 60fr;}
	.columns--t-33{grid-template-columns: 33.33fr 66.66fr;}
	.columns--t-25{grid-template-columns: 25fr 75fr;}
	.columns--t-100-reversed{grid-template-columns: 100fr; display: flex; flex-direction: column-reverse;}
}

@media only screen and (max-width: 767px) {	
	.columns--m-100{grid-template-columns: 100fr;}
	.columns--m-75{grid-template-columns: 75fr 25fr;}
	.columns--m-66{grid-template-columns: 66.66fr 33.33fr;}
	.columns--m-60{grid-template-columns: 60fr 40fr;}
	.columns--m-50{grid-template-columns: 50fr 50fr;}
	.columns--m-40{grid-template-columns: 40fr 60fr;}
	.columns--m-33{grid-template-columns: 33.33fr 66.66fr;}
	.columns--m-25{grid-template-columns: 25fr 75fr;}
	.columns--m-100-reversed{grid-template-columns: 100fr; display: flex; flex-direction: column-reverse;}
}

.column{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	//gap: var(--space-md);
	min-width: 0;
	width: 100%;
}
.column.bg-has-color,
.column.bg-has-image{
	padding: var(--gutter);
	background-position: center center;
}

.section-nested{
	width: 100%;
}

.section-lg {max-width: var(--container-max); margin: 0 auto;}
.section-md {max-width: var(--content-padded-max); margin: 0 auto;}
.section-sm {max-width: var(--content-max); margin: 0 auto;}

.content-lg {max-width: var(--container-max); margin-left:auto;margin-right:auto;}
.content-md {max-width: var(--content-padded-max);margin-left:auto;margin-right:auto;}
.content-sm {max-width: var(--content-max);margin-left:auto;margin-right:auto;}


.eyebrow-heading + .heading{
	margin-top: var(--space-xxs)
}
.heading + .richtext,
.image-single + .files,
.richtext + .accordion,
.heading + .accordion,
.richtext + .tabbed-content,
p + h6,
h2 + p,
.image-single + .heading5,
.richtext + .stylized-list{
	margin-top: var(--space-base);
}
.richtext + .buttons,
.richtext + .button,
.heading + .buttons,
.heading + .button,
.richtext p + ul,
.richtext p + ol,
.richtext ul + p,
.richtext ol + p,
.heading + .richtext > .html-table,
.richtext + .files,
.heading + .html-table{
	margin-top: var(--space-md);
}

.richtext + .image-single,
.image-single + .richtext{
	margin-top: var(--space-lg);
}

.heading + .buckets,
.richtext + .buckets,
.html-table + p{
	margin-top: var(--space-xl);
}

.button + .buckets,
.posts + .button{
	margin-top: var(--space-xxl);
}

.button + .buckets.buckets--carousel{
	margin-top: calc(var(--space-xxl) - 12px);
}

/* ======== Utility ======== */
.padding-full {padding: var(--section-space) var(--section-side-space);}
.padding-top {padding-top: var(--section-space);}
.padding-bottom {padding-bottom: var(--section-space);}
.padding-left {padding-left: var(--section-side-space);}
.padding-right {padding-right: var(--section-side-space);}

.padding-left-small {padding-left: 20px;}
.padding-right-small {padding-right: 20px;}
@media(max-width: 767px){
	.padding-left-small {padding-left: var(--space-base);}
	.padding-right-small {padding-right: var(--space-base);}
}

.direction-row {flex-direction: row;}
.direction-row-reversed {flex-direction: row-reversed;}
.direction-column {flex-direction: column;}
.direction-column-reversed {flex-direction: column-reversed;}

.spacing-start {justify-content: flex-start;}
.spacing-center {justify-content: center; margin-left: auto; margin-right: auto;}
.spacing-end {justify-content: flex-end;}
.spacing-between {justify-content: space-between;}
.spacing-around {justify-content: space-around;}
.spacing-evenly {justify-content: space-evenly;}

.align-start {align-items: flex-start;}
.align-center {align-items: center; margin-top: auto; margin-bottom: auto;}
.align-end {align-items: flex-end;}
.align-stretch {align-items: stretch;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}

/* Padding Top */
.pt-xxxl { padding-top: var(--space-xxxl); }
.pt-xxl { padding-top: var(--space-xxl); }
.pt-xl { padding-top: var(--space-xl); }
.pt-lg { padding-top: var(--space-lg); }
.pt-md { padding-top: var(--space-md); }
.pt-base { padding-top: var(--space-base); }
.pt-sm { padding-top: var(--space-sm); }
.pt-xs { padding-top: var(--space-xs); }
.pt-xxs { padding-top: var(--space-xxs); }
.pt-gutter{ padding-top: var(--gutter); }

/* Padding Bottom */
.pb-xxxl { padding-bottom: var(--space-xxxl); }
.pb-xxl { padding-bottom: var(--space-xxl); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-base { padding-bottom: var(--space-base); }
.pb-sm { padding-bottom: var(--space-sm); }
.pb-xs { padding-bottom: var(--space-xs); }
.pb-xxs { padding-bottom: var(--space-xxs); }
.pb-gutter{ padding-bottom: var(--gutter); }

/* Padding Top & Bottom (Vertical) */
.py-xxxl { padding-top: var(--space-xxxl); padding-bottom: var(--space-xxxl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-base { padding-top: var(--space-base); padding-bottom: var(--space-base); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
.py-xxs { padding-top: var(--space-xxs); padding-bottom: var(--space-xxs); }
.py-gutter{ padding-top: var(--gutter); padding-bottom: var(--gutter); }

/* Margin Top */
.mt-xxxl { margin-top: var(--space-xxxl); }
.mt-xxl { margin-top: var(--space-xxl); }
.mt-xl { margin-top: var(--space-xl); }
.mt-lg { margin-top: var(--space-lg); }
.mt-md { margin-top: var(--space-md); }
.mt-base { margin-top: var(--space-base); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xs { margin-top: var(--space-xs); }
.mt-xxs { margin-top: var(--space-xxs); }
.mt-gutter{ margin-top: var(--gutter);}

/* Margin Bottom */
.mb-xxxl { margin-bottom: var(--space-xxxl); }
.mb-xxl { margin-bottom: var(--space-xxl); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-base { margin-bottom: var(--space-base); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mb-xxs { margin-bottom: var(--space-xxs); }
.mb-gutter{ margin-bottom: var(--gutter);}

/* Margin Top & Bottom (Vertical) */
.my-xxxl { margin-top: var(--space-xxxl); margin-bottom: var(--space-xxxl); }
.my-xxl { margin-top: var(--space-xxl); margin-bottom: var(--space-xxl); }
.my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
.my-lg { margin-top: var(--space-lg); margin-bottom: var(--space-lg); }
.my-md { margin-top: var(--space-md); margin-bottom: var(--space-md); }
.my-base { margin-top: var(--space-base); margin-bottom: var(--space-base); }
.my-sm { margin-top: var(--space-sm); margin-bottom: var(--space-sm); }
.my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
.my-xxs { margin-top: var(--space-xxs); margin-bottom: var(--space-xxs); }
.my-gutter{ margin-top: var(--gutter); margin-bottom: var(--gutter);}

.text-sm { font-size: var(--text-sm); }
.text-base { font-size: var(--text-base); }
.text-lg { font-size: var(--text-lg); }

.border-radius-element {
	img, span, div{
	border-radius: var(--border-radius-element);
}}

hr{
	margin: 0;
}
.horizontal-line{
	border: 0;
	border-top: 1px solid var(--color-ui-02);
	width: 100%;
}

.w25{width: 25%;}
.w30{width: 30%;}
.w33{width: 33.33%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w66{width: 66.66%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w100 {width: 100%;}

@media only screen and (max-width: 1199px) {
	.t25{width: 25%;}
	.t30{width: 30%;}
	.t33{width: 33.33%;}
	.t40{width: 40%;}
	.t50{width: 50%;}
	.t60{width: 60%;}
	.t66{width: 66.66%;}
	.t70{width: 70%;}
	.t75{width: 75%;}
	.t100 {width: 100%;}
}

@media only screen and (max-width: 767px) {
	.m25{width: 25%;}
	.m30{width: 30%;}
	.m33{width: 33.33%;}
	.m40{width: 40%;}
	.m50{width: 50%;}
	.m60{width: 60%;}
	.m66{width: 66.66%;}
	.m70{width: 70%;}
	.m75{width: 75%;}
	.m100 {width: 100%;}
}


/* ======== Typography ======== */ 
p, h1, h2, h3, h4, h5, h6, ul, ol{
	margin: 0;
	a{
		color: var(--color-brand-maroon);
		line-height: 1.5;
		text-underline-offset: 2px;
	}
}

@media(min-width: 1200px){
	p, h1, h2, h3, h4, h5, h6, ul, ol{
		a:hover,
		a:active{
			color: var(--color-text-black);
			transition: color .25s ease-in-out;
		}
	}
}

.eyebrow-heading {
	span, h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
	font-size: var(--text-base);
	font-family: var(--font-family-heading);
	text-transform: uppercase;
	font-weight:var(--font-weight-black);
	letter-spacing: 1px;
}}
.eyebrow-heading{
	line-height: 1.5;
	font-size: var(--text-base);
	font-family: var(--font-family-heading);
	text-transform: uppercase;
	font-weight:var(--font-weight-black);
	letter-spacing: 1px;
}

.headline-heading {
	span, h1, h2, h3, h4, h5, h6 {
	line-height: var(--line-height-heading);
	font-size: var(--heading-xxxl);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}}

.heading1 {
	span, h1, h2, h3, h4, h5, h6 {
	line-height: var(--line-height-heading);
	font-size: var(--heading-xxxl);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}}
h1,.heading1{
	line-height: var(--line-height-heading);
	font-size: var(--heading-xxxl);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}
.heading1 sup{
	font-size: 20px;
}
.heading2 {
	span, h1, h2, h3, h4, h5, h6 {
	line-height: var(--line-height-heading);
	font-size: var(--heading-xxl);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}}
h2,.heading2{
	line-height: var(--line-height-heading);
	font-size: var(--heading-xxl);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}
.heading2 sup{
	font-size: 20px;
}
.heading3 {
	span, h1, h2, h3, h4, h5, h6 {
	line-height: var(--line-height-heading);
	font-size: var(--heading-xl);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}}
h3,.heading3{
	line-height: var(--line-height-heading);
	font-size: var(--heading-xl);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}

.heading4 {
	span, h1, h2, h3, h4, h5, h6 {
	line-height: var(--line-height-heading);
	font-size: var(--heading-lg);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}}
h4,.heading4{
	line-height: var(--line-height-heading);
	font-size: var(--heading-lg);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}

.heading5 {
	span, h1, h2, h3, h4, h5, h6 {
	line-height: var(--line-height-heading);
	font-size: var(--heading-md);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}}
h5,.heading5{
	line-height: var(--line-height-heading);
	font-size: var(--heading-md);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}

.heading6 {
	span, h1, h2, h3, h4, h5, h6 {
	line-height: var(--line-height-body);
	font-size: var(--heading-sm);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}}
h6,.heading6{
	line-height: var(--line-height-body);
	font-size: var(--heading-sm);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
}

.font-family-sans-serif,
.font-family-sans-serif *{
	font-family: var(--font-family-body) !important;
}

.font-family-serif,
.font-family-serif *{
	font-family: var(--font-family-accent) !important;
	font-weight: 400 !important;
	letter-spacing: 0;
}

.heading.text-color-light{
	color: var(--color-text-white);
}

p {
	font-size: var(--text-base);
	font-family: var(--font-family-body);
	line-height: var(--line-height-body);
}

.p--small {
	font-size: var(--text-sm);
}

.p--large {
	font-size: var(--text-lg);
}

.richtext:not([class*="text-color-"]) p{
	color: var(--color-text-gray);
}
.richtext p + p {
	margin-top: var(--space-base);
}
.richtext blockquote{
	border-left: 4px solid var(--color-brand-maroon);
	margin-left: 0;
	padding-left: 24px;
	p{
		color: var(--color-text-maroon) !important;
		font-size: var(--text-lg);
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
	}
}

.richtext,
.stylized-list{
	width: 100%;
}

.richtext ul,
.stylized-list ul{
	display: flex;
	flex-direction: column;
	gap: var(--space-sm);
	padding: 0;
	li{
		font-family: var(--font-family-body);
		list-style-type: none;
		position: relative;
		padding-left: var(--space-base);
		color: var(--color-text-gray);
	}
	li:before{
		content:'';
		width: 4px;
		height: 4px;
		background-color: var(--color-text-black);
		border-radius: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 10px;
	}
	ul{
		margin-top: var(--space-sm);
	}
	ul li:before{
		border: 1px solid var(--color-text-black);
		background-color: transparent;
		width: 4px;
		height: 4px;
	}
} 

.richtext-p--2, .richtext-p--3, .richtext-p--4, .richtext-p--5{
	display: grid;
	gap: var(--space-base) var(--gutter);
	p,
	p + p{
		margin-top: 0;
	}
	p + p{
		margin-bottom: var(--space-base);
	}
	p:last-child{
		margin-bottom: 0;
	}
}

.richtext-p--2{grid-template-columns: 1fr 1fr;}
.richtext-p--3{grid-template-columns: 1fr 1fr 1fr;}
.richtext-p--4{grid-template-columns: 1fr 1fr 1fr 1fr;}
.richtext-p--5{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

@media(max-width: 1199px){
	.richtext-p--4{grid-template-columns: 1fr 1fr 1fr;}
	.richtext-p--5{grid-template-columns: 1fr 1fr 1fr;}
}
@media(max-width: 767px){
	.richtext-p--3{grid-template-columns: 1fr 1fr;}
	.richtext-p--4{grid-template-columns: 1fr 1fr;}
	.richtext-p--5{grid-template-columns: 1fr 1fr;}
}
@media(max-width: 500px){
	.richtext-p--2{grid-template-columns: 1fr;}
	.richtext-p--3{grid-template-columns: 1fr;}
	.richtext-p--4{grid-template-columns: 1fr;}
	.richtext-p--5{grid-template-columns: 1fr;}
}


.richtext-list--2 > ul, .richtext-list--2 > ol{display: grid; column-gap: var(--gutter); grid-template-columns: 1fr 1fr;}
.richtext-list--3 > ul, .richtext-list--3 > ol{display: grid; column-gap: var(--gutter); grid-template-columns: 1fr 1fr 1fr;}
.richtext-list--4 > ul, .richtext-list--4 > ol{display: grid; column-gap: var(--gutter); grid-template-columns: 1fr 1fr 1fr 1fr;}
.richtext-list--5 > ul, .richtext-list--5 > ol{display: grid; column-gap: var(--gutter); grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

@media(max-width: 1199px){
	.richtext-list--3 > ul, .richtext-list--3 > ol{grid-template-columns: 1fr 1fr 1fr;}
	.richtext-list--4 > ul, .richtext-list--4 > ol{grid-template-columns: 1fr 1fr 1fr;}
	.richtext-list--5 > ul, .richtext-list--5 > ol{grid-template-columns: 1fr 1fr 1fr;}
}
@media(max-width: 767px){
	.richtext-list--3 > ul, .richtext-list--3 > ol{grid-template-columns: 1fr 1fr;}
	.richtext-list--4 > ul, .richtext-list--4 > ol{grid-template-columns: 1fr 1fr;}
	.richtext-list--5 > ul, .richtext-list--5 > ol{grid-template-columns: 1fr 1fr;}
}
@media(max-width: 500px){
	.richtext-list--2 > ul, .richtext-list--2 > ol{grid-template-columns: 1fr;}
	.richtext-list--3 > ul, .richtext-list--3 > ol{grid-template-columns: 1fr;}
	.richtext-list--4 > ul, .richtext-list--4 > ol{grid-template-columns: 1fr;}
	.richtext-list--5 > ul, .richtext-list--5 > ol{grid-template-columns: 1fr;}
}

/* ======== Buttons ======== */
.button{
	border-radius:var(--border-radius-button);
	padding:var(--space-sm) var(--space-md);
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-black);
	text-transform: uppercase;
	line-height: 1.5 !important;
	display: block;
	text-align: center;
	border-radius: 4px;
	text-decoration: none;
	transition: all .25s ease-in-out;
	gap: var(--space-xs);
	display: flex;
	align-items: center;
	cursor: pointer;
	text-align: center;
	justify-content: center;
	span{
		text-align: left;
	}
}
.button--primary{
	position: relative;
	overflow: hidden; 
	background-image: linear-gradient(180deg, var(--color-brand-light-maroon) 0%, var(--color-brand-dark-maroon) 57.21%, #3D0512 100%) !important;
	border: 1px solid rgba(255,255,255,0) !important;
	transition: all .25s ease-in-out;
	color: white;
	&:before {
		content: "";
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(120deg,transparent, rgba(255, 255, 255, 0.5), transparent);
		z-index: 4;
		transition: all .5s ease-in-out;
		left: 100%;
	}
}
.button--secondary{
	background-color: var(--color-text-black);
	border: 1px solid var(--color-text-black);
	color: white;
	position: relative;
	overflow: hidden; 
	transition: all .5s ease-in-out;
	&:before {
		content: "";
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(120deg,transparent, rgba(255, 255, 255, 0.5), transparent);
		z-index: 4;
		transition: all .5s ease-in-out;
		left: 100%;
	}
}
.button--tertiary{
	background-color: transparent;
	padding-top: calc(var(--space-sm) + 2px);
	padding-left: 0 !important;
	padding-right: 0 !important;
	border: 0;
	border-bottom: 2px solid  var(--color-brand-maroon);
	border-radius: 0;
	color: var(--color-brand-maroon);
}
.button--primary.button--dark{
	position: relative;
	overflow: hidden; 
	background-image: linear-gradient(180deg, #FFF 37.02%, #D7D7D7 72.6%, #898989 100%) !important;
	border: 1px solid rgba(255,255,255,0) !important;
	transition: all .25s ease-in-out;
	background-clip: padding-box !important; 
	color: var(--color-text-black);
	&:before {
		content: "";
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(120deg,transparent, rgba(255, 255, 255, 0.5), transparent);
		z-index: 4;
		transition: all .5s ease-in-out;
		left: 100%;
	}
}
.button--secondary.button--dark{
	background-color: var(--color-text-white);
	border: 1px solid var(--color-text-white);
	color: var(--color-text-black);
}
.button--tertiary.button--dark{
	border-color: var(--color-text-white);
	background-color: transparent;
	color: var(--color-text-white);
}
button.button{
	font-size: var(--text-base);
}

@keyframes shine {
  0% {
	left: -100%;
  }
  10%, 100% {
	left: 100%;
  }
}
.button--auto{
	&:after {
		content: "";
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(120deg,transparent, rgba(255, 255, 255, 0.5), transparent);
		z-index: 4;
		left: -100%;
		animation: shine 5s ease-in-out infinite;
	}
}

@media(min-width: 1200px){
	.button--primary:hover,
	.button--primary:active{
		border-color: rgba(255,255,255,1) !important;
		box-shadow: 0 4px 20px 0 rgba(139, 35, 50, 0.60);
		color: white;
		&:before {
			left: -100%;
		}
	}
	.button--secondary:hover,
	.button--secondary:active{
		background-color: var(--color-brand-maroon);
		border-color: var(--color-brand-maroon);
		color: white;
		&:before {
			left: -100%;
		}
	}
	.button--tertiary:hover,
	.button--tertiary:active{
		border-color: var(--color-text-black);
		color: var(--color-text-black);
	}
	.button--primary.button--dark:hover,
	.button--primary.button--dark:active{
		border-color: rgba(0,0,0,1) !important;
		box-shadow: 0 4px 20px 0 rgba(255, 255, 255, 0.60);
		color: var(--text-color-black) !important;
		&:before {
			left: -100%;
		}
	}
	.button--secondary.button--dark:hover,
	.button--secondary.button--dark:active{
		border-color: var(--color-text-white);
		background: var(--color-text-white);
		color: var(--color-text-black);
	}
	.button--tertiary.button--dark:hover,
	.button--tertiary.button--dark:active{
		border-color: var(--color-text-03);
		background: transparent;
		color: var(--color-text-03);
	}
	.button--auto:hover:after,
	.button--auto:active:after {
		display: none;
	}
}
.buttons{
	display: flex;
	flex-drection: row;
	flex-wrap: wrap;
	gap: var(--space-md);
	width: 100%;
}

/* ****************************************** Layout */

/* ======== Header ======== */
body.has-site-alert{
	padding-top: calc(140px + 60px); /* match header + site alert height */
}
body.has-site-alert #header{
	top: 60px; /* match site alert height */
}
#site-alert{
	position: absolute;
	top: 0;
	width: 100%;
	background-color: var(--color-text-black);
	color: var(--color-text-white);
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header{
	height: 150px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	background: var(--color-text-white);
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);
	.header__utility{
		display: none;
		align-items: center;
		justify-content: center;
		.button{
			width: 50%;
			color: white;
			justify-content: center;
			border-radius: 0;
			border-right: 1px solid white !important;
			&:last-child{
				border-right: 0 !important;
			}
			img{
				filter: brightness(0) invert(1);
			}
		}
	}
	.header__top{
		padding: 12px var(--section-side-space) 20px var(--section-side-space);
	}
	.header__top-container{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: var(--space-md);
		margin: auto;
		max-width: var(--container-max);
	}
	.header__bottom{
		padding: 0 var(--section-side-space);
	}
	.header__bottom-container{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		gap: 0;
		max-width: var(--container-max);
		margin: auto;
	}
	.header__logo{
		max-width: 282px;
		flex-shrink: 0;
	}
	.header__logo img{
		display: block;
		margin: auto;
	}
	.header__download{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 8px;
		color: var(--color-text-black);
		text-decoration: none;
		flex-shrink: 0;
		&:hover,
		&:active{
			text-decoration: underline;
		}
		img{
			width: 18px;
		}
	}
	.header__tel{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 8px;
		color: var(--color-text-black);
		font-weight: 900;
		text-decoration: none;
		flex-shrink: 0;
		&:hover,
		&:active{
			text-decoration: underline;
		}
		img{
			width: 18px;
		}
	}
	.header__search{
		flex-shrink: 1;
		width: 262px;
	}
	.search-form{
		width: 100%;
		.search-input{
			width: 100%;
		}
	}
	.button{
		flex-shrink: 0;
	}
	#mobile-nav__toggle{
		display: none;
	}
}
.header.scrolling{
	
}
@media only screen and (min-width:1200px) {
	.header nav{
		width: 100%;
	}
	#primary-nav{
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	#primary-nav > li {
		height: 100%;
		margin:0;
		padding:0;
		display: flex;
		align-items: center;
		position:relative;
	}
	#primary-nav > li > i{
		color: var(--color-brand-maroon);
		margin-left: 8px;
		margin-top: -17px;
		transition: transform .25s ease-in-out;
	}
	#primary-nav > li:hover:after{
		opacity: 1;
	}
	#primary-nav > li:hover > i{
		transform: rotate(180deg);
	}
	#primary-nav > li > a {
		height: 100%;
		position:relative;
		display: flex;
		align-items: center;
		padding: 0;
		color: var(--color-text-black);
		line-height: 150%;
		text-decoration: none;
		font-weight: 900;
		text-transform: uppercase;
		padding-bottom: 17px;
		&:hover,
		&:active{
			color: var(--color-brand-maroon);
		}
	}
	#primary-nav a{
		transition: color .25s ease-in-out;
	}
	#primary-nav > li:after{
		content:'';
		height: 3px;
		width: 100%;
		background-color: var(--color-brand-maroon);
		position: absolute;
		top: 37px;
		pointer-events: none;
		opacity: 0;
	}
	#primary-nav ul {
		background: white;
		padding: 0;
		min-width: 282px;
		position:absolute;
		top: 41px;
		left:0;
		z-index:10;
		display:none;
		transition:all 0.2s;
		border: 1px solid var(--color-ui-02);
	}
	#primary-nav li:hover>ul,	
	#primary-nav ul.active{
		display: block;
	}
	#primary-nav ul li {
		line-height:normal;
		margin:0 2px;
		position: relative;
		list-style-type: none;
	}
	#primary-nav ul li a {
		color:#000;
		font-size: 18px;
		padding: 16px 24px;
		line-height: 150%;
		font-weight: bold;
		text-decoration:none;
		display:block;
		position:relative;
		border-bottom: 1px solid var(--color-ui-02);
	}
	#primary-nav ul li a:hover{
		text-decoration: none;
		color: var(--color-brand-maroon);
		background: var(--color-ui-01);
	}
	#primary-nav ul li:last-child > a{
		border-bottom: 0;
	}
	#primary-nav ul li > i{
		position: absolute;
		z-index: 3;
		right: 15px;
		font-style: normal;
		top: 20px;
	}
	#primary-nav ul li > i:before{
		font-family: "Font Awesome 6 Pro";
		content: '\f061';
		font-weight: bold;
		color:var(--color-brand-maroon);
		font-size: 18px;
	}
	#primary-nav ul ul{
		background-color: transparent;
		position: absolute;
		top: -1px;
		left: calc(100% + 2px);
	}
}

@media(max-width: 1199px){
	.header{
		height: 134px;
		.header__utility{
			display: flex;
		}
		.header__search,
		.header__download,
		.header__tel,
		.header__rfq,
		.header__bottom{
			display: none;
		}
		.header__logo{
			width: 224px;
		}
		.header__top{
			padding-left: var(--space-md);
			padding-right: var(--space-md);
		}
	}
	#mobile-nav__toggle {
		display: flex !important;
		gap: 40px;
		i{
			font-size: 18px;
			color: var(--color-brand-maroon);
		}
	}
	#mobile-nav__toggle.active{
		.fa-bars:before{
			content: '\f00d';
		}
	}
}

@media(max-width: 500px){
	.header{
		.header__utility .button{
			font-size: 14px;
			padding-left: 8px;
			padding-right: 8px;
			i{
				font-size: 14px;
			}
		}
	}
}


/* ======== Mobile Nav ======== */
#mobile-nav{
	display: none;
}
@media(max-width: 1199px){
	#mobile-nav {
		display: block;
		position: fixed;
		top: 134px; /* header height */
		right: -100%;
		width: 100%;
		height: calc(100vh - 134px); /* header height */
		background-color: var(--color-text-white);
		z-index: 9999;
		transition: right 0.5s ease-in-out;
		overflow-y: auto;
		overflow-x: hidden;
		pointer-events: none;
		opacity: 0;
		padding: 0;
		ul {
			position: relative;
			padding: 0;
		}
		ul li{
			font-weight: 700;
			position: relative;
			list-style-type: none;
			padding-right: 60px;
			border-bottom: 1px solid var(--color-ui-02);
		}
		ul li:last-child{
			border-bottom: 0;
		}
		ul li a{
			color:var(--color-text-black);
			display: block;
			padding: var(--space-md);
			text-decoration: none;
			font-size: 16px;
		}
		ul li > i {
			cursor: pointer;
			position: absolute;
			width: 40px;
			right: var(--space-md);
			top: 50%;
			transform: translateY(-50%);
			color: var(--color-brand-maroon);
			font-size: 20px;
			font-weight: bold;
			text-align: right;
		}
		ul ul {
			position: absolute;
			left: 100vw;
			transition: left 0.2s ease-in-out;
			z-index: 3;
			background-color: var(--color-text-white);
			width: 100%;
			top: 0;
			transition: none;
		}
		ul li.open {
			position: static;
		}
		ul li.open > ul {
			left: 0;
			transition: left 0.2s ease-in-out;
			z-index: 9;
			height: 100%;
		}
	}
	#mobile-nav.active{
		right: 0%;
		opacity: 1;
		pointer-events: all;
	}
	#mobile-nav .back{
		border: 0;
		margin-bottom: -8px;
		.back__button{
			position: relative;
			color:var(--color-text-black);
			display: flex;
			align-items: center;
			gap: 8px;
			padding: var(--space-md) var(--space-md) 0 var(--space-md);
			text-decoration: none;
			background-color: transparent;
			border: 0;
			font-size: var(--text-base);
			line-height: 1.5;
			font-weight: 400;
			cursor: pointer;
		}
		i{
			color: var(--color-brand-maroon);
			font-size: 16px;
			font-weight: bold;
		}
	}
	#mobile-nav .search-container{
		padding: var(--space-md) var(--space-md) 0 var(--space-md);
		.search-form input{
			width: 100%;
		}
	}
	.mobile-nav__title{
		font-family: var(--font-family-heading);
		font-size: 32px;
		font-weight: var(--font-weight-black);
		line-height: 125%; 
		padding: var(--space-md) var(--space-md) 24px var(--space-md);
	}
	.mobile-nav__utility{
		display: flex;
		flex-direction: column;
		gap: var(--space-md);
		margin-top: var(--space-md);
		i{
			width: 20px;
			color: var(--color-brand-maroon);
		}
		a{
			text-decoration: none;
			color: var(--color-text-black);
		}
	}
}

/* ======== Footer ======== */
.footer {
	margin-top: auto;
	background-color: white;
	.footer__top{
		padding: 60px var(--section-side-space);
	}
	.footer__top-container{
		width: 100%;
		max-width: var(--container-max);
		display: flex;
		align-items: center;
		gap: 0;
		justify-content: flex-start;
		margin: auto;
	}
	.footer__logo{
		width: 282px;
		margin-right: 37px;
		flex-shrink: 0;
		img{
			width: 100%;
		}
	}
	.footer__top p{
		border-left: 1px solid var(--color-ui-02);
		padding-left: 37px;
	}
	.footer__middle{
		padding: 0 var(--section-side-space) 48px var(--section-side-space);
	}
	.footer__middle-container{
		width: 100%;
		max-width: var(--container-max);
		display: flex;
		align-items: flex-start;
		gap: 24px;
		justify-content: space-between;
		margin: auto;
	}
	.footer__info{
		.footer__title{
			margin-bottom: 16px;
		}
	}
	.footer__title{
		line-height: var(--line-height-heading);
		font-size: var(--heading-sm);
		font-family: var(--font-family-heading);
		font-weight: var(--font-weight-black);
	}
	.footer__contact{
		margin-bottom: var(--space-md);
		gap: 16px;
		display: flex;
		flex-direction: column;
		> div{
			display: flex;
		}
		a{
			color: var(--color-text-black);
			text-decoration: none;
			&:hover,
			&:active{
				text-decoration: underline;
			}
		}
		i{
			color: var(--color-brand-maroon);
			margin-right: 8px;
			width: 18px;
			font-size: 18px;
		}
	}
	.footer__buttons{
		gap: var(--space-md);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		.button{
			width: auto;
		}
	}
	.footer__nav{
		a{
			text-decoration: none;
			color: var(--color-text-black);
			&:hover,
			&:active{
				text-decoration: underline;
			}
		}
		ul{
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			list-style-type: none;
			margin: 0;
			padding: 0;
			gap: var(--space-base);
		}
		.footer__title + ul{
			margin-top: var(--space-sm);
		}
		ul + .footer__title,
		.footer__title + .footer__title{
			margin-top: var(--space-lg);
		}
	}
	.footer__social{
		display: flex;
		flex-direction: row;
		gap: 16px;
		margin-top: var(--space-sm);
		a{
			background: linear-gradient(180deg, var(--color-brand-light-maroon) 0%, var(--color-brand-dark-maroon) 57.21%, #3D0512 100%);
			border-radius: 100%;
			color: white;
			width: 42px;
			height: 42px;
			display: flex;
			justify-content: center;
			align-items: center;
			text-decoration: none !important;
			&:hover,
			&:active{
				background: var(--color-text-black) !important;
			}
		}
	}
	.footer__bottom{
		padding: 0 var(--section-side-space);
	}
	.footer__bottom-container{
		width: 100%;
		max-width: var(--container-max);
		border-top: 1px solid var(--color-ui-02);
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 30px 0;
		margin: auto;
	}
	.footer__copyright{
		text-align: center;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
		ul{
			display: flex;
			align-items: center;
			justify-content: fle-start;
			flex-direction: row;
			margin: 0;
			padding: 0 0 0 var(--space-md);
			li{
				list-style-type: none;
				margin: 0;
				padding: 0;
				border-left: 1px solid var(--color-ui-02);
				a{
					padding: 0 var(--space-md);
					text-decoration: none;
					color: var(--color-text-black);
					&:hover,
					&:active{
						text-decoration: underline;
					}
				}
			}
		}
	}
}

#back-top{
	z-index: 2;
	text-decoration: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: var(--color-text-black);
	flex-shrink: 0;
	i{
		color: var(--color-brand-maroon);
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color .25s ease-in-out;
		font-weight: bold;
	}
	span{
		display: block;
	}
	&:hover span{
		text-decoration: underline;
	}
}

@media(max-width: 1199px){
	.footer{
		.footer__top-container{
			flex-direction: column;
			align-items: flex-start;
			p{
				padding-left:0;
				border: 0;
				border-top: 1px solid var(--color-ui-02);
				padding-top: var(--space-md);
				margin-top: var(--space-md);
			}
		}
		.footer__logo{
			margin-right: 0;
		}
		.footer__middle-container{
			flex-wrap: wrap;
		}
		.footer__info{
			width: 48%;
		}
		.footer__nav{
			width: 48%;
		}
		.footer__bottom-container{
			flex-direction: column;
			align-items: flex-start;
			gap: var(--space-lg);
		}
		.footer__copyright{
			flex-direction: column;
			align-items: flex-start;
			gap: var(--space-sm);
			text-align: left;
			ul{
				margin-left: 0;
				padding-left: 0;
				border-left: 0;
				li:first-child{
					border-left: 0;
					a{
						padding-left: 0;
					}
				}
			}
		}
	}
}
@media(max-width: 767px){
	.footer{
		.footer__info{
			width: 100%;
		}
		.footer__nav{
			width: 100%;
		}
		.button{
			width: 300px !important;
		}
	}
}

/* ======== Home Banner ======== */
#home-banner,
#home-banner .slide,
#home-banner .constrain {
	height: 500px;
	position: relative;
}
#home-banner picture img{
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	max-height: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

#home-banner .caption{
	position:absolute;
	z-index: 2;
	top: 50%;
	left:0;
	right:0;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#home-banner .banner-overlay:after,
#home-banner .image-bg:before {
	content:"";
	background-color:rgba(0,0,0,0.5);
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#home-banner .slick-dots{
	bottom: 15px;
	z-index: 3;
}
#home-banner .slick-dots button:before{
	
}
#home-banner .slick-prev{
	left:0;
	z-index:9;
}
#home-banner .slick-next{
	right:0;
	z-index:9;
}
#home-banner .slick-prev:before{
	font-family: "Font Awesome 6 Pro";
	content:'\f104';
}
#home-banner .slick-next:before{
	font-family: "Font Awesome 6 Pro";
	content:'\f105';
}

/* ======== Inner Banner ======== */
#inner-banner{
	position: relative;
	overflow: hidden;
	padding-top: 120px;
	padding-bottom: 120px;
	&:before{
		content:'';
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 72.6%);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
	}
	h1{
		max-width: 690px;
	}
}
@media(max-width: 767px){
	#inner-banner{
		padding-top: 40px;
		padding-bottom: 40px;
	}
}


/* ======== Breadcrumbs ======== */
.breadcrumbs{
	padding: var(--space-md) var(--section-side-space);
	background-color: white;
	width: 100%;
	i{
		color: var(--color-brand-maroon);
	}
	.breadcrumbs__container{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 54px;
		max-width: var(--container-max);
		
		margin: auto;
	}
	.breadcrumbs__crumb{
		position: relative;
		font-size: 16px;
		a{
			color: var(--color-text-black);
			text-decoration: none;
		}
	}
	.breadcrumbs__crumb:after{
		font-family: var(--font-awesome);
		content: "";
		position: absolute;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		left: 100%;
		margin-left: 17px;
		width: 20px;
		height: 1px;
		background-color: var(--color-ui-02);
	}
	.breadcrumbs__crumb:last-child:after{
		display: none;
	}
	.breadcrumbs__crumb--home{
		font-size: 18px;
	}
}
@media(min-width: 1200px){
	.breadcrumbs{
		.breadcrumbs__crumb a:hover,
		.breadcrumbs__crumb a:active{
			text-decoration: underline;
		}
	}
}
@media(max-width: 767px){
  	.breadcrumbs{
		width: 100%;
	}
	.breadcrumbs__container{
		width: 100%;
		white-space: nowrap;
		overflow-y: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		padding-right: 100px;
	}
	.breadcrumbs__container:after{
	  content: '';
	  width: 100px;
	  height: 100%;
	  display: block;
	  right: 0;
	  top: 0;
	  position: absolute;
	  pointer-events: none;
	  background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
	}
	.breadcrumbs__crumb{
		white-space: nowrap;
	}
	.breadcrumbs__container::-webkit-scrollbar { 
		display: none;
	}
  }
}


/* ======== Sidebar ======== */
.sidebar h3{
	text-transform: none;
	margin: 0;
}
.sidebar h3 i{
	display: none;
}
.sidebar ul{
	padding-left: 0;
}
.sidebar ul li{
	list-style-type: none;
	position: relative;
}
.sidebar ul li a{
	display: block;
	margin-right: 12px;
	padding: 2px 0;
}
.sidebar ul li ul{
	padding-left: 15px;
	display: none;
}
.sidebar .parent{
	cursor: pointer;
}
.sidebar .parent > i:after{
	font-family: "Font Awesome 6 Pro";
	content:'\f067';
	position: absolute;
	top:0;
	right:0;
	font-style: normal;
}
.sidebar .parent.active > i:after{
	content:'\f068';
	
}
.sidebar .parent.active > ul{
	display: block;
}
.sidebar ul li ul li a{
	font-size: 14px;
}


/* ======== Forms ======== */
.form{
	.form__fields{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin: 0 calc(var(--space-base) * -1);
		row-gap: var(--space-md);
	}
	.form__field-inner{
		display: flex;
		flex-direction: column;
		gap: var(--space-xs);
		padding-left: var(--space-base);
		padding-right: var(--space-base);
	}
	.form__label{
		font-weight: var(--font-weight-bold);
		line-height: 1.5;
		font-size: var(--text-base);
		color: var(--color-text-black);
	}
	.form__required{
		color: var(--color-ui-warning);
		font-weight: var(--font-weight-regular);
		font-size: var(--text-sm);
	}
	.form__optional{
		color: var(--color-text-black);
		font-weight: var(--font-weight-regular);
		font-size: var(--text-sm);
	}
	.error{
		background-color: var(--color-ui-warning);
		color: var(--color-text-white);
		border-radius: 4px;
		padding: var(--space-xs);
		font-size: var(--text-sm);
	}
	p.error{
		margin-bottom: 8px;
	}
	input[type=text], 
	input[type=email],
	input[type=number],
	input[type=tel], 
	textarea,
	select,
	#file-uploader-image,
	.bootstrap-select{
		font-size: var(--text-base);
		border-radius: 4px;
		border: 1px solid var(--color-ui-02);
		width:100%;
		display: block;
		margin: 0;
		padding: var(--space-sm) var(--space-base);
		box-sizing: border-box;
		background-color: var(--color-text-white);
		color: var(--color-text-black);
		font-family: var(--font-family-body)
	}
	textarea{
		height: 96px;
	}
	input::placeholder, 
	textarea::placeholder,
	select::placeholder{
		color: var(--color-text-black);
	}
	.form__submit{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
	}
	.form__submit .submit{
		margin: 0;
		font-size: var(--text-base);
	}
	.form__submit .sending {
		display: none;
		margin-left: 15px;
	}
	.filepond--root{
		margin: 0;
	}
	.filepond--drop-label{
		border: 1px solid var(--color-ui-02);
		background-color: var(--color-text-white);
		border-radius: 4px;
	}
	.filepond--credits{
		display: none;
	}
}

.form--dark{
	.form__label,
	.form__error,
	.form__required,
	.form__optional{
		color: var(--color-text-white);
	}
}

.form--boxed{
	background-color: var(--color-text-white);
	padding: var(--gutter);
}

.form #file-uploader-image{
	padding: 0 10px;
	position: relative;
}
.form #file-uploader-image:focus{
	outline: 0;
}
.form .file-uploader-items .file-wrap{
	margin:0 15px;
}
.form .file-uploader-items .title{
	display:block;
	margin-bottom:0;
	height: 35px;
	line-height: 32px;
	font-size: 14px;
}
.form .file-uploader-items img{
	display: none;
}
.form .file-uploader-items .delete-button{
	background: url(/assets/images/template/xmark-solid.svg) no-repeat center;
	position: absolute;
	text-indent: inherit;
	font-size: 0;
	top: 20px;
	right: -18px;
	cursor: pointer;
}
.form .file-uploader-buttons{
	position: absolute;
	right: 0;
	top:0;
	line-height: normal;
}
.form .qq-upload-button,
.form .qq-clear-button{
	font-size: 0;
	width: 30px;
	height: 36px;
	line-height: 36px;
	padding:0;
	border:0;
	margin:0;
	background-color: transparent;
}
.form .qq-upload-button:before,
.form .qq-clear-button:before{
	font-family: "Font Awesome 6 Pro";
	color: #292b2c;
	font-size:15px;
}
.form .qq-upload-button:before{
	content:'\f0c6';
}
.form .qq-clear-button:before{
	content:'\f2ed';
}
.form .qq-upload-button:hover,
.form .qq-clear-button:hover{
	background-color: transparent; 
}
.form .qq-upload-button:hover:before,
.form .qq-clear-button:hover:before{

}
.form .errorMessage{
	padding: 5px 8px 0px 0px;
	width: 100%;
	margin: 0;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	position: absolute;
	bottom: -4px;
}

/* Shifty Forms */
.form.shifty label{
	display: none;
}
.form.shifty .input-group label{
	position: absolute;
	display:block;
	top: 16px;
	left: 15px;
	line-height: 1em;
	font-size: 14px;
	font-weight: normal;
	margin:0;
	opacity: 0.5;
	-webkit-transition: all 0.165s ease;
	-moz-transition: all 0.165s ease;
	-ms-transition: all 0.165s ease;
	-o-transition: all 0.165s ease;
	transition: all 0.165s ease;
}
.form.shifty .input-group label.focus{
	top: -13px;
	font-size: 11px;
	-webkit-transition: all 0.165s ease;
	-moz-transition: all 0.165s ease;
	-ms-transition: all 0.165s ease;
	-o-transition: all 0.165s ease;
	transition: all 0.165s ease;
	font-style: normal;
	opacity: 1.0;
}
.form.shifty .input-group label.focus:after{
	content: "\f107";
	display: inline-block;
	font: normal normal normal 14px/1 "Font Awesome 6 Pro";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 0.5em;
}
.form.shifty .input-group label.hidden{
	opacity: 0.0;
}
.form.shifty label.error{
	display: none !important;
}

/* Custom Selects, Radios, Checkboxes */
.form .bootstrap-select{
	padding: 0;
	border: 0;
}
.form .bootstrap-select:focus,
.form .bootstrap-select button:focus{
	outline: 0 !important;
}
.form .bootstrap-select button{
	background-color: transparent;
	padding-left: 10px;
	line-height: 36px;
	border: 1px solid #d7d8d8;
	border-radius: 0;
	padding: 0 10px;
}
.form .bootstrap-select.open button,
.form .bootstrap-select.open button:hover,
.form .bootstrap-select button:active,
.form .bootstrap-select.open button:active,
.form .bootstrap-select.open button:focus{
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	border-radius: 0;
	border: 1px solid #292b2c;
}
.form .bootstrap-select button span{
	font-weight: normal;
	text-transform: none;
}
.form .bootstrap-select .dropdown-toggle  .caret{
	border:0;
	top: 4px;
	right: 20px;
}
.form .bootstrap-select button .caret:before{
	font-family: "Font Awesome 6 Pro";
	content:'\f107';
}
.form .bootstrap-select.open button .caret:before{
	content:'\f106';
}
.form .bootstrap-select .dropdown-menu{
	margin:0 0 0 -1px;
	border-radius: 0;
	border: 1px solid #292b2c;
	padding:0;
	background-color: #eeeeee;
}
.form .bootstrap-select .dropdown-menu a{
	padding: 8px 10px;
}
.form .bootstrap-select .dropdown-menu a:hover{
	background-color: #dddddd;
}
.form .bootstrap-select .dropdown-menu a:active,
.form .bootstrap-select .dropdown-menu a:focus{
	outline: 0;
}
.form .checkbox-container,
.form .radio-container,
.form .switch-container{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.form .switch-container{
	padding-left:60px;
}
.form .radio-container{
	width: 100px;
	float: left;
	display: block;
}
.form .radio-container + .radio-container{
	margin-top: 5px;
}
.form .checkbox-container input,
.form .radio-container input,
.form .switch-container input{
	opacity: 0;
	position: absolute;
	cursor: pointer;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
	z-index:2;
}
.form .checkbox-container .checkmark{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border: 1px solid var(--color-brand-maroon);
	border-radius: 4px;
	line-height: 30px;
}
.form .radio-container .radio{
	position: absolute;
	top: 0;
	left: 0;
	height: 23px;
	width: 23px;
	background-color: #fff;
	border: 1px solid var(--color-brand-maroon);
	border-radius: 23px;
	line-height: 30px;
	margin: 0;
}
.form .switch-container .switch{
	position: absolute;
	top: 0;
	left: 0;
	height: 23px;
	width: 50px;
	background-color: #d7d8d8;
	border: 1px solid #d7d8d8;
	border-radius: 23px;
	line-height: 30px;
	margin: 0;
}
.checkbox-container .checkmark:after,
.radio-container .radio:after,
.switch-container .switch:after  {
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	display: none;
}
.form .checkbox-container:hover input ~ .checkmark:after {
	//content: '\f0c8';
	display: block;
	font-weight: bold;
	top: -3px;
	left: 6%;
	font-size: 23px;
	color: var(--color-brand-maroon);
}
.form .radio-container:hover input ~ .radio:after{
	content:'\f111';
	display: block;
	font-weight: bold;
	top: -19%;
	left:10%;
	font-size: 17px;
	color: var(--color-brand-maroon);
}
.form .switch-container input ~ .switch:after{
	content:'\f111';
	display: block;
	font-weight: bold;
	top: -4px;
	left:1px;
	font-size: 20px;
	color: #ffffff;
}
.checkbox-container input:checked ~ .checkmark:after,
.form .checkbox-container:hover input:checked ~ .checkmark:after{
	display: block;
	content: "\f14a";
	font-weight: bold;
	top: -3px;
	left: 2px;
	font-size: 22px;
	color: var(--color-brand-maroon);
}

.radio-container input:checked ~ .radio:after,
.form .radio-container:hover input:checked ~ .radio:after{
	display: block;
	content:'\f111';
	font-weight: bold;
	top: -19%;
	left:10%;
	font-size: 17px;
	color: var(--color-brand-maroon);
}
.switch-container input:checked ~ .switch{
	background-color: var(--color-brand-maroon);
	border-color:var(--color-brand-maroon);
}
.switch-container input:checked ~ .switch:after{
	display: block;
	content:'\f111';
	font-weight: bold;
	top: -4px;
	right:0;
	left: auto;
	font-size: 20px;
	color: #ffffff;
	border:0;
}
.form .checkboxes{
	display: grid;
	grid-template-columns: 1fr;
	&.checkboxes--columns-2{
		grid-template-columns: 1fr 1fr;
	}
	&.checkboxes--columns-3{
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media(max-width: 1199px){
	.form .checkboxes{
		&.checkboxes--columns-3{
			grid-template-columns: 1fr 1fr;
		}
	}
}
@media(max-width: 767px){
	.form .checkboxes{
		&.checkboxes--columns-2{
			grid-template-columns: 1fr;
		}
		&.checkboxes--columns-3{
			grid-template-columns: 1fr;
		}
	}
}

#quickContact{
	padding: var(--gutter);
	background-color: white;
	border: 3px solid var(--color-brand-maroon);
	border-radius: 24px;
	box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.90);
}
@media(max-width: 1199px){
	.quick-contact-section .image-single{
		display: none;
	}
}

#contact.form{
	padding: var(--gutter);
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.10);
}

#rfq.form{
	padding: var(--gutter);
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.10);
}

/* ======== Blog ======== */
.post-filter{
	width: 100%;
	position: relative;
	height: 48px;
	z-index: 5;
	.post-filter__inner{
		position: absolute;
		width: 100%;
		max-height: 48px;
		border: 1px solid var(--color-ui-02);
		background: var(--color-ui-01);
		border-radius: 4px;
		overflow: hidden;
		z-index: 5;
	}
	.post-filter__toggle{
		width: 48px;
		height: 48px;
		position: absolute;
		right: 0;
		color: var(--color-brand-maroon);
		z-index: 3;
		border-radius: 0;
		border: 0;
		background-color: transparent;
		cursor: pointer;
		i{
			font-size: 18px;
			transition: all .25s ease-in-out;
		}
	}
	ul{
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
	}
	li{
		list-style-type: none;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid var(--color-ui-02);
		order: 2;
		&:last-child{
			border-bottom: 0;
		}
		&.active{
			order: 1;
			a{
				pointer-events: none;
			}
		}
	}
	a{
		display: block;
		height: 48px;
		width: 100%;
		color: var(--color-text-black);
		font-size: var(--text-base);
		font-style: normal;
		font-weight: 400;
		padding: 10px 17px;
		text-decoration: none;
		&:hover,
		&:active{
			background-color: var(--color-ui-02) !important;
		}
	}
}
.post-filter.active .post-filter__inner{
	max-height: 500px;
}
.post-filter.active .post-filter__toggle i{
	transform: rotate(180deg);
}
.post-filter.no-count .count{
	display: none;
}
@media(min-width: 1200px){
	.post-filter:hover .post-filter__inner{
		max-height: 500px;
	}
	.post-filter:hover .post-filter__toggle i{
		transform: rotate(180deg);
	}
}
@media(max-width: 1199px){
	.post-filter .post-filter__toggle {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-right: 16px;
	}
}

.post-utility{
	.search-form{
		width: 100%;
	}
	.search-input{
		width: 100% !important;
		padding: 11px 18px;
	}
}
@media(min-width: 1200px){
	.post-utility{
		.columns{
			display: flex;
			flex-direction: row;
		}
		.column-1{
			max-width: 384px;
		}
	}
}

.posts{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 24px;
	.post-item{
		display: flex;
		flex-direction: column;
		text-decoration: none;
		color: var(--color-text-black);
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.10);
		transition: all .5s ease-in-out;
		outline: 2px solid rgba(139, 35, 50, 0);
	}
	.post-image{
		height: 200px;
		position: relative;
		width: 100%;
		overflow: hidden;
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform .5s ease-in-out;
		}
		&:after{
			content: '';
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			background: rgba(139, 35, 50, 0.20);
			opacity: 0;
			transition: opacity .5s ease-in-out;
		}
		.post-date{
			position: absolute;
			bottom: 0;
			left: 0;
			background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.80) 50%, rgba(177, 177, 177, 0.90) 100%);
			font-size: var(--text-sm);
			font-style: normal;
			font-weight: 700;
			color: var(--color-brand-04);
			padding: var(--space-xs) var(--space-lg);
			border-top-right-radius: 4px;
			z-index: 4;
		}
	}
	.post-info{
		background-color: white;
		padding: var(--space-md) var(--space-lg);
		gap: var(--space-base);
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		p{
			color: var(--color-text-gray);
		}
	}
	.heading6{
		transition: color .5s ease-in-out;
	}
	.button{
		margin-right: auto;
	}
}
@media(min-width: 1200px){
	.posts{
		a:hover,
		a:active{
			outline: 2px solid rgba(139, 35, 50, 1);
			box-shadow: 0 4px 20px 0 rgba(255, 255, 255, 0.60);
			.post-image img{
				transform: scale(1.2);
			}
			.post-image:after{
				opacity: 1;
			}
			.heading6{
				color: var(--color-brand-maroon);
			}
		}
	}
}

@media(max-width: 1199px){
	.posts{
		grid-template-columns: 1fr 1fr;
	}
}

@media(max-width: 767px){
	.posts{
		grid-template-columns: 1fr;
	}
}

.post-entry__info{
	margin-top: var(--space-lg);
	.tags{
		font-size: 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		row-gap: var(--space-md);
	}
	a{
		border-radius: 4px;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.30) 50%, rgba(177, 177, 177, 0.20) 100%);
		display: block;
		font-size: var(--text-sm);
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		padding: var(--space-xs) var(--space-base);
		text-decoration: none;
		color: white !important;
		transition: background .5s ease-in-out;
		flex-shrink: 0;
		margin-right: var(--space-md);
		&:focus{
			outline: 1px dashed black;
		}
	}
}

@media(min-width: 1200px){
	.post-entry__info{
		a:hover,
		a:active{
			background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
			color: var(--color-text-maroon) !important;
		}
	}
}

.post-entry__content{
	border-radius: 8px;
	> .section:first-child{
		padding-top: var(--space-xxl) !important;
	}
	> .section:last-child{
		padding-bottom: var(--space-xxl) !important;
	}
}
.post-entry__sidebar{
	gap: var(--space-lg);
	.search-form input{
		width: 100%;
	}
}
.post-entry__filter{
	background-color: white;
	border-radius: 8px;
	padding: var(--space-md) var(--space-lg);
	width: 100%;
	gap: var(--space-base);
	display: flex;
	flex-direction: column;
	.heading6{
		color: var(--color-text-maroon);
	}
	ul{
		margin: 0;
		padding: 0;
		gap: var(--space-base);
		display: flex;
		flex-direction: column;
	}
	li{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	a{
		color: var(--color-text-black);
		text-decoration: none;
		display: block;
		&:hover,
		&:active{
			text-decoration: underline;
		}
	}
	.count{
		display: none;
	}
}


.post-entry .gallery.slider.img-full .slides,
.post-entry .img-wrapper.img-full{
	height: 300px;
	overflow:hidden;
}
.post-entry .gallery.slider.img-full .slides img,
.post-entry .img-wrapper.img-full img{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.quip{
	margin-top: 30px;
}
.quip h3,.quip .h3{
	margin-bottom: 0;
}
.quip-comment{
	padding:0 !important;
}
.quip-comment .quip-fld{
	margin-bottom: 8px;
}
.quip-comment .quip-name,
.quip-comment .quip-email{
	width: 48%;
}
.quip-comment .quip-name{
	float: left;
}
.quip-comment .quip-email{
	float: right;
}
.quip-comment .quip-fld input[type="text"],
.quip-comment .quip-fld input[type="email"]{
	width: 100%;
}
.quip-add-comment label{
	display:block;
	float: none !important; 
	width: auto !important;
}
.quip-add-comment .quip-notify label{
	display: inline-block;
}


/* ======== PDF Iframe ======== */
.pdf-ctas {  
	text-align: center;
	margin: 0 auto;
}
.pdf-ctas > a {
	display: inline-block;
	margin: 0 8px;
}
.pdf-iframe {
	position: relative;
	padding-bottom: 129.4%; /* 8.5:11 */
	padding-top: 0px;
	height: 0;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.pdf-iframe iframe,
.pdf-iframe object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.pdf-iframe .resp { display: none; }
@media only screen and (max-width: 1199px) {
	.pdf-iframe .default { display: none !important; }
	.pdf-iframe .resp { display: block !important; }
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
	.pdf-iframe .default {
		display: none;
	}
	.pdf-iframe .resp {
		display: block !important;
	}
}
_:-ms-fullscreen .pdf-iframe .default,
 :root .ie11up .pdf-iframe .default,
_:-ms-lang(x) .pdf-iframe .default,
.ie10up .pdf-iframe .default {
	display: none;
}
_:-ms-fullscreen .pdf-iframe .resp,
_:-ms-lang(x) .pdf-iframe .resp,
.ie10up .pdf-iframe .resp,
 :root .ie11up .pdf-iframe .resp {
	display: block !important;
}



/* ******************************************  Blocks */

/* ======== Image ======== */
.image-single{
	display: flex;
	flex-direction: column;
	.image-single-inner{
		position: relative;
		overflow: hidden;
		margin: auto;
	}
	&.has-shadow .image-single-inner{
		box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.10);
	}
	img{
		display: block;
		max-width: 100%;
	}
	i{
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
	}
	i:before{
		color: var(--white);
		padding: 5px 8px 5px 8px;
		position: absolute;
		top:0;
		right: 0;
	}
	p.img-caption-in{
		background-color: rgba(17, 17, 17, 0.5);
		color: var(--color-text-white);
		position: absolute;
		bottom: 0;
		z-index: 2;
		padding: var(--space-base);
		margin: 0;
		text-align: left;
		width: 100%;
	}
	p.img-caption-out{
		padding: var(--space-base) 0;
		text-align: center;
	}
}
.image-single.img-left .image-single-inner {
  margin-left: 0;
}
.image-single.img-right .image-single-inner {
  margin-right: 0;
}
.image-single.img-middle {
  height: 100%;
}
.image-single.fit{
	position: relative;
	height: 100%;
	overflow: hidden;
	.image-single-inner{
		width: 100%;
		height: 100%;
	}
	img {
		min-height: 100%;
		object-fit: cover;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}
.image-single.fill img{
	object-fit: cover;
}
.border-radius-default .image-single-inner{	border-radius: var(--border-radius-lg); }
.border-radius-sm .image-single-inner{	border-radius: var(--border-radius-sm); }
.border-radius-md .image-single-inner{	border-radius: var(--border-radius-md); }
.border-radius-lg .image-single-inner{	border-radius: var(--border-radius-lg); }
.border-radius-none .image-single-inner{	border-radius: 0; }

.glightbox-clean .gslide-title{
	margin: 0;
}

/* ======== Video ======== */
.video-block {
	text-align:center;
	position: relative;
	width: 100%;
	.video {
		background:center center no-repeat;
		background-size: cover !important;
		height: 330px;
		width:100%;
		max-width: 100%;
		margin:0 auto;
		padding:0;
		display:block;
		position:relative;
		border-radius: var(--border-radius-element);
		box-shadow: 0 4px 20px 0 rgba(139, 35, 50, 0);
		transition: box-shadow .5s ease-in-out;
		background-size: 104% auto;
		transition: background-size .4s ease;

	}
	.video:after{
		content:'';
		background: linear-gradient(0deg, rgba(139, 35, 50, 0.40) 0%, rgba(139, 35, 50, 0.40) 100%);
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: opacity .5s ease-in-out;
		border-radius: var(--border-radius-element);
	}
	.video .play {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 1;
		width: 64px;
		height: 64px;
		background-color: white;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color .25s ease-in-out;
	}
	.video .play i {
		font-size: 23px;
		color: var(--color-brand-maroon);
		position: relative;
		top: 1px;
		left: 2px;
	}
	.title{
		margin-top: var(--space-md);
		font-size: var(--heading-md);
		font-weight: 900;
		display: block;
	}
}
@media(min-width: 1200px){
	.video-block{
		.video:hover{
			background-size: 108% auto; /* slightly larger on hover */
			box-shadow: 0 4px 20px 0 rgba(139, 35, 50, 0.60);
			&:after{
				opacity: 1;
			}
		}
	}
}

/* ======== Buckets ======== */
.buckets{
	display: grid;
	flex-direction: row;
	gap: var(--space-md);
	width: 100%;
	.bucket img{
		max-width: 100%; 
		height: auto;
	}
	&.buckets--carousel{
		margin-top: -12px;
		max-width: 100%;
		display: block;
		a{
			width: auto !important;
			display: flex !important;
			flex-direction: column;
		}
		.bucket{
			padding: 12px 12px 20px 12px;
		}
		.image-slider[data-arrows="false"]{
			width: calc(100% + 24px);
			max-width: none;
			margin-left: -12px;
		}
	}
	.splide__pagination{
		margin-top: 12px;
	}
}

@media(max-width: 767px){
	.buckets .splide__pagination{
		margin-top: 0;
	}
}

.buckets--one-column{grid-template-columns: 1fr;}
.buckets--two-columns{grid-template-columns: repeat(2, minmax(0, 1fr));}
.buckets--three-columns{grid-template-columns: repeat(3, minmax(0, 1fr));}
.buckets--four-columns{grid-template-columns: repeat(4, minmax(0, 1fr));}
.buckets--five-columns{grid-template-columns: repeat(5, minmax(0, 1fr));}

@media(max-width: 1199px){
	.buckets--three-columns{grid-template-columns: repeat(3, minmax(0, 1fr));}
	.buckets--four-columns{grid-template-columns: repeat(3, minmax(0, 1fr));}
	.buckets--five-columns{grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media(max-width: 767px){
	.buckets--three-columns{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.buckets--four-columns{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.buckets--five-columns{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media(max-width: 500px){
	.buckets--two-columns{grid-template-columns: 1fr;}
	.buckets--three-columns{grid-template-columns: 1fr;}
	.buckets--four-columns{grid-template-columns: 1fr;}
	.buckets--five-columns{grid-template-columns: 1fr;}
}

.buckets--small{
	a{
		border-radius: 8px;
		display: flex;
		position: relative;
		width: 100%;
		height: 120px;
		overflow: hidden;
		text-decoration: none;
		box-shadow: 0 4px 20px 0 rgba(139, 35, 50, 0);
		transition: box-shadow .5s ease-in-out;
	}
	a:before{
		padding-bottom: 100%;
		content: '';
		float: left;
	}
	a:after{
		display: table;
		content: '';
		clear: both;
	}
	.bucket__content{
		padding: var(--gutter-sm) var(--space-lg);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		position: relative;
		z-index: 2;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	.bucket__image{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.bucket__image img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		transition: transform .5s ease-in-out;
		transform: scale(1);
	}
	.bucket__image:after{
		content: '';
		width: 100%;
		height: 100%;
		background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.10) 100%);
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		transition: all .5s ease-in-out;
		opacity: 1;
	}
	.bucket__heading{
		color: var(--color-text-white);
		flex-wrap: nowrap;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		i{
			font-size: 0;
			margin-left: var(--space-md);
			transition: font-size .5s ease-in-out;
		}
	}
}
@media(min-width: 1200px){
	.buckets--small{
		a:hover,
		a:active{
			box-shadow: 0 4px 20px 0 rgba(139, 35, 50, 0.60);
			.bucket__image img{
				transform: scale(1.2);
			}
			.bucket__image:after{
				opacity: .7;
				background: var(--color-brand-dark-maroon);
			}
			.bucket__heading i{
				font-size: 18px;
			}
		}
	}
}
@media(max-width: 1199px){
	.buckets--small{
		.bucket__image:after{
			opacity: .7;
			background: var(--color-brand-dark-maroon);
		}
		.bucket__heading i{
			font-size: 18px;
		}
	}
}

.buckets--large{
	a{
		border-radius: 8px;
		display: flex;
		position: relative;
		width: 100%;
		height: 320px;
		overflow: hidden;
		text-decoration: none;
		box-shadow: 0 4px 12px 0 rgba(139, 35, 50, 0);
		transition: box-shadow .25s ease-in-out;
	}
	.bucket__content{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		position: absolute;
		z-index: 3;
		width: 100%;
		height: 100%;
		top: 53px;
		transition: top .5s ease-in-out;
	}
	.bucket__image{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.bucket__image img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		transition: transform .5s ease-in-out;
		transform: scale(1);
	}
	.bucket__image:after{
		content: '';
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.60) 100%);
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		opacity: .7;
		transition: opacity .5s ease-in-out;
	}
	.bucket__image:before {
		content: "";
		position: absolute;
		top: -100%;
		width: 200%;
		height: 300%;
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 24%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 74%,rgba(255,255,255,0) 100%);
		transform: rotate(38deg);
		z-index: 4;
		transition: all .5s ease-in-out;
		left: 100%;
		opacity: .5;
	}
	.bucket__heading{
		color: var(--color-text-white);
		margin-bottom: 0;
		margin-top: auto;
		width: 100%;
		padding: 0 16px 24px 16px;
		text-align: center;
	}
	.button{
		margin-top: 0;
		margin-bottom: 0;
		display: inline-block;
		opacity: 1;
		width:100%;
		border: 0;
		pointer-events: none;
		border-radius: 0;
		height: 53px;
		opacity: 0;
		transition: opacity .5s ease-in-out;
	}
}
@media(min-width: 1200px){
	.buckets--large{
		a:hover,
		a:active{
			box-shadow: 0 4px 12px 0 rgba(139, 35, 50, 0.60);
			.bucket__content{
				top: 0;
			}
			.bucket__image img{
				transform: scale(1.2);
			}
			.bucket__image:after{
				opacity: 1;
			}
			.bucket__image:before{
				left: -200%;
			}
			.button{
				opacity: 1;
			}
		}
	}
}
@media(max-width: 1199px){
	.buckets--large{
		a{
			box-shadow: 0 4px 12px 0 rgba(139, 35, 50, 0.60);
			.bucket__content{
				top: 0;
			}
			.bucket__image:after{
				opacity: 1;
			}
			.button{
				opacity: 1;
			}
		}
	}
}

.buckets--desc{
	a{
		border-radius: 8px;
		display: flex;
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		text-decoration: none;
		justify-content: center;
		box-shadow: 0 10px 40px 0 rgba(139, 35, 50, 0);
		transition: box-shadow .5s ease-in-out;
	}
	.bucket__content{
		padding: var(--gutter-sm) var(--space-lg);
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		z-index: 2;
		width: 100%;
		height: 100%;
	}
	&.buckets--four-columns  .bucket__content,
	&.buckets--carousel .bucket__content{
		padding: var(--gutter-sm) 16px;
	}
	&.buckets--carousel .bucket__content{
		//position: absolute;
		top: 0;
	}
	.bucket__image{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.bucket__image img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.bucket__image:after{
		content: '';
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.00) 100%);
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		transition: opacity .5s ease-in-out;
		opacity: 1;
	}
	.bucket__image:before{
		content: '';
		width: 100%;
		height: 100%;
		background: linear-gradient(140deg, var(--color-brand-dark-maroon) 1.34%, var(--color-brand-light-maroon) 29.32%, var(--color-brand-dark-maroon) 57.31%, #3D0512 79.6%, var(--color-brand-dark-maroon) 100%);
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		transition: opacity .5s ease-in-out;
		opacity: 0;
	}
	.bucket__eyebrow{
		color: var(--color-text-black);
	}
	.bucket__heading{
		color: var(--color-text-white);
		margin-bottom: var(--space-base);
		text-align: center;
	}
	.bucket__introtext{
		color: var(--color-text-white);
		margin-bottom: var(--space-md);
		line-height: 1.5;
		opacity: 1;
		transition: opacity .25s ease-in-out;
		text-align: center;
	}
	.bucket__hover{
		display: flex;
		flex-direction: column;
		align-items: center;
		height: 100%;
		position: relative;
		top: 100%;
		opacity: 0;
		transition: all .5s ease-in-out;
	}
	.button{
		margin-top: 0;
		margin-bottom: auto;
		display: inline-block;
		opacity: 1;
		transition: opacity .25s ease-in-out;
		color: white !important;
		border-color: white !important;
	}
}

@media(min-width: 1200px){
	.buckets--desc{
		a{
			min-height: 388px;
		}
		a:hover,
		a:active{
			box-shadow: 0 10px 40px 0 rgba(139, 35, 50, 0.80);
			.bucket__image:before{
				opacity: 1;
			}
			.bucket__hover{
				top: 0;
				opacity: 1;
			}
		}
		&.buckets--carousel{
			a{
				box-shadow: 0 4px 12px 0 rgba(139, 35, 50, 0);
			}
			a:hover,
			a:active{
				box-shadow: 0 4px 12px 0 rgba(139, 35, 50, 0.60);
			}
		}
	}
}
@media(max-width: 1199px){
	.buckets--desc{
		a{
			box-shadow: 0 10px 40px 0 rgba(139, 35, 50, 0.80);
			//padding-bottom: 68px;
		}
		.bucket__image:before{
			opacity: 1;
		}
		.bucket__hover{
			top: 0;
			opacity: 1;
		}
		.button{
			margin-bottom: auto;
			margin-top: 0;
		}
		&.buckets--four-columns  .bucket__content,
		&.buckets--carousel .bucket__content{
			padding: var(--gutter-sm) var(--space-lg);
		}
		&.buckets--carousel a{
			box-shadow: 0 4px 12px 0 rgba(139, 35, 50, 0.60);
			height: 388px;
		}
	}
}
@media(max-width: 767px){
	.buckets--desc{
		a{
			height: 100%;
		}
	}
	.buckets--desc.buckets--two-columns{
		grid-template-columns: 1fr;
	}
}

.buckets--text{
	gap: var(--space-lg);
	a{
		border-radius: 8px;
		background: linear-gradient(140deg, var(--color-brand-dark-maroon) 1.34%, var(--color-brand-light-maroon) 29.32%, var(--color-brand-dark-maroon) 57.31%, #3D0512 79.6%, var(--color-brand-dark-maroon) 100%);
		width: 100%;
		height: 100%;
		text-decoration: none;
		box-shadow: 0px 4px 8px 0px #0000001A;
		display: block;
		overflow: hidden;
		position: relative;
		&:before {
			content: "";
			position: absolute;
			top: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(120deg,transparent, rgba(255, 255, 255, 0.5), transparent);
			z-index: 4;
			transition: all .5s ease-in-out;
			left: 100%;
		}
	}
	.bucket__heading{
		padding: var(--space-md) var(--space-lg);
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
		gap: var(--space-xs);
		line-height: 1;
		color: var(--color-text-white);
		transition: color .25s ease-in-out;
	}
	.bucket__heading svg{
		font-size: 16px;
		transition: color .25s ease-in-out;
		color: var(--color-text-white);
		flex-shrink: 0;
	}
}

@media(min-width: 1200px){
	.buckets--text{
		a:hover,
		a:active{
			&:before {
				left: -100%;
			}
		}
	}
}
@media(max-width: 1199px){
	.buckets--text{
		gap: var(--space-md);
	}
}


/* ======== Image & Text Grid ======== */
.image-text-grid{
	display: grid;
	gap: var(--gutter);
	.image-text-grid__inner{
		display: flex;
		flex-direction: column;
		gap: var(--space-md);
	}
	.image-text-grid__image{
		height: 200px;
		border-radius: var(--border-radius-element);
		overflow: hidden;
		position: relative;
	}
	.image-text-grid__image--contain img{
		max-width: 100%;
		display: block;
	}
	.image-text-grid__image--cover img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.image-text-grid__desc{
		margin-top: var(--space-base);
	}
}
.image-text-grid--one-column{grid-template-columns: 1fr;}
.image-text-grid--two-columns{grid-template-columns: 1fr 1fr;}
.image-text-grid--three-columns{grid-template-columns: 1fr 1fr 1fr;}
.image-text-grid--four-columns{grid-template-columns: 1fr 1fr 1fr 1fr;}

@media(max-width: 1199px){
	.image-text-grid--three-columns{grid-template-columns: 1fr 1fr;}
	.image-text-grid--four-columns{grid-template-columns: 1fr 1fr 1fr;}
}
@media(max-width: 767px){
	.image-text-grid--three-columns{grid-template-columns: 1fr 1fr;}
	.image-text-grid--four-columns{grid-template-columns: 1fr 1fr;}
}
@media(max-width: 500px){
	.image-text-grid--two-columns{grid-template-columns: 1fr;}
	.image-text-grid--three-columns{grid-template-columns: 1fr;}
	.image-text-grid--four-columns{grid-template-columns: 1fr;}
}
@media(min-width: 501px){
	.image-text-grid--left .image-text-grid__inner{
		display: grid;
		grid-template-columns: 1fr 2fr;
	}
	.image-text-grid--right .image-text-grid__inner{
		display: grid;
		grid-template-columns: 2fr 1fr;
	}
	.image-text-grid--right .image-text-grid__image{
		order: 1;
	}
	.image-text-grid--alt .image-text-grid__item:nth-child(odd) .image-text-grid__inner{
		display: grid;
		grid-template-columns: 1fr 2fr;
	}
	.image-text-grid--alt .image-text-grid__item:nth-child(even) .image-text-grid__inner{
		display: grid;
		grid-template-columns: 2fr 1fr;
	}
	.image-text-grid--alt .image-text-grid__item:nth-child(even) .image-text-grid__image{
		order: 1;
	}
}

/* ======== Hero Slider ======== */
.hero-slider{
	max-width: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--space-base);
	overflow: hidden;
	position: relative;
	> div,
	> div > ul,
	> div > ul > li{
		max-width: 100%;
	}
	.hero-slider__main{
		visibility: visible !important;
		z-index: 3;
	}
	.hero-slider__item{
		margin: auto;
		max-width: 100%;
	}
	.hero-slider__item .column{
		gap: 0;
		.h3{
			margin-bottom: 4px;
		}
		.headline{
			margin-bottom: 16px;
		}
	}
	.splide__pagination{
		margin: 0 auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom: var(--space-base);
	}
	.splide__arrow--prev{
		left: var(--gutter-sm);
	}
	.splide__arrow--next{
		right: var(--gutter-sm);
	}
}
.hero-slider--has-border-radius{
	border-radius: var(--border-radius-element);
	overflow: hidden;
}
.hero-slider--pager-hidden .splide__pagination,
.hero-slider--arrows-hidden .splide__arow{
	display: none;
}
.hero-slider--arrows-light .splide__arrow:before{
	color: var(--color-text-white);
}
.hero-slider--pager-light .splide__pagination__page{
	border-color: var(--color-text-white);
}
.hero-slider--pager-light .splide__pagination__page.is-active, 
.hero-slider--pager-light .splide__pagination__page:hover{
	border-color: var(--color-text-white);
	background-color: var(--color-text-white);
}
.hero-slider__video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	video{
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	&:after{
		content: '';
		background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.10) 100%);
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		position: absolute;
		display: block;
		z-index: 2;
	}
}

/* ======== Image Slider ======== */
.image-slider{
	max-width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--space-base);
}
.image-slider__main{
	.image-slider__item{
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--space-base);
	}
	.image-slider__image{
		position: relative;
		overflow: hidden;
		display: flex; 
		align-items: center;
		justify-content: center;
		border-radius: var(--border-radius-element);
	}
	.image-slider__image img{
		border-radius: var(--border-radius-element);
		display: block;
		max-width: 100%;
		max-height: 100%;
	}
	.image-slider__image--cover{
		height: 100%;
	}
	.image-slider__image--cover img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-width:  none;
		max-height: none;
	}
	.image-slider__caption--inner{
		position: absolute;
		z-index: 2;
		bottom: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.image-slider__caption--inner span{
		padding: var(--space-base);
		display: block;
		color: var(--color-text-white);
	}
}
.image-slider__thumbs{
	.image-slider__items{
		display: flex;
		gap: var(--space-xs);
	}
	.image-slider__item{
		flex-shrink: unset;
		padding: 0;
		border: 1px solid var(--color-ui-02) !important;
		border-radius: 8px;
		position: relative;
		overflow: hidden;
		opacity: .5;
	}
	.image-slider__item.is-active{
		opacity: 1;
	}
	.image-slider__image{
		width: 100%;
		height: 100%;
	}
	.image-slider__image img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.image-slider__caption{
		display: none;
	}
}
.image-slider[data-arrows="true"]{
	margin-bottom: calc(var(--space-md) + 16px);
}
.image-slider[data-arrows="true"] .image-slider__main,
.image-slider[data-arrows="true"] .image-slider__thumbs{
	padding: 0 var(--space-xl);
}
.image-slider[data-count="1"]{
	a{
		width: 100%;
		max-height: 488px;
	}
}
.splide__arrow{
	background-color: transparent;
}
.splide__arrow svg{
	display: none;
}
.splide__arrow:before{
	font-family: var(--font-awesome);
	color: var(--color-ui-03);
	font-size: 18px;
	font-weight: 300;
}
.splide__arrow--prev{
	left: 0;
}
.splide__arrow--next{
	right: 0;
}
.splide__arrow--prev:before{
	content:'\f060';
}
.splide__arrow--next:before{
	content:'\f061';
}
.splide__pagination{
	position: absolute;
	bottom: auto;
	left: 0;
	right: 0;
	margin-top: var(--space-md);
	gap: var(--space-xs);
}
.splide__pagination__page{
	margin: 0;
	height: 12px;
	width: 12px;
	opacity: 1;
	background-color: transparent;
	border: 1px solid var(--color-text-black);
}
.splide__pagination__page.is-active,
.splide__pagination__page:hover{
	background-color: var(--color-text-black);
	transform: none;
}

@media(max-width: 767px){
	.image-slider[data-arrows="true"]{
		max-width: 100%;
	}
	.image-slider[data-arrows="true"] .image-slider__main, 
	.image-slider[data-arrows="true"] .image-slider__thumbs{
		max-width: 100%;
	}
}

/* ======== Image Gallery ======== */
.image-gallery{
	display: grid;
	flex-direction: row;
	gap: var(--gutter-sm);
	width: 100%;
	.image-gallery__item{
		display: flex;
		flex-direction: column;
		gap: var(--space-base);
	}
	.image-gallery__image{
		border-radius: var(--border-radius-element);
		position: relative;
		overflow: hidden;
	}
	.image-gallery__image img{
		max-width: 100%; 
		height: auto;
		display: block;
	}
	.image-gallery__image--cover{
		height: 100%;
	}
	.image-gallery__image--cover img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.image-gallery__caption--inner{
		position: absolute;
		z-index: 2;
		bottom: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.image-gallery__caption--inner span{
		padding: var(--space-base);
		display: block;
		color: var(--color-text-white);
	}
}
.image-gallery--one-column{grid-template-columns: 1fr;}
.image-gallery--two-columns{grid-template-columns: 1fr 1fr;}
.image-gallery--three-columns{grid-template-columns: 1fr 1fr 1fr;}
.image-gallery--four-columns{grid-template-columns: 1fr 1fr 1fr 1fr;}
.image-gallery--five-columns{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

@media(max-width: 1199px){
	.image-gallery--three-columns{grid-template-columns: 1fr 1fr 1fr;}
	.image-gallery--four-columns{grid-template-columns: 1fr 1fr 1fr;}
	.image-gallery--five-columns{grid-template-columns: 1fr 1fr 1fr;}
}
@media(max-width: 767px){
	.image-gallery--three-columns{grid-template-columns: 1fr 1fr;}
	.image-gallery--four-columns{grid-template-columns: 1fr 1fr;}
	.image-gallery--five-columns{grid-template-columns: 1fr 1fr;}
}
@media(max-width: 500px){
	.image-gallery--two-columns{grid-template-columns: 1fr;}
	.image-gallery--three-columns{grid-template-columns: 1fr;}
	.image-gallery--four-columns{grid-template-columns: 1fr;}
	.image-gallery--five-columns{grid-template-columns: 1fr;}
}

	
/* ======== Tabbed Content ======== */
.tabbed-content{
	width: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0px 3px 6px 0px #0000001A;
	background-color: var(--color-text-white);
	.tabbed-content__tabs{
		display: flex;
		align-items: flex-end;
		justify-content: flex-start;
		margin-right: auto;
	}
	.tabbed-content__tab{
		position: relative;
		cursor: pointer;
		display: none;
	}
	.tabbed-content__tabs .tabbed-content__tab{
		display: block;
	}
	.tabbed-content__tab-inner{
		padding: var(--space-base) calc(var(--space-base) + 4px);
	}
	.tabbed-content__tab.active:before,
	.tabbed-content__tab:hover:before{
		opacity: 1;
	}
	.tabbed-content__content{
		border: 1px solid var(--color-ui-01);
		position: relative;
		z-index: 2;
	}
	.tabbed-content__item{
		display: none;
	}
	.tabbed-content__item.active{
		display: block;
	}
}
.tabbed-content--top{
	.tabbed-content__tabs{
		width: 100%;
		justify-content: center;
		border: 1px solid var(--color-ui-01);
		border-bottom: 0;
	}
	.tabbed-content__tab:before{
		content: '';
		width: 100%;
		height: 4px;
		background-color: var(--color-brand-maroon);
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		opacity: 0;
	}
}
.tabbed-content--left{
	flex-direction: row;
	align-items: flex-start;
	.tabbed-content__tabs{
		flex-direction: column;
		height: 100%;
	}
	.tabbed-content__tab{
		width: 240px;
		border: 1px solid var(--color-ui-01);
		border-right: 0;
		border-bottom: 0;
	}
	.tabbed-content__tab:before{
		content: '';
		width: 4px;
		height: 100%;
		background-color: var(--color-brand-maroon);
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		opacity: 0;
	}
}

@media(max-width: 767px){
	.tabbed-content .tabbed-content__tabs{
		display: none;
	}
	.tabbed-content__content{
		.tabbed-content__tab{
			display: flex;
			width: 100%;
			border-bottom: 1px solid var(--color-ui-01);
		}
		.tabbed-content__tab:before{
			width: 100%;
			height: 4px;
			top: 0;
			bottom: auto;
		}
		.tabbed-content__tab:after{
			font-family: var(--font-awesome);
			content: "\2b";
			font-size: 14px;
			position: absolute;
			right: 0;
			top: 0;
			height: 100%;
			width: var(--space-xl);
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.tabbed-content__tab.active:after{
			content: "\f068";
		}
		.tabbed-content__tab-inner{
			padding-top: calc(var(--space-base) + 4px);
		}
	}
}

/* ======== Collapsible Content ======== */
.accordion{
	display: flex;
	flex-direction: column;
	gap: var(--space-base);
	width: 100%;
	.accordion__group{
		border: 1px solid var(--color-ui-02);
		background-color: var(--color-text-white);
		border-radius: 8px;
	}
	.accordion__title{
		font-weight: var(--font-weight-bold);
		padding: var(--space-sm) var(--space-base);
		position: relative;
		padding-right: var(--gutter);
		cursor: pointer;
		transition: background-color .25s ease-in-out;
		&:hover{
			color: var(--color-brand-maroon);
		}
	}
	.accordion__title:after{
		font-family: var(--font-awesome);
		content: "\2b";
		font-size: 16px;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: var(--space-xl);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.accordion__title--plusminus:after{
		content: "\2b";
	}
	.active .accordion__title--plusminus:after{
		content: "\f068";
	}
	.accordion__title--arrows:after{
		content: "\f106";
	}
	.active .accordion__title--arrows:after{
		content: "\f107";
	}
	.accordion__content{
		max-height: 0;
		position: relative;
		overflow: hidden;
	}
	.active .accordion__content{
		max-height: 100%;
	}
	.accordion__content-inner{
		border-top: 1px solid var(--color-ui-01);
		padding: var(--space-sm) var(--space-base);
		display: flex;
		flex-direction: column;
		gap: var(--space-sm);
		opacity: 0;
		transition: opacity .5s ease-in-out;
	}
	.active .accordion__content-inner{
		opacity: 1;
	}
	.section{
		padding: 0;
	}
}

.accordion.accordion--dark{
	.accordion__group{
		border: 0;
		border-radius: 0;
		box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.10);
	}
	.accordion__title{
		background: linear-gradient(180deg, var(--color-brand-light-maroon) 0%, var(--color-brand-dark-maroon) 57.21%, #3D0512 100%);
	}
	.accordion__title:after{
		color: white;
	}
	.accordion_title-inner{
		text-transform: uppercase;
		color: white;
		font-size: var(--text-base);
		font-weight: var(--font-weight-black);
	}
	.html-table:first-child:last-child{
		width: calc(100% + 32px);
		margin-left: -16px;
		margin-top:  -12px;
		margin-bottom: -12px;
		&:before{
			padding-left: 16px;
			margin-top: 16px;
		}
	}
}

/* ======== Table ======== */
.html-table{
	width: 100%;
	table{
		border: 0;
		border-collapse: collapse;
		-webkit-font-smoothing: antialiased;
		box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.10);
		width: 100%;
	}
	thead{
		background-color: var(--color-brand-maroon);
	}
	th{
		border-color: var(--color-text-white);
		color: var(--color-text-white);
		line-height: 1.5;
		font-size: var(--text-base);
		font-family: var(--font-family-body);
		text-transform: uppercase;
		font-weight:var(--font-weight-black);
		padding: var(--space-sm) var(--space-base);
		border-right: 1px solid white;
		&:last-child{
			border-right: 0;
		}
	}
	tbody tr:nth-child(odd){
		background-color: var(--color-ui-white);
	}
	tbody tr:nth-child(even){
		background-color: var(--color-ui-01);
	}
	td{
		border: 0;
		border-bottom: 1px solid var(--color-ui-02);
		text-align: center;
		font-size: var(--text-base);
		padding: var(--space-sm) var(--space-base);
	}
}

.html-table.html-table--gray table td{
	color: var(--color-text-gray);
	strong{
		color: var(--color-text-black);
	}
}

.html-table.html-table--left table td,
.html-table.html-table--left table th{
	text-align: left;
}

.html-table::-webkit-scrollbar-track {
  background: var(--color-text-white);
  border: 1px solid var(--color-brand-maroon);
  height: 8px;
  border-radius: 12px;
}
.html-table::-webkit-scrollbar {
  width: 8px;
  background: var(--color-text-white);
  height: 8px;
  border-radius: 12px;
}
.html-table::-webkit-scrollbar-thumb {
  background: var(--color-brand-maroon);
  width: 40px;
  border-radius: 12px;
}

@media only screen and (max-width: 1024px) {	
	.html-table.html-table--responsive{
		overflow: auto;
		width: 100%;
		table{
			width: 1024px;
		}
	}
	.html-table--responsive:before{
		content: 'Swipe to Scroll';
		margin-bottom: 16px;
		color: var(--color-text-grey);
		display: block;
	}
	.no-more-table table{
		width: 100%;
	}
	.no-more-table table,.no-more-table thead,.no-more-table tbody,.no-more-table th,.no-more-table td,.no-more-table tr { 
		display: block; 
	}
	.no-more-table table{
		border: 0 !important;
		min-width: 0 !important;
	}
	.no-more-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.no-more-table tr {
		padding: 8px 0;
	}
	.no-more-table tr:first-child {
		padding-top: 0;
	}
	.no-more-table tr:last-child {
		padding-top: 0;
	}
	.no-more-table td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important;  
	}
	.no-more-table td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.no-more-table td:before { content: attr(data-title); }
   
}
/* ======== File Download ======== */
.files--multiple{
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--space-md);
	li{
		list-style-type: none;
		width: 100%;
	}
	a{
		line-height: 1;
		text-decoration: none;
		padding: var(--space-sm) var(--space-md);
		display: flex;
		align-items: center;
		gap: var(--space-xs);
		justify-content: space-between;
		font-size: var(--text-base);
		background-color: var(--color-text-black);
		font-weight: var(--font-weight-black);
		color: white !important;
		border-radius: 4px;
		border: 1px solid var(--color-text-black);
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0);
		transition: all.5s ease-in-out;
	}
}

@media(min-width: 1200px){
	.files--multiple{
		a:hover,
		a:active{
			border-color: white;
			box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.70);
		}
	}
}

.files--single{
	padding: 0;
	a{
		line-height: 1;
		text-decoration: none;
		padding: var(--space-sm) var(--space-md);
		display: flex;
		align-items: center;
		gap: var(--space-xs);
		justify-content: space-between;
		font-size: var(--text-base);
		background-color: var(--color-text-black);
		font-weight: var(--font-weight-black);
		color: white !important;
		border-radius: 4px;
		border: 1px solid var(--color-text-black);
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0);
		transition: all.5s ease-in-out;
	}
}

@media(min-width: 1200px){
	.files--single{
		a:hover,
		a:active{
			border-color: white;
			box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.70);
		}
	}
}

.files--image{
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	a{
		flex-direction: column;
		gap: 16px;
		padding: 0;
		overflow: hidden;
		position: relative;
	}
	.files__image{
		width: 100%;
		height: 270px;
		display: flex;
		position: relative;
		overflow: visible;
		text-align: center;
		img{
			max-height: 100%;
			margin: auto;
			box-shadow: 0 4px 20px 0 rgba(139, 35, 50, 0);
			transition: box-shadow .5s ease-in-out;
		}
		&:before {
			content: "";
			position: absolute;
			top: -100%;
			width: 200%;
			height: 300%;
			background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 24%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 74%,rgba(255,255,255,0) 100%);
			transform: rotate(38deg);
			z-index: 4;
			transition: all .5s ease-in-out;
			left: 100%;
			opacity: .5;
			pointer-events: none;
		}
	}
	.files__title{
		text-transform: none;
		font-weight: var(--font-weight-bold);
		padding: 0;
		gap: 16px;
		justify-content: flex-start;
		display: flex;
		align-items: center;
		border-bottom: 1px solid transparent;
		color: var(--color-brand-maroon);
		transition: all .5s ease-in-out;
		z-index: 5;
		position: relative;
	}
}

@media(min-width: 1200px){
	.files--image{
		a:hover,
		a:active{
			.files__title{
				border-bottom-color: var(--color-brand-maroon);
			}
			.files__image:before{
				left: -200%;
			}
			.files__image img{
				box-shadow: 0 4px 20px 0 rgba(139, 35, 50, 0.60);
			}
		}
	}
}

/* ======== Quote ======== */
.quote{
	display: flex;
	flex-direction: column;
	gap: var(--space-base);
	position: relative;
	padding-left: 52px;
	margin: 0;
	.quote__content{
		font-size: var(--heading-md);
		color: var(--color-text-black);
		line-height: 1.25;
		font-family: var(--font-family-heading);
		font-weight: var(--font-weight-bold);
	}
	.quote__content:before{
		content: '';
		background-color: var(--color-brand-maroon);
		mask-image:	url(../assets/images/template/quotes.svg);
		width: 36px;
		height: 29px;
		position: absolute;
		left: 0;
		top:0;
		display: block;
	}
	.quote__source{
		line-height: 1.5;
		color: var(--color-text-black);
		font-size: var(--text-base);
		display: block;
		font-style: normal;
	}
}

.quote-slider{
	max-width: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--space-base);
	*{
		max-width: 100%;
	}
}

/* ======== Job Listings ======== */
.job-listings{
	.job-listing{
		border-bottom: 1px solid var(--color-ui-02);
		padding-bottom: var(--space-xl);
		margin-bottom: var(--space-xl);
	}
	.job-listing:last-child{
		margin-bottom: 0;
	}
	.job-listing__title{
		line-height: 1.25;
		font-size: var(--heading-lg);
		font-weight: var(--font-weight-bold);
	}
	.job-listing__description{
		margin-top: var(--space-xs);
	}
	.button{
		margin-right: auto;
		display: inline-block;
		margin-top: var(--space-base);
	}
}


/* ======== Stats ======== */
.stats{
	display: grid;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px;
	width: 100%;
	row-gap: var(--gutter);
	.stats__item{
		display: flex;
		flex-direction: column;
		gap: var(--space-xs);
	}
	.stats__icon{
		height: 64px;
		text-align: center;
		img{
			max-width: 100%;
			max-height: 100%;
			margin: auto;
		}
	}
	.stats__stat{
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		justify-content: center;
	}
	.stats__number,
	.stats__prefix,
	.stats__suffix{
		line-height: 125%;
		font-size: var(--heading-xl);
		font-family: var(--font-family-heading);
		font-weight: var(--font-weight-black);
	}
	.stats__caption{
		line-height: 1.5;
		font-size: var(--text-base);
		font-family: var(--font-family-heading);
		text-transform: uppercase;
		font-weight:var(--font-weight-black);
		letter-spacing: .5px;
		text-align: center;
	}
}

.stats--light{
	color: var(--color-text-white);
}
.stats--light .stats__icon img[src*=".svg"]{
	filter: brightness(0) invert(1);
}

.stats--one-column{grid-template-columns: 1fr;}
.stats--two-columns{grid-template-columns: 1fr 1fr;}
.stats--three-columns{grid-template-columns: 1fr 1fr 1fr;}
.stats--four-columns{grid-template-columns: 1fr 1fr 1fr 1fr;}
.stats--five-columns{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

@media(max-width: 1199px){
	.stats--three-columns{grid-template-columns: 1fr 1fr 1fr;}
	.stats--four-columns{grid-template-columns: 1fr 1fr;}
	.stats--five-columns{grid-template-columns: 1fr 1fr;}
	.stats{
		.stats__caption{
			max-width: 300px;
			margin: 0 auto;
		}
	}
}
@media(max-width: 767px){
	.stats--three-columns{grid-template-columns: 1fr 1fr;}
	.stats--four-columns{grid-template-columns: 1fr 1fr;}
	.stats--five-columns{grid-template-columns: 1fr 1fr;}
}
@media(max-width: 500px){
	.stats--two-columns{grid-template-columns: 1fr;}
	.stats--three-columns{grid-template-columns: 1fr;}
	.stats--four-columns{grid-template-columns: 1fr;}
	.stats--five-columns{grid-template-columns: 1fr;}
}


/* ======== Contact Info ======== */
.contact-info{
	color: var(--color-text-black);
	display: flex;
	flex-direction: column;
	gap: var(--space-base);
	.contact-info__item{
		display: grid;
		grid-template-columns: var(--space-md) 1fr;
		align-items: center;
	}
	i{
		color: var(--color-brand-maroon);
	}
}
.contact-info--light,
.contact-info--light i{
	color: var(--color-text-white);
}


/* ======== Search ======== */
/* Search Form */
.search-form {
	position: relative;
	width: 100%;
	border: none;
	background: transparent;
	input{
		padding: 12px 18px;
		color: var(--color-text-black);
		font-size: var(--text-base);
		background-color: var(--color-ui-01);
		display:inline-block;
		vertical-align: middle;
		border: 1px solid var(--color-ui-02);
		border-radius: 4px;
		width: 262px;
		font-family: var(--font-family-body);
	}
	input:focus{
		border-color: var(--text-color-black);
	}
	button {
		color: var(--text-color-black);
		font-size: 0;
		width: 24px;
		height: 24px;
		line-height: 24px;
		position: absolute;
		right: 8px;
		top: 50%;
		transform: translateY(-50%);
		display: block;
		margin: 0;
		padding: 0;
		background-color: transparent;
		border: 0;
		cursor: pointer;
		transition: opacity .25s ease-in-out;
	}
	button:hover:after{
		color: var(--color-text-black);
	}
	button:after{
		font-family: var(--font-awesome);
		content:'\f002';
		font-size: var(--text-base);
		color: var(--color-brand-maroon);
		font-weight: 600;
	}
}
.search-form ::placeholder {
	color: var(--text-color-black);
	opacity: 1; /* Firefox */
}
.search-form ::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--text-color-black);
}

/* Search Results */
.sisea-highlight {
	text-shadow:1px 1px 1px #fff;
	background:#e9e9e9;
	padding:3px;
}
.sisea-paging {
	color:#777;
	font-size:12px;
	text-transform:uppercase;
	margin:15px 0;
}
.sisea-result-pages {
	margin-right:2px;
}
.sisea-current-page {
	color:#000;
}
.sisea-result {
	border-bottom:1px solid #ddd;
	padding:20px 0;
}
.sisea-result:first-child {
	border-top:1px solid #ddd;
}
.sisea-result h3 {
	color:#888;
	font-size:1.4em;
}
.sisea-result p {
	margin:0;
}
.simplesearch-paging{
	margin-bottom: 30px;
	a{
		color: var(--color-brand-maroon);
	}
}
.simplesearch-result-pages{
	margin-right: 8px;
}
.simplesearch-paging:last-child{
	margin-bottom: 0;
}
.simplesearch-results{
	margin: 12px 0 24px 0; 
}
.simplesearch-result{
	margin-bottom: 30px;
	a{
		color: var(--color-brand-maroon) !important;
		&:hover,
		&:active{
			color: var(--color-brand-dark-maroon) !important;
		}
	}
}


/* ======== Resource Library ======== */
.resource-library{
	.mixit-controls{
		margin: 0 0 65px 0;
		position: relative;
		z-index: 5;
	}
	.mixit-controls .control-group{
		position: relative;
		width: 230px;
		display: inline-block;
		margin-right: 15px;
		height: 24px;
	}
	.mixit-controls a span{
		font-weight: bold;
		display: inline-block;
	
	}
	.mixit-controls .controls{
		border: 1px solid #ddd;
		border-radius: 4px;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		max-height: 40px;
		overflow: hidden;
		position: absolute;
		width: 230px;
	}
	.mixit-controls .controls.open{
		max-height: 1000px;
	}
	.mixit-controls .controls.open .mixitup-control-active{
		border-bottom: 1px solid #ddd;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.mixit-controls .control{
		display: block;
		font-size: 14px;
		line-height: 24px;
		padding: 8px 10px 11px 10px;
		order: 2;
		width: 100%;
		cursor: pointer;
		font-weight: 400;
		text-align: left;
		position: relative;
		background-color: var(--white);
		text-transform: capitalize;
	}
	.mixit-controls .control[data-filter="all"]{
		color: gray;
	}
	.mixit-controls .control:after{
		font-family: "Font Awesome 6 Pro";
		position: absolute;
		right: 15px;
		top: 10px;
		content: '\f107';
		display: none;
		z-index: 6;
	}
	.mixit-controls .control:hover{
		background-color: #eee;
	}
	.mixit-controls .control.mixitup-control-active{
		order: 1;
		width: 230px;
		height: 40px;
		overflow:hidden;
	}
	.mixit-controls .control.mixitup-control-active:after{
		display: block;
	}
	.resource-library__items{
		display: grid;
		gap: var(--gutter-sm);
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

}

@media(max-width: 1199px){
	.resource-library{
		.resource-library__items{grid-template-columns: 1fr 1fr 1fr;}
	}
}
@media(max-width: 767px){
	.resource-library{
		.resource-library__items{grid-template-columns: 1fr 1fr;}
	}
}
@media(max-width: 500px){
	.resource-library{
		.resource-library__items{grid-template-columns: 1fr;}
	}
}

/* ======== Modals ======== */
.modal{
	position:fixed;
	height: 100vh;
	width: 100%;
	background-color: rgba(0,0,0,.5);
	top: 0;
	left: 0;
	z-index: 10;
	padding: var(--section-space) var(--section-side-space);
	display: none;
	.modal__inner{
		background-color: var(--color-text-white);
		border-radius: var(--border-radius-element);
		box-shadow: 0px 6px 12px 0px #0000001A;
		padding: var(--gutter) var(--gutter-sm);
		transform: translate(-50%,-50%);
		top: 50%;
		left: 50%;
		width: 100%;
		max-width: 600px;
		position: absolute;
		display: block;
	}
	.modal__close{
		position: absolute;
		top: var(--gutter-sm);
		right: var(--gutter-sm);
		font-size: var(--text-lg);
		cursor: pointer;
		opacity: 1;
		tranition: opacity .25s ease-in-out;
	}
	.modal__close:hover{
		opacity: .5;
	}
}
.modal--open{
	display: block;
}

/* ======== Quick Links ======== */
/* .quicklinks{
	display: flex;
	align-items: center;
	gap: var(--space-md);
	flex-wrap: wrap;
	a{
		border-radius: 4px;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.30) 50%, rgba(177, 177, 177, 0.20) 100%);
		display: block;
		font-size: var(--text-sm);
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		padding: var(--space-xs) var(--space-base);
		text-decoration: none;
		color: white !important;
		transition: background .5s ease-in-out;
		flex-shrink: 0;
		transition: .3s all ease-in-out;
		box-shadow: 0 4px 20px 0 transparent;
		&:focus{
			outline: 1px dashed black;
		}
	}
	.quicklinks__heading{
		flex-shrink: 0;
	}
	.quicklinks__links{
		display: flex;
		align-items: center;
		gap: var(--space-md);
		flex-wrap: wrap;
	}
}
@media(min-width: 1200px){
	.quicklinks{
		a:hover,
		a:active{
			transition: background .5s ease-in-out;
			background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
			color: white;
			box-shadow: 0 4px 20px 0 rgba(255, 255, 255, 0.60);
		}
	}
	.quicklinks.text-color-light{
		a:hover,
		a:active{
			background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
			color: var(--color-text-maroon) !important;
			transition: .3s all ease-in-out;
		}
	}
} */
.quicklinks{
	display: flex;
	align-items: center;
	gap: var(--space-md);
	flex-wrap: wrap;
	a{
		position: relative;
		border-radius: 4px;
		overflow: hidden;
		background: transparent;
		display: block;
		font-size: var(--text-sm);
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		padding: var(--space-xs) var(--space-base);
		text-decoration: none;
		color: white !important;
		transition: background .5s ease-in-out;
		flex-shrink: 0;
		transition: .3s all ease-in-out;
		box-shadow: 0 4px 20px 0 transparent;
		&:focus{
			outline: 1px dashed black;
		}
		>*{
			position: relative;
			z-index: 2;
		}
		&:before{
			height: 100%;
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.30) 50%, rgba(177, 177, 177, 0.20) 100%);
			content: "";
			opacity: 1;
			transition: .3s all ease-in-out;
		}
		&:after{
			height: 100%;
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
			content: "";
			opacity: 0;
			transition: .3s all ease-in-out;
		}
	}
	.quicklinks__heading{
		flex-shrink: 0;
	}
	.quicklinks__links{
		display: flex;
		align-items: center;
		gap: var(--space-md);
		flex-wrap: wrap;
	}
}
@media(min-width: 1200px){
	.quicklinks{
		a:hover,
		a:active{
			transition: background .5s ease-in-out;
			color: white;
			box-shadow: 0 4px 20px 0 rgba(255, 255, 255, 0.60);
			&:before{
				opacity: 0;
				transition: .3s all ease-in-out;
			}
			&:after{
				background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
				opacity: 1;
				transition: .3s all ease-in-out;
			}
		}
	}
	.quicklinks.text-color-light{
		a:hover,
		a:active{
			/* background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); */
			color: var(--color-text-maroon) !important;
			transition: .3s all ease-in-out;
			&:before{
				opacity: 0;
				transition: .3s all ease-in-out;
			}
			&:after{
				background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
				opacity: 1;
				transition: .3s all ease-in-out;
			}
		}
	}
}
@media(max-width: 1199px){
	.quicklinks{
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ======== Locations ======== */
.locations{
	background: var(--color-ui-white);
	border-radius: 8px;
	padding: var(--space-md) var(--space-lg);
	box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.10);
	gap: var(--space-lg);
	display: flex;
	flex-direction: column;
	width: 100%;
	.locations__heading{
		color: var(--color-brand-maroon);
	}
	.locations__list{
		display: flex;
		flex-direction: column;
		gap: var(--space-lg);
	}
	.locations__item{
		display: flex;
		flex-direction: column;
		gap: var(--space-xs);
	}
	.locations__desc{
		color: var(--color-text-grey);
		line-height: 150%;
	}
	a{
		color: var(--color-brand-maroon);
		&:hover,
		&:active{
			color: var(--color-brand-dark-maroon);
		}
	}
}
@media(max-width: 1199px) and (min-width: 768px){
	.locations{
		.locations__list{
			display: grid;
			grid-template-columns: 1fr 1fr;
		}
	}
}

/* ======== Map Locations ======== */
.map-locations{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gutter-sm);
	.map-locations__item{
		width: 100%;
	}
	iframe{
		max-width: 100% !important;
	}
	.map-locations__content{
		display: flex;
		align-items: center;
		gap: var(--space-base);
		margin-top: var(--space-sm);
		text-align: center;
	}
	.map-locations__title{
		line-height: 1;
	}
	.button{
		padding: 4px 12px;
		font-size: 16px;
	}
}
@media(max-width: 1199px){
	.map-locations__content{
		flex-direction: column;
		gap: 0px;
	}
}
	


/* ======== Custom ======== */

/* CTA (Contact) */
.cta-contact{
	width: 100%;
	.columns--d-25{
		grid-template-columns: 20fr 80fr;
	}
	.image-single img{
		max-height: 140px;
	}
}
@media(max-width: 1199px){
	.cta-contact{
		.columns--d-25{
			grid-template-columns: 1fr;
		}
		.image-single img{
			max-height: 80px;
		}
		.columns{
			gap: var(--space-md);
		}
		.column-2{
			align-items: flex-start;
		}
	}
}

/* Contact Phone */
.contact-phone{
	font-family: var(--font-family-body);
	font-size: var(--text-base);
	font-weight: var(--font-weight-black);
	line-height: 150%;
	text-transform: uppercase;
	display: flex;
	flex-direction: row;
	gap: var(--space-xs);
	
	&.text-color-light *{
		color: white !important;
	}
	i{
		font-size: 18px;
		position: relative;
		top: 5px;
	}
	.contact-phone__text{
		display: flex;
		flex-direction: column;
	}
	a{
		text-decoration: none !important;
	}
}

/* Calculators */
#inland-calculator,
#offshore-calculator{
	width: 100%;
	padding: 24px;
	border: 1px solid var(--color-ui-02);
	border-radius: 8px;
}
/* ****************************************** Catalog */
.cart-message {
  position: fixed;
  background-color: var(--black);
  color: var(--white);
  right: 30px;
  bottom: 50px;
  display: block;
  padding: 5px 10px;
  font-weight: bold;
  display: none;
  border-radius: 5px;
  z-index: 999;
}