/*  ********************************************************************************  **
**  ********************************************************************************  **

	Site Definitions

**  ********************************************************************************  **
**  ********************************************************************************  */

:root {
	
	/*  **********  Colours  **********  */
	
	--hss-colour-white: #FFFFFF;
	--hss-colour-text: #585858;
	--hss-colour-light-grey: #EDEDED;
	--hss-colour-dark-grey: #333232;
	--hss-colour-black: #000000;
	
	--hss-colour-tan: #C49A6C;
	--hss-colour-light-tan: #FDF4E3;
	
	/*  80% tints  */
	--hss-colour-tan-hover: #D0AE89;
	--hss-colour-dark-grey-hover: #5C5B5B;
	
	
	
	
	/* **********  Fonts  **********  */
	
	--mariart-font-family-text: "Montserrat", "Arial", "sans-serif";
	--mariart-font-family-heading: var(--mariart-font-family-text);
	
	--mariart-line-height-text: 1.6em;
	--mariart-line-height-heading: 1.2em;
	
	--mariart-container-padding-y: 60px;
	
	--hss-font-size-p: 15px;
	--hss-font-size-button: 16px;
	--hss-font-size-h6: 17px;
	--hss-font-size-h5: 17px;
	--hss-font-size-h4: 17px;
	--hss-font-size-h3: 18px;
	--hss-font-size-h2: 22px;
	--hss-font-size-h1: 28px;
	
	
	
	
	/*  **********  Layout  **********  */
	
	--hss-border-radius: 15px;
	--hss-padding-base: 10px;
	
	--mariart-max-site-width: 1450px;
	
}









/*  ********************************************************************************  **
**  ********************************************************************************  **

	Web Fonts

**  ********************************************************************************  **
**  ********************************************************************************  */

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.eot');
    src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff'),
        url('../fonts/Montserrat-Thin.ttf') format('truetype'),
        url('../fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ThinItalic.eot');
    src: url('../fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ThinItalic.woff') format('woff'),
        url('../fonts/Montserrat-ThinItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-ThinItalic.svg#Montserrat-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.eot');
    src: url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLight.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLightItalic.eot');
    src: url('../fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraLightItalic.svg#Montserrat-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-LightItalic.eot');
    src: url('../fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-LightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-LightItalic.woff') format('woff'),
        url('../fonts/Montserrat-LightItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-LightItalic.svg#Montserrat-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic.eot');
    src: url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Italic.woff2') format('woff2'),
        url('../fonts/Montserrat-Italic.woff') format('woff'),
        url('../fonts/Montserrat-Italic.ttf') format('truetype'),
        url('../fonts/Montserrat-Italic.svg#Montserrat-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-MediumItalic.eot');
    src: url('../fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-MediumItalic.woff') format('woff'),
        url('../fonts/Montserrat-MediumItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-MediumItalic.svg#Montserrat-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBoldItalic.eot');
    src: url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.eot');
    src: url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-BoldItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBoldItalic.eot');
    src: url('../fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.eot');
    src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff'),
        url('../fonts/Montserrat-Black.ttf') format('truetype'),
        url('../fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BlackItalic.eot');
    src: url('../fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BlackItalic.woff') format('woff'),
        url('../fonts/Montserrat-BlackItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-BlackItalic.svg#Montserrat-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}









/*  ********************************************************************************  **
**  ********************************************************************************  **

	Styles

**  ********************************************************************************  **
**  ********************************************************************************  */




/*  ********************************************************************************  **

	Layouts

**  ********************************************************************************  */

#page {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	margin: 0;
}

#content {
	position: relative;
	z-index: 0;
	flex: 1;
}




.mariart-container > .wrap {
	z-index: 1;
}




.wp-block-columns {
	margin: 40px 0;
	column-gap: 60px;
}
.wp-block-columns:first-child {
	margin-top: 0;
}
.wp-block-columns:last-child {
	margin-bottom: 0;
}




.link-p {
	margin-top: 30px;
}




.mariart-container.no-top-padding {
	padding-top: 0;
}
.mariart-container.no-bottom-padding {
	padding-bottom: 0;
}




/*  ********************************************************************************  **

	Fonts

**  ********************************************************************************  */

p {
	font-size: var(--hss-font-size-p);
}
h3,
.h3 {
	font-size: var(--hss-font-size-h3);
	font-weight: bold;
	color: var(--hss-colour-dark-grey);
}
h2,
.h2 {
	font-size: var(--hss-font-size-h2);
	font-weight: bold;
	color: var(--hss-colour-dark-grey);
	margin: 25px 0;
}
h1,
.h1 {
	font-size: var(--hss-font-size-h1);
	font-weight: bold;
	color: var(--hss-colour-dark-grey);
	margin: 40px 0 30px 0;
}

p.narrow,
h6.narrow,
h5.narrow,
h4.narrow,
h3.narrow,
h2.narrow,
h1.narrow,
p.thin,
h6.thin,
h5.thin,
h4.thin,
h3.thin,
h2.thin,
h1.thin {
	margin-left: auto;
	margin-right: auto;
}

ul {
	padding-left: 22px;
}

ul li::marker {
    color: var(--hss-colour-tan);
	font-size: 150%;
}




/*  ********************************************************************************  **

	Images

**  ********************************************************************************  */

img.rounded,
.wp-block-image.rounded img {
	border-radius: var(--hss-border-radius);
}

.wp-block-gallery img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1.4 / 1;
	object-fit: cover;
	border-radius: var(--hss-border-radius);
}




/*  ********************************************************************************  **

	Header

**  ********************************************************************************  */

#header-home-link {
	display: inline-block;
	position: relative;
	height: 24px;
	width: 120px;
}
#header-home-link svg {
	display: block;
	width: auto;
	height: 110px;
	position: absolute;
	top: -15px;
	left: 0;
}




#site-header.mariart-container {
	padding-top: 15px;
	padding-bottom: 15px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
}
body.admin-bar #site-header.mariart-container {
	top: 32px;
}
#site-header > .wrap {
	display: flex;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
	background: var(--hss-colour-white);
	border-radius: 9000px;
	padding: 17px 20px;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}




#header-right svg {
	fill: var(--hss-colour-tan);
	display: block;
	width: auto;
	height: 24px;
}
#header-right a:hover svg {
	fill: var(--hss-colour-black);
}




#header-right {
	display: flex;
	gap: 20px;
	align-items: center;
}
#header-phone {
	display: flex;
	gap: 10px;
	align-items: center;
	text-decoration: none;
}
#header-phone-number {
	display: none;
	color: var(--hss-colour-tan);
	font-size: var(--hss-font-size-button);
	line-height: 1.2em;
	font-weight: bold;
	white-space: nowrap;
}
#header-phone:hover #header-phone-number {
	color: var(--hss-colour-black);
}
#header-request-quote {
	display: none;
}




/*  ********************************************************************************  **

	Navigation Menus

**  ********************************************************************************  */

.sf-menu {
	display: none;
}




#menu-toggle {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#menu-toggle svg {
	display: block;
	width: 100%;
	height: auto;
	stroke: var(--hss-colour-tan);
}
#menu-toggle:hover svg {
	stroke: var(--hss-colour-black);
}




/*  ********************************************************************************  **

	Feature Header

**  ********************************************************************************  */

.hss-feature-header .mariart-container {
	padding-top: calc(80px + (var(--mariart-container-padding-y) / 2));
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}




/*  With text  */

.hss-feature-header.feature-header-text h1 {
	padding: 20px 0;
}




/*  With image  */

.hss-feature-header.feature-header-image {
	overflow: hidden;
}
.hss-feature-header.feature-header-image.has-saw .mariart-container > .wrap::after {
	position: absolute;
	left: -2000px;
	top: calc((80px + (var(--mariart-container-padding-y) / 2)) * -1);
	bottom: calc(var(--mariart-container-padding-y) * -1);
	width: 2000px;
	background: var(--hss-colour-tan);
	content: "";
}

.hss-feature-header.feature-header-image .mariart-container > .wrap {
	display: flex;
	align-items: center;
	min-height: 200px;
}
.hss-feature-header.feature-header-image.size-large .mariart-container > .wrap {
	min-height: 300px;
}

.hss-feature-header.feature-header-image .content {
	position: relative;
	z-index: 2;
	width: 100%;
}
.hss-feature-header.feature-header-image .content > *:not(.wp-block-buttons) {
	width: 40%;
	color: var(--hss-colour-white);
}
.hss-feature-header.feature-header-image .mariart-container > .wrap > svg,
.hss-feature-header.feature-header-image .mariart-container > .wrap > .hss-header-saw {
	position: absolute;
	bottom: calc(var(--mariart-container-padding-y) * -1);
	right: 40%;
	width: 430px;
	height: 430px;
	fill: var(--hss-colour-tan);
	z-index: 1;
}
.hss-feature-header.feature-header-image .mariart-container > .wrap > .hss-header-saw {
	background: url("../images/logo/saw-blade.png") center right no-repeat;
	background-size: cover;
}




/*  ********************************************************************************  **

	Footer

**  ********************************************************************************  */

#site-footer.mariart-container {
	padding-top: 35px;
	padding-bottom: 35px;
	border-top: 4px solid var(--hss-colour-white);
}

#site-footer.mariart-container > .wrap,
.footer-left {
	display: grid;
	gap: 5px;
	grid-template-columns: 1fr;
}

#site-footer p {
	text-align: center;
	margin: 0;
}
#site-footer ul.footer-menu,
#site-footer ul.footer-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#site-footer ul.footer-menu {
	display: flex;
	gap: 0;
	justify-content: center;
	align-items: flex-start;
}
#site-footer ul.footer-menu li {
	margin-left: 10px;
	padding-left: 20px;
	border-left: 1px solid var(--hss-colour-tan);
}
#site-footer ul.footer-menu li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}

#site-footer a {
	text-decoration: none;
}
#site-footer a:hover {
	text-decoration: underline;
}




/*  ********************************************************************************  **

	Timber Species

**  ********************************************************************************  */

img.species-timber-image {
	display: block;
	width: 100%;
	height: auto;
}




/*  ********************************************************************************  **

	Projects

**  ********************************************************************************  */

.mariart-grid-row.project-content-container {
	flex-direction: row-reverse;
	align-items: center;
}

.project-feature-image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2.1 / 1;
	object-fit: cover;
	border-radius: var(--hss-border-radius);
}

.hss-project-products-list {
	border-bottom: 2px solid var(--hss-colour-white);
}

.hss-project-product-item img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1.5 / 1;
	object-fit: cover;
	border-top-left-radius: var(--hss-border-radius);
	border-top-right-radius: var(--hss-border-radius);
}
.hss-project-product-item .content {
	padding: 30px;
	background: var(--hss-colour-white);
	border-bottom-left-radius: var(--hss-border-radius);
	border-bottom-right-radius: var(--hss-border-radius);
	color: var(--hss-colour-text);
}
.hss-project-product-item h2 a {
	color: var(--hss-colour-dark-grey) !important;
	text-decoration: none;
}
.hss-project-product-item h2 a:hover {
	color: var(--hss-colour-tan) !important;
}




/*  ********************************************************************************  **

	Galleries

**  ********************************************************************************  */

.mariart-grid-row.hss-species-content-container {
	flex-direction: row-reverse;
}

.hss-gallery {
	margin: calc(var(--hss-padding-base) * 2) 0;
}
.hss-gallery:first-child {
	margin-top: 0;
}
.hss-gallery:last-child {
	margin-bottom: 0;
}

.hss-gallery img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1.4 / 1;
	object-fit: cover;
	border-radius: var(--hss-border-radius);
}

.hss-gallery.columns-2 img {
	aspect-ratio: 1.75 / 1;
}




/*  ********************************************************************************  **

	Blog Archives

**  ********************************************************************************  */

.archive-page .mariart-grid-row {
	row-gap: calc(var(--mariart-grid-row-padding) * 2);
}

.archive-page article img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1.5 / 1;
	object-fit: cover;
	border-radius: var(--hss-border-radius);
	margin-bottom: 30px;
}

.archive-page article .content h2 a {
	text-decoration: none;
}
.archive-page article .content h2 a:hover {
	color: var(--hss-colour-tan);
}




/*  *********  First article  *********  */

.hss-blog-main .mariart-grid-cell {
	width: 100% !important;
}
.hss-blog-main .mariart-grid-cell br {
	display: none;
}
.hss-blog-main .archive-page article img {
	aspect-ratio: 1.25 / 1;
}

.hss-blog-main br {
	display: none;
}
.hss-blog-main > p,
.hss-blog-main article > p {
	margin: 0;
}
.archive-page .hss-blog-main article img {
	margin-bottom: 0;
}




/*  ********************************************************************************  **

	Blog Pages

**  ********************************************************************************  */

.single-post h1 {
	font-size: var(--hss-font-size-h2);
}




/*  ********************************************************************************  **

	Pagination Links

**  ********************************************************************************  */

.navigation.pagination {
	padding-top: var(--mariart-container-padding-y);
}
.navigation.pagination .nav-links {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	justify-content: center;
}
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
	display: inline-block;
	margin: 0;
	padding: 5px 8px;
	border-radius: 4px;
	background: var(--hss-colour-tan);
	font-weight: 600;
	text-decoration: none;
}
.navigation.pagination .nav-links a {
	background: var(--hss-colour-light-tan);
	color: var(--hss-colour-dark-grey);
	font-weight: 600;
}
.navigation.pagination .nav-links a:hover {
	background: var(--hss-colour-tan-hover);
}




/*  ********************************************************************************  **

	Tabs

**  ********************************************************************************  */

.mariart-tab-nav-mobile {
	display: block;
	padding: 5px var(--mariart-container-padding-x);
	background: var(--hss-colour-black);
	color: var(--hss-colour-white);
	text-decoration: none;
	font-weight: 600;
}
.mariart-tab-nav-mobile:hover {
	background: var(--hss-colour-dark-grey);
}
.mariart-tab-nav-mobile.active {
	background: var(--hss-colour-tan);
	color: var(--hss-colour-black);
}




.mariart-tabs-nav {
	padding: 5px var(--mariart-container-padding-x);
	background: var(--hss-colour-black);
}
.mariart-tabs-nav ul {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.mariart-tabs-nav a {
	display: block;
	margin: 0;
	padding: 10px 15px;
	border-radius: 9000px;
	background: var(--hss-colour-black);
	color: var(--hss-colour-white);
	text-decoration: none;
	font-weight: 600;
}
.mariart-tabs-nav a:hover {
	background: var(--hss-colour-dark-grey);
}
.mariart-tabs-nav a.active {
	background: var(--hss-colour-tan);
	color: var(--hss-colour-black);
}




/*  ********************************************************************************  **

	Buttons

**  ********************************************************************************  */

.wp-block-buttons {
	margin: calc(var(--hss-padding-base) * 1.5) 0;
	gap: 20px;
}
.wp-block-buttons:first-child {
	margin-top: 0;
}
.wp-block-buttons:last-child {
	margin-bottom: 0;
}

button,
a.button,
.wp-block-button a,
.wp-block-buttons > .wp-block-button a,
input[type="submit"],
body .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
body .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	width: 100%;
	text-align: center;
	padding: 17px 25px 15px 25px;
}

button,
a.button,
.wp-block-button a,
input[type="submit"],
body .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
body .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	padding: 12px 18px;
	font-size: var(--hss-font-size-button);
	line-height: 1.2em;
	font-weight: bold;
	color: var(--hss-colour-dark-grey) !important;
	background-color: var(--hss-colour-tan);
	border: 1px solid var(--hss-colour-tan);
	border-radius: 9000px;
	text-transform: uppercase;
}
button:hover,
a.button:hover,
.wp-block-button a:hover,
input[type="submit"]:hover,
body .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
body .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
body .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
	color: var(--hss-colour-dark-grey) !important;
	background-color: var(--hss-colour-tan-hover);
	border-color: var(--hss-colour-tan-hover);
}




/*  Black / Dark Grey  */
button.black,
a.button.black,
.wp-block-button.black a,
input[type="submit"].black,

button.dark-grey,
a.button.dark-grey,
.wp-block-button.dark-grey a,
input[type="submit"].dark-grey {
	color: var(--hss-colour-white) !important;
	background-color: var(--hss-colour-dark-grey);
	border-color: var(--hss-colour-dark-grey);
}
button.black:hover,
a.button.black:hover,
.wp-block-button.black a:hover,
input[type="submit"].black:hover,

button.dark-grey:hover,
a.button.dark-grey:hover,
.wp-block-button.dark-grey a:hover,
input[type="submit"].dark-grey:hover {
	color: var(--hss-colour-white) !important;
	background-color: var(--hss-colour-dark-grey-hover);
	border-color: var(--hss-colour-dark-grey-hover);
}




/*  Outline  */

button.outline,
a.button.outline,
.wp-block-button.outline a,
input[type="submit"].outline {
	color: var(--hss-colour-dark-grey) !important;
	background-color: var(--hss-colour-white);
	border-color: var(--hss-colour-tan);
}
button.outline:hover,
a.button.outline:hover,
.wp-block-button.outline a:hover,
input[type="submit"].outline:hover {
	color: var(--hss-colour-dark-grey) !important;
	background-color: var(--hss-colour-tan);
	border-color: var(--hss-colour-tan);
}




/*  White  */

button.white,
a.button.white,
.wp-block-button.white a,
input[type="submit"].white {
	color: var(--hss-colour-dark-grey) !important;
	background-color: var(--hss-colour-white);
	border-color: var(--hss-colour-white);
}
button.white:hover,
a.button.white:hover,
.wp-block-button.white a:hover,
input[type="submit"].white:hover {
	color: var(--hss-colour-white) !important;
	background-color: var(--hss-colour-dark-grey);
	border-color: var(--hss-colour-dark-grey);
}
.background-dark-grey button.white:hover,
.background-dark-grey a.button.white:hover,
.background-dark-grey .wp-block-button.white a:hover,
.background-dark-grey input[type="submit"].white:hover {
	color: var(--hss-colour-dark-grey) !important;
	background-color: var(--hss-colour-light-tan);
	border-color: var(--hss-colour-light-tan);
}




/*  ********************************************************************************  **

	Tables

**  ********************************************************************************  */

table.mobile {
	display: table
}
table.desktop {
	display: none;
}

table.hss-profiles-table {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid var(--hss-colour-tan);
}
table.hss-profiles-table th,
table.hss-profiles-table td {
	padding: 10px 20px;
	text-align: left;
	font-weight: normal;
}
table.hss-profiles-table tr {
	vertical-align: top;
}

table.hss-profiles-table th.break,
table.hss-profiles-table td.break {
	padding-left: 30px;
	position: relative;
}
table.hss-profiles-table td.break::after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 10px;
	background: var(--hss-colour-white);
	content: "";
}

table.hss-profiles-table tbody tr td {
	background: var(--hss-colour-white);
}
table.hss-profiles-table tbody tr:nth-child(even) td {
	background: var(--hss-colour-light-tan);
}

table.hss-profiles-table th {
	background: var(--hss-colour-tan);
	color: var(--hss-colour-white);
}
table.hss-profiles-table.desktop th:first-child {
	border-top-left-radius: 9000px;
	border-bottom-left-radius: 9000px;
}
table.hss-profiles-table.desktop th:last-child {
	border-top-right-radius: 9000px;
	border-bottom-right-radius: 9000px;
}

table.hss-profiles-table.desktop tbody tr th.extra-col,
table.hss-profiles-table.desktop tbody tr td.extra-col {
	width: 200px;
	box-sizing: border-box;
}


table.hss-profiles-table.mobile {
	border-bottom: none;
	margin: 20px 0 0 0;
}
table.hss-profiles-table.mobile tr:first-child th {
	border-top-left-radius: 20px;
}
table.hss-profiles-table.mobile tr:last-child th {
	border-bottom-left-radius: 20px;
}
table.hss-profiles-table.mobile th {
	width: 25%;
}




table.hss-profiles-table tbody tr td.extra-col {
	background: var(--hss-colour-white) !important;
}




table.hss-profiles-table .hss-profile-image {
	display: block;
	width: auto;
	height: 10px;
}




/*  ********************************************************************************  **

	Backgrounds

**  ********************************************************************************  */

.background-wood {
	background: url("../images/background/wood.jpg") center center no-repeat var(--hss-colour-light-tan);
	background-size: cover;
}
.background-dark-grey {
	background: var(--hss-colour-dark-grey);
	color: var(--hss-colour-white);
}

.background-dark-grey a:not(.button),
.background-dark-grey h1,
.background-dark-grey h2,
.background-dark-grey h3,
.background-dark-grey h6 {
	color: var(--hss-colour-white);
}




.with-sawblade {
	overflow: hidden;
}
.with-sawblade::before {
	content: "";
	position: absolute;
	bottom: -100px;
	right: -150px;
	width: 400px;
	height: 400px;
	background: url("../images/background/sawblade.png") center center no-repeat;
	background-size: contain;
	z-index: 0;
}




.icon-wood-slice {
	background-image: url("../images/background/wood-cut.png");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 331px auto;
}
.background-dark-grey.icon-wood-slice,
.background-dark-grey .icon-wood-slice {
	background-image: url("../images/background/wood-cut-grey.png");
}




/*  ********************************************************************************  **

	Video

**  ********************************************************************************  */

.mariart-video-overlay .background,
.mariart-video-overlay .opacity {
	border-radius: var(--hss-border-radius);
}

#page .mariart-video-overlay .play-icon {
	width: 120px;
	height: 120px;
}
#page .mariart-video-overlay .play-icon::after {
	top: calc(50% - 25px);
	left: calc(50% - 15px);
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 40px solid var(--hss-colour-tan)
}




/*  ********************************************************************************  **

	Gravity Forms

**  ********************************************************************************  */

body .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
body .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
body .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
body .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	border: 1px solid var(--hss-colour-tan);
	border-radius: 9000px;
	font-family: var(--mariart-font-family-text);
	font-size: var(--hss-font-size-p);
	color: var(--hss-colour-dark-grey);
	background-color: var(--hss-colour-white);
	outline: none;
}

body .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	border-radius: var(--hss-border-radius);
}




/*  ********************************************************************************  **

	Slick Slider

**  ********************************************************************************  */

button.slick-arrow {
	position: absolute;
	z-index: 2;
	width: 42px;
	height: 42px;
	margin: 0;
	padding: 0;
	left: 0;
	top: calc(50% - 21px);
	font-size: 0;
	border: none;
	background: url("../images/arrows/arrow-left--tan.png") center center no-repeat var(--hss-colour-dark-grey);
	background-size: 14px auto;
}
button.slick-arrow.slick-next{
	left: auto;
	right: 0;
	transform: rotate(180deg);
}

button.slick-arrow:hover {
	background-image: url("../images/arrows/arrow-left--dark-grey.png");
	background-color: var(--hss-colour-tan);
}




/*  **********  Images  **********  */

.slick-track > figure.wp-block-image {
	padding: 0 calc(var(--hss-padding-base) / 2);
}
.slick-track > figure.wp-block-image img {
	display: block;
	width: 100%;
	height: aut0;
	aspect-ratio: 10 / 7;
	obejct-fit: cover;
	border-radius: var(--hss-border-radius);
}

.single-product .hss-carousel {
	padding-top: var(--hss-padding-base);
}

.single-product .hss-carousel .wp-block-image {
	padding: 0 15px;
	box-sizing: border-box;
}
.single-product .hss-carousel .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 201 / 141;
	object-fit: cover;
	border-radius: var(--hss-border-radius);
}




.image-mobile {
	display: inherit;
}
.image-desktop {
	display: none;
}









/*  ********************************************************************************  **
**  ********************************************************************************  **
    
    Responsive Media Queries
    
    Responsive breakpoints:
        xs      < 576px
        s       >= 576px
        m       >= 768px
        l       >= 992px
        xl      >= 1200px
        xxl     >= 1450px

**  ********************************************************************************  **
**  ********************************************************************************  */




/*  ********************************************************************************  **

    Custom to over-ride Gutenberg settings

**  ********************************************************************************  */

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

	
	
}

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

	.wp-block-columns.separator {
		column-gap: 100px;
	}
	.wp-block-columns.separator .wp-block-column:first-child {
		position: relative;
	}
	.wp-block-columns.separator .wp-block-column:first-child::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		width: 1px;
		right: -50px;
		background: var(--hss-colour-tan);
	}
	
	
	
	
	/*  ********************************************************************************  **

		Galleries

	**  ********************************************************************************  */

	.mariart-grid-row.hss-species-content-container img {
		width: 70%;
		display: block;
		margin-left: auto;
	}
	
}




/*  ********************************************************************************  **

    Small - 576px

**  ********************************************************************************  */

@media screen and (min-width: 576px) {
	
	/*  **********************************************************************  **

		Header

	**  **********************************************************************  */
	
	#header-phone-number {
		display: block;
	}
	
}




/*  ********************************************************************************  **

    Medium - 768px

**  ********************************************************************************  */

@media screen and (min-width: 768px) {
	
	:root {
		
		/* **********  Fonts  **********  */

		--hss-font-size-h6: 17px;
		--hss-font-size-h5: 17px;
		--hss-font-size-h4: 17px;
		--hss-font-size-h3: 18px;
		--hss-font-size-h2: 28px;
		--hss-font-size-h1: 45px;
		
		--hss-padding-base: 30px;
		
	}
	
	
	
	
	/*  **********************************************************************  **

		Fonts

	**  **********************************************************************  */
	
	p.narrow,
	h6.narrow,
	h5.narrow,
	h4.narrow,
	h3.narrow,
	h2.narrow,
	h1.narrow {
		margin-left: 10%;
		margin-right: 10%;
	}
	p.thin,
	h6.thin,
	h5.thin,
	h4.thin,
	h3.thin,
	h2.thin,
	h1.thin {
		margin-left: 20%;
		margin-right: 20%;
	}
	
	p.narrow.left,
	h6.narrow.left,
	h5.narrow.left,
	h4.narrow.left,
	h3.narrow.left,
	h2.narrow.left,
	h1.narrow.left,
	p.thin.left,
	h6.thin.left,
	h5.thin.left,
	h4.thin.left,
	h3.thin.left,
	h2.thin.left,
	h1.thin.left {
		margin-left: 0;
		margin-right: 30%;
	}
	
	
	
	
	/*  **********************************************************************  **

		Buttons

	**  **********************************************************************  */

	button,
	a.button,
	.wp-block-button a,
	.wp-block-buttons > .wp-block-button,
	input[type="submit"],
	body .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
	body .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
	body .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
		width: auto;
	}

	
	
	
	
	/*  **********************************************************************  **

		Footer

	**  **********************************************************************  */
	
	#site-footer.mariart-container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#site-footer.mariart-container > .wrap {
		display: flex;
		gap: 20px;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	.footer-left {
		display: flex;
		flex-wrap: nowrap;
		gap: 0;
	}
	
	#site-footer ul.footer-menu li,
	#site-footer ul.footer-menu li:first-child {
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid var(--hss-colour-tan);
	}
	
	
	
	
	/*  **********************************************************************  **

		Feature Header

	**  **********************************************************************  */
	
	.hss-feature-header.feature-header-image.size-large .mariart-container > .wrap {
		min-height: 300px;
	}
	
	.hss-feature-header.feature-header-image .content > :not(.wp-block-buttons) {
		width: 30%;
	}
	
	.hss-feature-header.feature-header-image .mariart-container > .wrap > svg,
	.hss-feature-header.feature-header-image .mariart-container > .wrap > .hss-header-saw {
		right: 55%;
		width: 900px;
		height: 900px;
		bottom: calc(var(--mariart-container-padding-y) * -3);
	}
	
	
	
	
	/*  **********************************************************************  **

		Blog Archives

	**  **********************************************************************  */
	
	.archive-page .hss-blog-main article {
		display: grid;
		gap: 40px;
		grid-template-columns: repeat(2, 1fr);
		background: none;
		align-items: center;
	}
	
	.archive-page .hss-blog-main article img {
		height: auto;
		aspect-ratio: 1.8 / 1;
		border-radius: var(--hss-border-radius);
		min-height: 350px;
	}
	
	
	
	
	/*  **********************************************************************  **

		Backgrounds

	**  **********************************************************************  */
	
	.with-sawblade::before {
		bottom: -300px;
		right: -450px;
		width: 1000px;
		height: 1000px;
	}
	
	
	
	
	/*  **********************************************************************  **

		Lists

	**  **********************************************************************  */
	
	ul.two-col,
	ol.two-col {
		columns: 2;
		column-gap: 50px;
	}




	.image-mobile {
		display: none;
	}
	.image-desktop {
		display: inherit;
	}

	

}




/*  ********************************************************************************  **

    Large - 992px

**  ********************************************************************************  */

@media screen and (min-width: 992px) {
	
	:root {
		
		--mariart-container-padding-y: 90px;
		
	}
	
	
	
	
	#site-header.mariart-container > .wrap {
		max-width: calc(var(--mariart-max-site-width) + 40px);
	}
	
	
	
	
	/*  **********************************************************************  **

		Feature Header

	**  **********************************************************************  */
	
	.hss-feature-header.feature-header-image .mariart-container > .wrap > svg,
	.hss-feature-header.feature-header-image .mariart-container > .wrap > .hss-header-saw {
		right: 60%;
	}
	
	
	
	
	/*  **********************************************************************  **

		Tables

	**  **********************************************************************  */
	
	table.mobile {
		display: none;
	}
	table.desktop {
		display: table;
	}
	
}




/*  ********************************************************************************  **

    Extra Large - 1200px

**  ********************************************************************************  */

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




/*  ********************************************************************************  **

    Extra Extra Large - 1450px

**  ********************************************************************************  */

@media screen and (min-width: 1450px) {
	
	/*  **********************************************************************  **

		Header

	**  **********************************************************************  */
	
	#site-header.mariart-container > .wrap {
		max-width: calc(var(--mariart-max-site-width) + 80px);
	}
	
	#site-header.mariart-container {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	#header-home-link {
	}
	#header-home-link svg {
		height: 125px;
		top: -25px;
		left: 30px;
	}
	
	
	
	
	#header-request-quote {
		display: block;
	}
	
	
	
	
	/*  **********************************************************************  **

		Menu

	**  **********************************************************************  */
	
	#menu-toggle {
		display: none;
	}
	
	
	
	
	.sf-menu {
		display: block;
		float: none;
		margin: 0;
		padding-top: 4px;
	}
	.sf-menu li,
	.sf-menu li:hover,
	.sf-menu li.sfHover,
	.sf-menu ul {
		margin: 0;
		padding: 0;
		border: none;
		background: transparent;
	}
	
	.sf-menu a {
		font-size: var(--hss-font-size-p);
		color: var(--hss-colour-dark-grey);
		font-weight: 600;
		text-transform: uppercase;
		margin: 0;
		padding: 8px 12px;
		background: rgba(255, 255, 255, 0.8);
	}
	.sf-menu a:hover,
	.sf-menu li.current-menu-item > a,
	.sf-menu li.current-menu-parent > a,
	.sf-menu li.current-menu-ancestor > a {
		background: var(--hss-colour-light-tan);
	}
	.sf-menu > li > a:hover,
	.sf-menu > li.current-menu-item > a,
	.sf-menu > li.current-menu-parent > a,
	.sf-menu > li.current-menu-ancestor > a {
		background: var(--hss-colour-white);
		color: var(--hss-colour-tan);
	}
	
	.sf-menu ul > li:last-child a {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	
	.sf-menu ul,
	.sf-menu ul li {
		background: transparent;
	}
	
	
	
	
	/*  **********************************************************************  **

		Feature Header

	**  **********************************************************************  */
	
	.hss-feature-header .mariart-container {
		padding-top: calc(160px + (var(--mariart-container-padding-y) / 2));
	}
	
	.hss-feature-header.feature-header-image .mariart-container > .wrap::after {
		top: calc((160px + (var(--mariart-container-padding-y) / 2)) * -1);
	}
	
	.hss-feature-header.feature-header-image.has-saw .mariart-container > .wrap::after {
		top: calc((160px + (var(--mariart-container-padding-y) / 2)) * -1);
	}
    
}