/*  
Theme Name: Joe Cassidy 0.1
Theme URI: https://www.joecassidyart.com
Version: 0.1
Description: 
Author: Kasper Design
Author URI: https://kasper.design
*/

/*  
* - switching all archive product views to 5 column simplified
* - Revised gallery row css, to use same approach as the pk-products grids
*/

/* Import Typekit Fonts */
/* @TODO: Can probably remove this */
/* @import url("https://use.typekit.net/mfe8yns.css"); */
/* Import PK Theme Colors */
@import "colors.css";

/* /////////////////////////////////////////////////////////////////////
//
//  	FONTAWESOME OVERRDIES
//
///////////////////////////////////////////////////////////////////// */

/* Step 1: Common Properties: All required to make icons render reliably - we did this above but it's included here for the full demo */
  .icon::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
  }

/* Step 2: Reference Individual Icons */
/* Note: Make sure to include the correct weight and Unicode value for the icon */
/* an example rule targeting any element with the "account" class to render fa-user icon in the Solid style */

/*
font: var(--fa-font-solid);
font: var(--fa-font-regular);
font: var(--fa-font-light);
font: var(--fa-font-thin);

font: var(--fa-font-sharp-solid);
font: var(--fa-font-sharp-regular);

font: var(--fa-font-brands);

custom kit fonts:
font-family: 'Font Awesome Kit';


temp unicodes while FA has a bug:

.fak.fa-bj01::before, .fa-kit.fa-bj01::before { content: "\e000"; }
.fak.fa-bj02::before, .fa-kit.fa-bj02::before { content: "\e001"; }
.fak.fa-bj03::before, .fa-kit.fa-bj03::before { content: "\e002"; }
.fak.fa-bj04::before, .fa-kit.fa-bj04::before { content: "\e003"; }
.fak.fa-bj05::before, .fa-kit.fa-bj05::before { content: "\e004"; }
.fak.fa-bj06::before, .fa-kit.fa-bj06::before { content: "\e005"; }
.fak.fa-bj07::before, .fa-kit.fa-bj07::before { content: "\e006"; }
.fak.fa-bj08::before, .fa-kit.fa-bj08::before { content: "\e007"; }
.fak.fa-bj09::before, .fa-kit.fa-bj09::before { content: "\e008"; }
.fak.fa-bj10::before, .fa-kit.fa-bj10::before { content: "\e00e"; }
.fak.fa-bj11::before, .fa-kit.fa-bj11::before { content: "\e00a"; }
.fak.fa-bj12::before, .fa-kit.fa-bj12::before { content: "\e00b"; }
.fak.fa-bj13::before, .fa-kit.fa-bj13::before { content: "\e00c"; }
.fak.fa-bj14::before, .fa-kit.fa-bj14::before { content: "\e00d"; }
.fak.fa-bjs01::before, .fa-kit.fa-bjs01::before { content: "\e00f"; }
.fak.fa-bjs02::before, .fa-kit.fa-bjs02::before { content: "\e010"; }
.fak.fa-bjs03::before, .fa-kit.fa-bjs03::before { content: "\e011"; }
.fak.fa-bjs04::before, .fa-kit.fa-bjs04::before { content: "\e012"; }
.fak.fa-bjs05::before, .fa-kit.fa-bjs05::before { content: "\e013"; }
.fak.fa-bjs06::before, .fa-kit.fa-bjs06::before { content: "\e014"; }
.fak.fa-bjs07::before, .fa-kit.fa-bjs07::before { content: "\e015"; }
.fak.fa-bjs08::before, .fa-kit.fa-bjs08::before { content: "\e016"; }
.fak.fa-bjs09::before, .fa-kit.fa-bjs09::before { content: "\e017"; }
.fak.fa-bjs10::before, .fa-kit.fa-bjs10::before { content: "\e018"; }
.fak.fa-bjs11::before, .fa-kit.fa-bjs11::before { content: "\e019"; }
.fak.fa-bjs12::before, .fa-kit.fa-bjs12::before { content: "\e01a"; }
.fak.fa-bjs13::before, .fa-kit.fa-bjs13::before { content: "\e01b"; }
.fak.fa-bjs14::before, .fa-kit.fa-bjs14::before { content: "\e01c"; }
.fak.fa-bjs15::before, .fa-kit.fa-bjs15::before { content: "\e01d"; }
.fak.fa-bjs16::before, .fa-kit.fa-bjs16::before { content: "\e01e"; }
.fak.fa-bjs17::before, .fa-kit.fa-bjs17::before { content: "\e01f"; }
.fak.fa-bjs18::before, .fa-kit.fa-bjs18::before { content: "\e020"; }
.fak.fa-bjs19::before, .fa-kit.fa-bjs19::before { content: "\e021"; }
.fak.fa-bjs20::before, .fa-kit.fa-bjs20::before { content: "\e022"; }
.fak.fa-bjs21::before, .fa-kit.fa-bjs21::before { content: "\e023"; }
.fak.fa-bjs22::before, .fa-kit.fa-bjs22::before { content: "\e024"; }
.fak.fa-bjs23::before, .fa-kit.fa-bjs23::before { content: "\e025"; }


*/

/* an example rule targeting any element with the "custom-icon" class to render a custom icon (uploaded to a kit) */
.custom-icon::before {
	font-family: 'Font Awesome Kit';
	content: "\[CUSTOM_ICON_UNICODE]"; /*  replace with custom icon's unicode value */
}



html {
	background-color: black;
}
/* allowance for menu and ticker */
#canvas {
	padding-top: 145px;
	background-color: white;
}

.pk-ticker-wrap,
#canvas #mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item > a.mega-menu-link,
#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle {
	transition: all 0.3s ease-in-out;
}

.pk-ticker-wrap {
	height: 50px;
}

#canvas #mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item > a.mega-menu-link {
	height: 95px !important;	
	line-height: 95px !important;
}

body.scrolled #canvas {
	padding-top: 110px;
}

body.scrolled .pk-ticker-wrap {
	height: 40px; /* Smaller ticker */
}

body.scrolled #canvas #mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item > a.mega-menu-link {
	height: 70px !important;
	line-height: 70px !important;
}

@media only screen and (max-width: 1200px) {

	#canvas {
		padding-top: 130px;
	}
	
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle {
		height: 80px !important;
		line-height: 80px !important;
	}
	
	body.scrolled #canvas {
		padding-top: 110px;
	}
	
	body.scrolled #canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle {
		height: 60px !important;
		line-height: 60px !important;
	}
	
	body.scrolled.mega-menu-main-mega-nav-mobile-open #canvas #mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item > a.mega-menu-link,
	.mega-menu-main-mega-nav-mobile-open #canvas #mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item > a.mega-menu-link {
		height: 50px !important;
		line-height: 50px !important;
	}

}

@media (max-width: 480px) {
	
	#canvas {
		padding-top: 115px;
	}
	
	.pk-ticker-wrap {
		height: 45px;
	}

	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle {
		height: 70px !important; 
		line-height: 70px !important;
	}
	


	body.scrolled #canvas {
		padding-top: 85px;
	}		
	
	body.scrolled .pk-ticker-wrap {
		height: 35px;
	}
	
	body.scrolled #canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle {
		height: 40px !important; 
		line-height: 40px !important;  
	}
	
	.pk-ticker-arrow {
		font-size: 15px !important;
	}
	
	body.scrolled.mega-menu-main-mega-nav-mobile-open #canvas #mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item > a.mega-menu-link,
	.mega-menu-main-mega-nav-mobile-open #canvas #mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item > a.mega-menu-link {
		height: 30px !important;
		line-height: 30px !important;
	}

}

/* Ensure the header is fixed with space for ticker and menu */
.headerWrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/* height: 145px; 50px ticker + 95px menu */
	background: white;
	z-index: 9999; /* Ensures the header stays above everything else on the page */
	border-bottom: 1px solid var(--grey);
}

/* Ticker container */
.pk-ticker-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: black;
	color: white;
	padding: 0 15px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1001;
}

/* Message container */
.pk-ticker-messages {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	position: relative;
	width: 100%;
	height: 100%;
}

/* Individual messages */
.pk-ticker-message {
	position: absolute;
	left: 100%; /* Start off-screen */
	transform: translateX(0);
	min-width: max-content;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-family: inherit;
	opacity: 0;
	transition: transform 0.8s ease, opacity 0.8s ease;
}

/* Active message in the center */
.pk-ticker-message.active {
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
	z-index: 1002;
}

/* Exiting message slides out to the left */
.pk-ticker-message.exiting {
	left: -100%;
	transform: translateX(-50%);
	opacity: 0;
}



	/* Style ticker links */
	.pk-ticker-message a {
		color: white !important;
		text-decoration: none !important;
	}
	
	/* Optional: Ensure links remain white on hover */
	.pk-ticker-message a:hover {
		color: white !important;
		opacity: 0.8; /* Slight fade effect on hover */
	}


/* Style the arrows */
.pk-ticker-arrow {
	background: none;
	border: none;
	color: white;
	font-size: 20px;
	cursor: pointer;
	padding: 10px;
	position: absolute;
	top: 50%;
	transition: opacity 0.3s ease;
	transform: translateY(-50%);
	z-index: 1005; /* Ensures arrows are always visible */
}

/* Position the arrows properly */
.pk-ticker-arrow.pk-ticker-left {
	left: 10px; /* Keeps left arrow aligned */
}

.pk-ticker-arrow.pk-ticker-right {
	right: 10px; /* Keeps right arrow aligned */
}

/* Optional: Add hover effect to arrows */
.pk-ticker-arrow:hover {
	color: white;
	opacity: 0.8;
}

/* Ensure menu space */
#mega-menu-wrap-main-mega-nav {
	/* height: 95px;
	height: 80px; */
	background: white;
	position: relative; /* Ensures it's in normal document flow */
}




/* ==================== START: Max Mega Menu Overrides ==================== */

#strongbody #mega-menu-wrap-main-mega-nav .mega-menu-toggle {
	display: none;  
}

#mega-menu-wrap-main-mega-nav {
	display: block;
}

#strongbody #mega-menu-wrap-main-mega-nav img.mega-menu-logo.mega-menu-logo-new {
	max-width: 285px;
}

.mega-menu-logo .mega-menu-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
}

	.mega-menu-svg-logo {
		width: 285px;
		height: 25px;
		background: url('../img/logo.svg') no-repeat center;
		background-size: contain;
	}

/* Change size below 1200px: */
@media (max-width: 1200px) {
	
	.mega-menu-svg-logo {
		max-width: 200px;
		height: 0; /* Reset height */
		padding-top: 8.77%; /* Maintain 285x25 aspect ratio */
	}
  
}

/* Change logo below 480px: */
@media (max-width: 480px) {
	
	.mega-menu-svg-logo {
		max-width: 150px;
		padding-top: 8.5%; /* Maintain 200x17 aspect ratio */
		/*background-image: url('img/logo-mobile-bold.svg');*/ /* Ensure this version has fill="#555" */
		background-image: url('../img/logo.svg'); /* Ensure this version has fill="#555" */
	}
  
}

	
header,
.main-mega-nav-container,
.main-mega-nav-container > div {
	z-index: 1000;
}	

/* MOBILE */

#mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner,
#mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::before,
#mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::after {
	height: 2px !important;
}

#mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated:hover {
	background-color: transparent !important;
}

.mega-menu-toggle {
	box-sizing: border-box;
	padding: 0 15px;
}

#mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item.mega-menu-icon > a.mega-menu-link {
	padding: 0px 0px 0px 20px;
	font-size: 18px;
}

#mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item.mega-menu-icon-first > a.mega-menu-link {
	padding: 0px 0px 0px 40px;
}

#mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item.mega-menu-close {
	display: none;
}

@media only screen and (max-width: 1200px) {
	
	#mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item.mega-menu-close {
		display: list-item;
	}
		
		#mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item.mega-menu-close button.mega-menu-close-trigger {
			cursor: pointer;
			margin-top: 20px;
			padding: 0 10px;
			background-color: transparent;
			border: none;
			height: 40px;
			line-height: 40px;
			width: 100%;
			text-align: right;
			background-color: var(--xdarkgrey);
			color: white;
		}
		
		.mega-menu-close-trigger,
		.mega-menu-close-trigger button {
			cursor: pointer;
		}
	
	#mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item.mega-menu-icon {
		display: inline-block;
		clear: none;
	}
	
		#mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item.mega-menu-icon > a.mega-menu-link {
			padding: 0px 10px 0px 0px;
		}

}


/* ==================== Responsive Menu appears below 1200px ==================== */

@media only screen and (max-width: 1200px) {

	/* Override plugin's height, line-height, and widths on the parent */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-menu-toggle {
		display: flex;                    /* Flexbox for layout */
		align-items: center;              /* Vertically align content */
		justify-content: space-between;   /* Space left and right blocks */
	}
	
	/* Hide the center div completely */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-toggle-blocks-center {
		display: none; /* Remove unused center block */
	}
	
	/* Left container: Flex-row layout above 768px */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-toggle-blocks-left {
		display: flex;
		flex-direction: row;              /* Horizontal layout above 768px */
		align-items: center;              /* Vertically center content */
		justify-content: space-between;   /* Space between blocks */
		flex-grow: 1;                     /* Take up remaining space */
		flex-basis: auto !important;      /* Override plugin's flex-basis */
		max-width: calc(100% - 40px);     /* Allow space for the right div */
		height: 100%;                     /* Match parent height */
	}
	
	/* First child div: logo block */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-toggle-blocks-left .mega-toggle-block-1 {
		display: flex;
		align-items: center;              /* Vertically center content */
		justify-content: flex-start;      /* Left-align content horizontally */
		box-sizing: content-box;
		flex: 0 0 auto;                   /* Natural sizing */
		height: 100%;                     /* Match parent height */
		padding: 0;                       /* Reset padding */
	}
	
	/* Adjust the logo image */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-toggle-blocks-left .mega-toggle-block-1 img.mega-menu-logo {
		max-width: 200px;                 /* Cap the logo width */
		height: auto;                     /* Maintain aspect ratio */
		width: auto;                      /* Natural width */
	}
	
	/* Adjust the updated shortcode version logo image */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-toggle-blocks-left .mega-toggle-block-1 .mega-menu-logo-wrapper img.mega-menu-logo {
		max-width: 200px;                 /* Cap the logo width */
		height: auto;                     /* Maintain aspect ratio */
		width: auto;                      /* Natural width */
	}
	
	/* Second child div: phone link block */
	/* Temp hide this till we are ready to remove it from the actual Mega Menu */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-toggle-blocks-left .mega-toggle-block-2 {
		display: none;
		/* display: flex; */
		/* align-items: center;              /* Vertically center content */
		/* justify-content: flex-end;        /* Right-align content */
		/* flex: 1;                          /* Fill remaining space */
		/* height: 100%;                     /* Match parent height */
		/* padding: 0;                       /* Reset padding */
	}
	
	#strongbody #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-box {
		width: 24px;
	}
	
	/* Right container: Fixed width for the burger menu */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-toggle-blocks-right {
		display: flex;
		justify-content: center;          /* Center burger menu horizontally */
		align-items: center;              /* Center vertically */
		flex: 0 0 24px !important;        /* Fixed width */
		height: 100%;                     /* Match parent height */
	}
	
	/* Link styling inside the blocks */
	#strongbody .mega-toggle-blocks-left .mega-toggle-block a {
		display: block;                   /* Ensure links fill the height */
		text-decoration: none;            /* Remove underline */
		color: black;
		padding-right: 50px;                    /* Adjust text color */
	}
	
	/* ==================== NEW MENU TOGGLE BUTTONS ==================== */
	
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label {
		position: relative; /* Keeps it positioned correctly */
		display: flex;
		justify-content: center; /* Centers horizontally */
		align-items: center; /* Centers vertically */
		width: 100%; /* Ensures it spans the full clickable area */
		text-align: center; /* Ensures contents are centered */
		width: 17px !important;
	}
	
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label .mega-toggle-label-closed,
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label .mega-toggle-label-open {
		background-size: cover; /* Ensures the image fully fills the div */
		background-position: center; /* Centers the image */
		background-repeat: no-repeat; /* Prevents tiling */
		width: 17px !important;
		height: 17px !important;
		max-height: 17px !important;
	}
	
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label .mega-toggle-label-closed,
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label .mega-toggle-label-open {
		transition: opacity 1s ease-in-out; /* Smooth fade */
		position: absolute; /* Keep them stacked */
		left: 0;
		right: 0;
	}
	
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label .mega-toggle-label-closed {
		display: block !important; /* Force it to be visible */
		opacity: 1;
		visibility: visible;
		transition: opacity 0.5s ease-in-out;
	}
	
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label .mega-toggle-label-open {
		display: block !important; /* Force it to be visible */
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.5s ease-in-out;
	}
	
	.mega-menu-main-mega-nav-mobile-open #canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label .mega-toggle-label-closed {
		opacity: 0;
		visibility: hidden;
	}
	
	.mega-menu-main-mega-nav-mobile-open #canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label .mega-toggle-label-open {
		opacity: 1;
		visibility: visible;
	}
	
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label .mega-toggle-label-closed img,
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label .mega-toggle-label-open img {
		display: none;
	}
	
	#canvas .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label-closed {
		background-image: url('../img/burger-open.png');
	}
	
	#canvas .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label-open {
		background-image: url('../img/burger-close.png');
	}
	
	/* ==================== END NEW MENU TOGGLE BUTTONS ==================== */
	
	
}


/* ==================== Responsive Layout for Below 768px ==================== */

@media (max-width: 768px) {
	/* Left container: Switch back to stacked column layout */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-toggle-blocks-left {
		flex-direction: column;       /* Stack children vertically */
		align-items: flex-start;      /* Left-align content */
		justify-content: flex-start;
		height: auto;                 /* Dynamic height below 768px */
	}

	/* First child div: logo block */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-toggle-blocks-left .mega-toggle-block-1 {
		padding: 0;              /* Restore vertical spacing */
		width: 100%;                  /* Full width */
	}

	/* Second child div: phone link block */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-toggle-blocks-left .mega-toggle-block-2 {
		justify-content: flex-start;  /* Left-align phone number */
		padding-bottom: 5px;          /* Restore bottom padding */
		width: 100%;                  /* Full width */
	}

	/* Adjust the logo image */
	#strongbody #mega-menu-wrap-main-mega-nav 
	.mega-toggle-blocks-left .mega-toggle-block-1 img.mega-menu-logo {
		width: 100%;                  /* Scale to container */
		max-width: 200px;             /* Cap the logo width */
		height: auto;                 /* Maintain aspect ratio */
	}
	
	/* Link styling inside the blocks */
	#strongbody .mega-toggle-blocks-left .mega-toggle-block a {
		padding-right: 0; 
	}
	
	#strongbody #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-box {
		top: 2px;
	}
	
	#strongbody #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
		margin-right: 0;
	}
	
}

/* ==================== Responsive Layout for Below 480px ==================== */

@media (max-width: 480px) {
	
	#strongbody #mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item {
		height: 40px;
	}
	
	#strongbody #mega-menu-wrap-main-mega-nav #mega-menu-main-mega-nav > li.mega-menu-item.mega-menu-contact {
		margin-bottom: 20px;
	}
	
	/* First child div: logo block */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-toggle-blocks-left .mega-toggle-block-1 {
		padding: 0;              /* Restore vertical spacing */
	}

	/* Second child div: phone link block */
	#strongbody #mega-menu-wrap-main-mega-nav .mega-toggle-blocks-left .mega-toggle-block-2 {
		padding-bottom: 0px;          /* Restore bottom padding */
	}
	
	/* Adjust the logo image */
	#strongbody #mega-menu-wrap-main-mega-nav 
	.mega-toggle-blocks-left .mega-toggle-block-1 img.mega-menu-logo {
		max-width: 180px;             /* Cap the logo width */
	}
	
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label {
		width: 13px !important;
	}
	
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label .mega-toggle-label-closed,
	#canvas #mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label .mega-toggle-label-open {
		width: 13px !important;
		height: 13px !important;
		max-height: 13px !important;
	}
	
	#canvas .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label-closed {
		background-image: url('../img/burger-open-mobile.png');
	}
	
	#canvas .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label-open {
		background-image: url('../img/burger-close-mobile.png');
	}
	
}


	

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* set img max-width */
img {
	max-width: 100%;
	height: auto;
}
/* ie 8 img max-width */
@media \0screen {
  img { width: auto;}
}	

/************************************************************************************
TYPOGRAPHY
*************************************************************************************/

html {
	scroll-behavior: smooth;
	font-family:'Neuzeit Grotesk W01';
	font-weight: 300;
	font-size: 62.5%; /* font-size 1em = 10px on default browser settings */
/* 	background-color: fuchsia; */
}

.thin {
	font-style: normal;
	font-weight: 100;	
}

.regular {
	font-style: normal;
	font-weight: 400;	
}

html,
body {
 	height: 100%;
    text-rendering: optimizeLegibility;
	letter-spacing: 0.15em;
}

a {
/* 	text-decoration: none; */
	outline: none;
}

a:hover,
a.button,
p.button a,
a.nodecoration {
	text-decoration: none;
}

p,
address,
#canvas .wp-block-button,
#canvas .wp-block-file {
	font-size: 18px;
	line-height: 1.5em;
	padding: 0 0 40px 0;
	margin: 0;
}

.large p, p.large {
	font-size: 22px;
	font-weight: 400;
}

p.small {
	font-size: 15px;
}

address {
	font-style: normal;
}

h1, h2, h4 {
	font-family: serif;
	font-weight: 400;
	font-style: italic;
	margin: 25px 0 75px 0;
	line-height: 1.5em;
	letter-spacing: .01em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}



h1 {
	font-size: 48px;
}

h2 {
	font-size: 36px;
}

h3 {
    font-size: 15px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h1.lessbottommargin, h2.lessbottommargin, h4.lessbottommargin {
	margin: 25px 0 25px 0;
}



h1.archive-product-title,
h2.shortcode-row-title,
h3, h5, h6 {
	font-family:'Neuzeit Grotesk W01';
	text-transform: uppercase;
	font-weight: 400;
	margin: 25px 0 25px 0;
	line-height: 1.5em;
	letter-spacing: .15em;
}

h1.archive-product-title,
h2.shortcode-row-title {
	font-style: normal;
	font-weight: 300;
	margin: 0 0 25px 0;
}

.row-banner-title {
	padding-top: 50px;
	padding-bottom: 25px;
}

h1.archive-product-title {
	font-size: 36px;
	text-align: center;
	margin: 0;
}

h3.archive-product-subtitle {
	text-align: center;
	margin: 20px 0 0 0;
}

h1.archive-product-title::after {
	display: none;
}



.small {
	font-size: 14px;
}

.bigcaps {
	font-size: 50px !important;
	font-family:'Neuzeit Grotesk W01' !important;
	text-transform: uppercase !important;
	font-weight: 300 !important;
	line-height: 1.25em !important;
	letter-spacing: 0.1em !important;
	font-style: normal;
}

.bigitalics {
	font-size: 96px !important;
	font-family: serif !important;
	font-weight: 400 !important;
	font-style: italic !important;
	line-height: .9em !important;
	letter-spacing: .25 !important;	
}

h1.page-title, h2.page-title, h3.page-title, h4.page-title, h5.page-title, h6.page-title {
	margin: 0 0 50px 0;
}

hr {
    border: 0;
    height: 0;
    border-top-width: 2px;
    border-top-style: solid;
    border-bottom: none;
    margin: 0 0 50px 0;
    width: 250px;
}

.underlined {
	position: relative;
}

.flexible-row h1:after,
.flexible-row h2:after,
.page-title:after,
.row-title:after,
.underlined:after {
  content : "";
  position: absolute;
  left: 0;
  bottom: -25px;
  height: 2px;
  width:  250px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.flexible-row.image_right .basic_row_text h1:after,
.flexible-row.image_right .basic_row_text h2:after,
.image_right .basic_row_text .page-title:after,
.image_right .basic_row_text .row-title:after,
.image_right .basic_row_text .underlined:after,
.slide-align- .hero-text .underlined:after,
.slide-align-right .hero-text .underlined:after {
	left: auto;
	right: 0;
}

h2.header-centered {
	text-align: center;
}

h2.header-centered::after {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.notunderlined:after {
	display: none;
} 

.overlined:before {
  content : "";
  position: absolute;
  left: 0;
  top: -25px;
  height: 2px;
  width:  250px;
  border-top-width: 2px;
  border-top-style: solid;
}

.centered {
	text-align: center;
}


/* LISTS
================================================ */

ul, ol, dl {
	margin: 0 0 50px 0;
	padding: 0;
	line-height: 1.75em;
	font-size: 18px;
	list-style: none;
}

	li {
		padding: 0 0 .5em 0;
		margin: 0;
		margin-left: 32px;
		line-height: 1.5em;
	}
	
	.advanced > li {
		font-family: 'Neuzeit Grotesk W01';
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: .15em;
		margin-left: 32px;
		font-size: 15px;
	}
	
	.basic_text_row ul.advanced li li:before {
		color: #aaa;
	}

	.advanced li ul {
		margin-left: 30px;
	}
	
	li:last-of-type {
		padding: 0;
	}
	
.basic_text_row ul,
.entry-content ul,
.two_column_content ul {
    list-style: none;
/*     padding-left: 30px; */
}

	.basic_text_row ul li:before,
	.entry-content li:before,
	.two_column_content ul li:before {
	    content: "\f111";
	    font-family: "Font Awesome 5 Pro";
	    font-style: normal;
	    font-weight: 900;
	    text-decoration: inherit;
	    font-size: 8px;
	    line-height: 1em;
	    width: 16px;
	    margin: 0 16px 0 -30px;
	    color: #ccc;
	}
	
ol {
	list-style: decimal outside none;	
}

dt {
	padding: 2em 0 .7em 0;
}

dd {
	padding: 0 0 .7em 0;
	margin: 0;
}

ul.fa-ul li {
	margin-left: 1.5em;
}

	ul.fa-ul li {
		line-height: 2em;
	}

/* BLOCKQUOTES
================================================ */

q {
  quotes: "“" "”" "‘" "’";
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}


.row-quotes .setwidth {
	position: relative;
	padding-left: 0;
	padding-right: 0;
}

blockquote,
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
	position: relative;
	text-align: right;
	font-family: serif;
	font-weight: 400;
	font-style: italic;
	font-size: 36px;
	line-height: 1.5em;
	letter-spacing: .01em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding: 0 50% 0 10%;
}

.quote_small blockquote  {
	font-size: 24px;
	line-height: 1.5em;
}

blockquote p {
	font-size: 36px;
}

.row-gallery-intro-retro blockquote {
	font-size: 28px;
}

.row-gallery-intro-retro blockquote:after {
	color: #ff69ef;
	opacity: .4;
}

blockquote:after,
.wp-block-quote.is-large:after,
.wp-block-quote.is-style-large:after {
	font-family: 'pk';
	font-style: normal;
	font-weight: normal;
	content: '\e800';
	font-size: 200px;
	height: 200px;
	line-height: 200px;
	width: 100px;
	position: absolute;
	top: 0;
	left: 60%;
/* 	adjust for icon size in artboard */
	margin-top: -20px;
	margin-left: -19px;
}

.wp-block-quote.is-large:after,
.wp-block-quote.is-style-large:after {
	top: 90px;
}

/* Blockquotes in Block Editor  */
	
.entry-content blockquote {
	padding-top: 80px;
	padding-bottom: 80px;
	padding-top: 30px;
	margin-bottom: 80px;
}

.entry-content blockquote:after {
	top: 80px;
/* 	adjust for icon size in artboard */
	margin-top: -20px;
	margin-left: -19px;
}	

	.entry-content blockquote p {
		text-align: right;
		font-family: serif;
		font-weight: 400;
		font-style: italic;
		font-size: 36px;
		line-height: 1.5em;
		letter-spacing: .01em;
		-webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;	
	}

	.entry-content blockquote cite {
		position: absolute;
		top: 305px;
		left: 60%;
		padding: 0;
		margin: 0;
		font-family: 'Neuzeit Grotesk W01';
		font-weight: 300;
		font-size: 18px;
		text-transform: uppercase;
		font-style: normal;
	}
		
	.entry-content blockquote cite:before {
		content: "";
	    position: absolute;
	    left: 0;
	    top: -25px;
	    height: 2px;
	    width: 250px;
	    border-top: 2px solid black;
	}


.row-quotes p.caption {
	position: absolute;
	top: 225px;
	left: 60%;
	padding: 0;
	margin: 0;
}

blockquote.tiktok-embed {
	padding: 0;
}

.row-tiktok-double .two_column_text_row_col {
	box-sizing: border-box;
}

.row-tiktok-double .two_column_one {
	padding: 0 0 0 15%;
}

.row-tiktok-double .two_column_two {
	padding: 0 15% 0 0;
}

blockquote.tiktok-embed::after {
	content: '';
	display: none;
}

.tiktok-pk-wrapper {
	/* background-color: black; */
	width: 355px;
}

	.tiktok-pk-wrapper blockquote.tiktok-embed {
		max-width: 355px !important;
		background-color: white;
		padding: 15px;
		border-radius: 12px;
	}

		.tiktok-pk-wrapper blockquote.tiktok-embed iframe {
			max-height: 769px !important;
			height: 769px !important;
		}





/* ICONS
================================================ */

.icon-list {
  
}

	.icon-list li:before {
	    display: inline-block;
	    font-style: normal;
	    font-variant: normal;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    content: "\f192";
	    margin-right: .5em;
	}


.icon-header {

}

	.icon-header i {
	    vertical-align: middle;
	    margin-right: 10px;
	}	


/************************************************************************************
STRUCTURE
*************************************************************************************/

#strongbody {
	/* overflow: hidden; */
}

/* z-indexes  */


#menu-icon {
	z-index: 5;
}

/* / z-indexes  */
		
.fullwidth {
	width: 100%;
	margin: 0 auto;
}

.setwidth {
	box-sizing: border-box;
	margin: 0 auto;
}

.setwidth-narrow .setwidth {
	padding: 0 20%;
}

/* PASSWORD PROTECTED *****************************************************************/

.row-protected p {
	text-align: center;
}

.row-protected input[type=submit] {
	margin-left: -1px;
	background-color: rgba(71, 177, 6, .1);
}


/**************************************************
SEEDPOD MAINTENANCE PAGE
**************************************************/

/* paste into plugin 'design' section */

#seed-csp4-page {
	display: flex;
	background-color: #ffffff;
	font-family: 'Helvetica', 'Arial', sans-serif;
	color: #000000;
	padding: 0;
}

	#seed-csp4-content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		flex-direction: column;
		min-height: 100vh;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#seed-csp4-content img {
		max-width: 90%;
		height: auto;
		flex-basis: auto
	}
	
	#seed-csp4-content h2 {
		font-size: 16px;
		font-weight: normal;
		padding-top: 50px;
		width: 40vw;
		text-align: center;
		line-height: 1.75em;
	}
	
	#seed-csp4-content a, #seed-csp4-content a:hover {
		color: #666666;
		text-decoration: none;
	}

/* FANCYBOX *****************************************************************/

/* APPEAR ABOVE MENUS */

.vp-pswp, .vp-fancybox,
.fancybox-container {
	z-index: 100000 !important;
}	
/* version 4 */
.fancybox__container {
	z-index: 100000 !important;
}	

/* MISC STYLING *****************************************************************/

.padded {
	box-sizing: border-box;
	padding: 70px 25px;
}

.nosidepadding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

.notopmargin {
	margin-top: 0 !important;
}

.nobottommargin {
	margin-bottom: 0 !important;
}

.nopadding {
	padding: 0 !important;
}

.notoppadding {
	padding-top: 0 !important;
}

.nobottompadding {
	padding-bottom: 0 !important;
}

.lesstoppadding {
	padding-top: 50px !important;
}

.lessbottompadding {
	padding-bottom: 50px !important;
}

.uppercase {
	text-transform: uppercase;
}

.large-icon {
    display: inline-block
}

	.large-icon i {
	    vertical-align: middle;
	    font-size: 48px;
	    padding: 0 20px;
	}

/* ------- BG Images ------- */

.fullheight {
	height: 600px;
	height: 100vh;
}

.video-container,
.video_row .video-container,
.wp-has-aspect-ratio > div  {
	position: relative;
	height: 0;
	overflow: hidden;
}

.video_row .video-container,
.wp-embed-aspect-16-9 > div  {
	padding-bottom: 56.25%;
}

.video-container.video_square {
	padding-bottom: 100%;
}

.video-container.video_2-3 {
	padding-bottom: 150%;
}

.video-container.video_2-1 {
	padding-bottom: 50%;
}

.video-container.video_3-4 {	
	padding-bottom: 133.3333333333333%;
}

.video-container.video_3-2 {
	padding-bottom: 61.3541666666667%;
}

.video-container.video_14-9 {
	padding-bottom: 64.2857142857143%;
}

.video-container.video_10-16 {
	padding-bottom: 160%;
}

.video-container.video_16-10 {
	padding-bottom: 62.5%;
}

.wp-embed-aspect-4-3 > div  {
	padding-bottom: 75%;
}



.video-container iframe,  
.video-container object,  
.video-container embed,
.wp-has-aspect-ratio > div iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100.25%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}



/* BURGER ICON ***************************************************************************/

#menu-icon {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 75px;
	right: 75px;
	cursor: pointer;
	display: block;
	opacity: 0;
}			

.stickyHeader #menu-icon {
	opacity: 1;
	top: 35px;
}
			
	#menu-icon span,
	#menu-icon span:before,
	#menu-icon span:after {
	  cursor: pointer;
	  border-radius: 0px;
	  height: 2px;
	  width: 25px;
	  background: #000000;
	  position: absolute;
	  display: block;
	  content: '';
	}

	#menu-icon:hover span, #menu-icon:hover span:before, #menu-icon:hover span:after {
	  background: #777777;
	}
			
	#menu-icon span {
	  top: 11px;
	}
	
	#menu-icon span:before {
	  top: -11px;
	}
	
	#menu-icon span:after {
	  bottom: -11px; 
	}

	#menu-icon span, #menu-icon span:before, #menu-icon span:after {
	  transition: all 200ms ease-in-out;
	}
			
	#menu-icon.active span {
	  background-color: transparent;
	}
	#menu-icon.active span:before, #menu-icon.active span:after {
	  top: 0;
/* 	  background: #ffffff; */
	}
	#menu-icon.active span:before {
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	#menu-icon.active span:after {
	  -webkit-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

/************************************************************************************
BLURRED STRIP
*************************************************************************************/

.row-title {
	height: 10vw;
	overflow: hidden;
	margin-bottom: 150px;
}

.row-blurred {
	overflow: hidden;
	margin-bottom: 50px;
}

	.content-blurred {
		filter: blur(30px);
		height: 15vw;
		width: 120vw;
		position: relative;
		margin-top: -2vh;
		left: -10vw;
		background-position: center center;
		background-size: cover;
	}

/************************************************************************************
HERO
*************************************************************************************/

.hero-slider.slick-slider,
.hero-slider .slick-list,
.hero-slider .slick-track,
.hero-slider .slick-slide,
.hero-slider .slide-bg {
	height: 90vh;
	height: calc( 100vh - 175px );
	height: 600px;
	width: 100%;
	width: 100vw;
	min-width: 100%;
	min-width: 100vw;
}

.hero-slider .slide-bg {
	padding-bottom: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

	#canvas img.heroMobile {
		display: none;
	}

.hero-slider .slick-dots {
	left: auto;
	bottom: auto;
	height: auto;
	line-height: auto;
	right: 50px;
}

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

.hero-slider .slick-slide, .hero-slider .slick-slide:before, .caption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hero-slider .slick-slide:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-slider {
  position: relative;
  width: 100%;
  height: 38vw;
  min-height: 8vw;
/*   margin-bottom: 50px; */
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s ease;
}

.hero-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}

.hero-slider .slick-slide:before {
  background-color: #000;
  opacity: 0;
  z-index: 1;
}

.hero-slider .video .slide-image {
	display: none;
}	
	
.hero-slider .slick-slide video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.hero-slider .slick-slide iframe {
  position: relative;
  pointer-events: none;
}

.hero-slider .slick-slide figure {
  position: relative;
  height: 100%;
}

.hero-slider .slick-slide .slide-image {
 	 opacity: 0;
  opacity: 1;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all .8s ease;
}

	/* left focus slide */
	.hero-slider .slick-slide .slide-image.slide-focus-left {
	  background-position: left 30% top 50%;
	}

	/* center focus slide */
	.hero-slider .slick-slide .slide-image.slide-focus-center {
	  background-position: center center;
	}

	/* right focus slide */
	.hero-slider .slick-slide .slide-image.slide-focus-right {
	  background-position: right 30% top 50%;
	}

.hero-slider .slick-slide .slide-image.show {
  opacity: 1;
}

.hero-slider .slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.hero-slider .slick-slide .loading {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}

.hero-slider .slick-slide .slide-media {
  -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}

.hero-slider .slick-slide.slick-active {
  z-index: 1;
}

.hero-slider .slick-slide.slick-active .slide-media {
  -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}

.hero-slider .slick-slide.slick-active .hero-text {
  opacity: 1;
	/* -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); */
/*   transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s; */
  transition: all 1s;
}


.hero-text {
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition: all .3s ease;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 50%;
	box-sizing: border-box;
	padding: 30px 50px;
	background-color: rgba(0,0,0,.6);
}

.hero-text-under {
	box-sizing: border-box;
	padding: 0 50px;
}

.hero-text.hero-home1 {
	left: 5%;
	width: 90%;
}

ul.home-social-links,
ul.home-collection-links {
	text-align: center;
}

ul.home-social-links {
	margin: 0 0 20px 0;
}

ul.home-collection-links {
	margin: 20px 0 0 0;
	font-size: 0;
}
		
	ul.home-social-links li,
	ul.home-collection-links li {
		display: inline-block;
		margin: 0;
	}

	ul.home-social-links li {
		font-size: 24px;
		padding: 0 .75em;
		line-height: 1em;
	}
	
		ul.home-social-links li a {
			color: white;
		}

		ul.home-social-links li a:hover {
			color: #fcce40;
		}
			
	ul.home-collection-links li {
		font-size: 15px;
		padding: 0 .75em;
		line-height: 2em;
		height: 2em;
	}
	
		ul.home-collection-links li a {
			text-decoration: none;
			text-transform: uppercase;
			color: #fcce40;
		}
		
		ul.home-collection-links li a:hover {
			color: white;
		}
	
	
	
.row-home-grid.flexible-row {
	padding: 25px;
		background-color: #d9d9d9;
	background-color: #ffffff;
	margin-bottom: 25px;
}

.row-home-grid-nft.flexible-row {
	/* padding-left: 25px;
	padding-right: 25px; */
}

	.row-home-grid-nft.flexible-row .vp-uid-57f0feb3 {
		margin-left: 25px !important;
		margin-right: 25px !important;
	}
	

.hero-text .bigitalics {
	font-size: 60px !important;
}

.hero-text .bigcaps {
	font-size: 36px !important;
}

.slide-align- .hero-text,
.slide-align-right .hero-text {
	left: auto;
	right: 0;
}

	.slide-align- .hero-text h2,
	.slide-align- .hero-text p,
	.slide-align-right .hero-text h2,
	.slide-align-right .hero-text p {
		text-align: right;
	}
		
	@media only screen and (min-width: 1400px) {
		
			.hero-text.hero-home1 h3,
			.hero-text-under.hero-home1 h3 {
				font-size: 72px !important;
			}	
	
			.hero-text.hero-home1 p.button a br,
			.hero-text-under.hero-home1 p.button a br {
				display: none;
			}
	
	}
	
	@media only screen and (max-width: 1200px) {
	
		.hero-text.hero-home1 .underlined:after,
		.hero-text-under.hero-home1 .underlined:after {
			width: 150px;
		}
	
	}


	@media only screen and (max-width: 980px) {
	
		.hero-text.hero-home1 h3,
		.hero-text-under.hero-home1 h3 {
			font-size: 36px !important;
		}	
	
	}	
	
			
	.hero-text h2,
	.hero-text h1 ,
	.hero-text p {
		display: block;
		color: #ffffff;
	}
			
	.hero-text h2 {
		margin: 0 0 20px 0;
		position: relative;
	}

	.hero-text h2.bigitalics {
		margin: 0 0 80px 0;
	}
	
	
	.hero-text h2.bigitalics:after {
		border-color: white;
		bottom: -40px;			
	}
				
	.hero-text p {
		padding: 0;
		font-size: 15px;
		margin: 0 !important;
	}
	
	.hero-text p.button {
		margin-top: 30px !important;
	}

@-webkit-keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@-webkit-keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}
@keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}
		

		
/************************************************************************************
CONTENT
*************************************************************************************/

/* see header section for more contentWrapper styles */

.contentWrapper {

}

.contentContainer {
	padding-top: 50px;
}

	.contentContainer article {
		padding: 0 0 50px 0;
	}

/************************************************************************************
FLEXIBLE CONTENT
*************************************************************************************/

.contentWrapper .flexible-row:first-of-type {
/* 	padding-top: 50px; */
}

.flexible-row {
/*
	border-top: 5px solid blue;
	border-bottom: 5px solid red;
*/
	margin-bottom: 150px;
	box-sizing: border-box;
	position: relative;
}

.flexible-row:last-of-type {
	margin-bottom: 0;
}

.row-pad-small {
	padding: 25px 0;
}

.row-pad {
	padding: 50px 0;
}

.row-pad-medium {
	padding: 100px 0;
}

.row-pad-large {
	padding: 150px 0;
}

.row-topmargin {
	margin-top: 150px;
}

.row-mediumbottommargin {
	margin-bottom: 75px;
}

.row-flex-center,
.row-flex-center .setwidth {
	display: flex !important;
	justify-content: center; /* Centers the inline-block paragraph horizontally */
	/* align-items: center;  Centers it vertically (if needed) */
}

h3.row-caption-title {
	padding: 0;
	margin-top: 10px;
	font-family: serif;
	font-weight: 400;
	font-style: italic;
	line-height: 1.25em;
	letter-spacing: .25;
	width: 500px;
	text-transform: none;
	font-size: 32px;
}

p.row-caption {
	padding: 0;
/* 	background-color: #ccc; */
	margin-top: 10px;
	font-size: 15px;
	width: 600px;
}

/* Shared Row Styles ******************************* */


/* WSYWIG Field Content */

.wsywig_content h1:first-child,
.wsywig_content h2:first-child,
.wsywig_content h3:first-child,
.wsywig_content h4:first-child,
.wsywig_content h5:first-child,
.wsywig_content p:first-child {
	margin-top: 0;
}

.wsywig_content h1:last-child,
.wsywig_content h2:last-child,
.wsywig_content h3:last-child,
.wsywig_content h4:last-child,
.wsywig_content h5:last-child,
.wsywig_content p:last-child {
	margin-bottom: 0
}

.wsywig_content p a {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
/* 	padding-bottom: .1em; */
}

.wsywig_content p a:hover {
	text-decoration: none;
}

/* Image on Right: */

.basic_image_row .row_container,
.image_text_row .row_container {
	display: flex;
	position: relative
}

	.basic_row_text {
		text-align: right;
	}
	
	.image_right .basic_row_text hr {
		float: right;
	}

/* Adjust for Image on left: */

.image_right .row_container {
	flex-direction: row-reverse;
}

.image_rows .row_container {
	flex-direction: column;
}

.image_rows .image_text {
	padding-left: 50px;
}
	

.image_left .basic_row_text {
	text-align: left;
}

.column1,
.column2 {
	width: 50%;
	box-sizing: border-box;
}

.column1 {
/* 	background: red; */
	padding-right: 40px;
}

.column2 {
/* 	background: green; */
	padding-left: 40px;
}

.image_left .column1,
.image_right .column2 {
	padding-right: 0;
	padding-left: 40px;
	position: relative;
}

.image_left .column2,
.image_right .column1 {
	padding-left: 40px;
	padding-right: 0;
	position: relative;
}

.image_rows column1,
.image_rows column2 {
	padding-left: 0;
	padding-right: 0;
}

.fullwidth.image_rows img {
	min-width: 100%
}

/* vertically aligned image/text row, with less padding */

.row-alignvertical.flexible-row {
	padding: 50px 0;
	margin-bottom: 100px;
}

.row-alignvertical .basic_row_text {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

	.row-alignvertical .basic_row_text h2 {
		margin-top: 0;
	}

	.row-alignvertical .basic_row_text p.button {
		padding-bottom: 0;
	}

/* ========================== Revised gallery row css, to use same approach as the pk-products grids ============================ */

.row-gallery .row_container {
	display: flex;
	justify-content: center;
}

/* Gallery Container */
ul.gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
	margin: 0 auto;
	padding: 20px 50px;
	list-style: none;
	list-style: none;
}

/* Individual Gallery Item */
ul.gallery li {
	flex: 0 0 calc((100% - 4 * 20px) / 5); /* Default: 5 items per row */
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

/* Image Styling */
ul.gallery li img {
	width: 100%;
	height: auto;
	transition: transform 0.5s ease-in-out; /* Smooth zoom effect */
	background-color: #F2F2F2; /* Placeholder background color */
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

/* Image Hover Effect */
ul.gallery li:hover img {
	transform: scale(1.1);
}

/* Responsive Adjustments */

/* 4 items per row: Up to 1200px */
@media (max-width: 1200px) {
	ul.gallery li {
		flex: 0 0 calc((100% - 3 * 25px) / 4);
	}
}

/* 3 items per row: Up to 1080px */
@media (max-width: 1080px) {
	ul.gallery {
		padding: 20px 30px;
	}

	ul.gallery li {
		flex: 0 0 calc((100% - 2 * 25px) / 3);
	}
}

/* 2 items per row: Up to 780px */
@media (max-width: 780px) {
	ul.gallery li {
		flex: 0 0 calc((100% - 25px) / 2);
	}
}

/* 1 item per row: Up to 480px */
@media (max-width: 480px) {
	ul.gallery {
		padding: 20px 25px;
	}

	ul.gallery li {
		flex: 0 0 100%;
	}
}

/* 	Breadcrumbs Row ******************************* */

.row-breadcrumbs {
	padding-top: 0;
	margin-bottom: 0;
}

	.row-breadcrumbs p {
		font-size: 14px;
		text-transform: uppercase;
		padding: 20px 0;
	}
	
	.row-breadcrumbs p a {
		text-decoration: none;
	}

/* 	Title Row ******************************* */

.row-titlerow {
	padding-top: 0;
	margin-bottom: 100px;
}

/* 	Single Image Row ******************************* */

.single_image_row img {
	min-width: 100%;
	max-width: 100%;
	height: auto;
}

/* 	Video Row ******************************* */

.wp-block-video video {
	min-width: 100%;
}

.row-video .video-container iframe {
	left: -2px;
}

/* 	Quotes Row ******************************* */

.row-quotes {
	padding: 100px 0 100px 0;
}

/* 	Shortcode Row ******************************* */

h2.shortcode-row-title {
	text-align: center;
	margin-bottom: 25px;
}

.flexible-row h2.shortcode-row-title::after {
	display: none;
}

/* 	Contact Rows ******************************* */

.row-contact-buttons {
	text-align: center;
}

	.row-contact-buttons p.button {
		padding: 0;
	}
	
/* 	Product Gallery Row ******************************* */

.row-product-gallery {
	padding: 50px 0 100px 0;
}

	h3.product-galery-title {
		padding: 0 0 30px 0;
		margin: 0;
		font-size: 36px;
		color: #666;
		text-align: center;
	}

	.row-product-gallery .slick-track,
	.row-collection .slick-track  {
		margin: 0 auto;
	}


/* 	Basic Text Row ******************************* */


.basic_text_row p:last-of-type {
	padding-bottom: 0;
}

/* 	Two Column Text Row ******************************* */

.two_column_text_row,
.two_column_text_row .setwidth,
.two_column_text_row.fullwidth {
	display: flex;
	justify-content: space-between;
}

	.two_column_text_row.two_column_text_row_50_50 .two_column_text_row_col  {
		width: 50%;
		width: calc( 50% - 25px );
	}

	.two_column_text_row.two_column_text_row_30_70 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_70_30 .two_column_text_row_col.two_column_two  {
		width: 30%;
		width: calc( 30% - 25px );
	}
	
	.two_column_text_row.two_column_text_row_70_30 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_30_70 .two_column_text_row_col.two_column_two {
		width: 70%;
		width: calc( 70% - 25px );
	}

	.two_column_text_row.two_column_text_row_40_60 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_60_40 .two_column_text_row_col.two_column_two  {
		width: 40%;
		width: calc( 40% - 25px );
	}
	
	.two_column_text_row.two_column_text_row_60_40 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_40_60 .two_column_text_row_col.two_column_two {
		width: 60%;
		width: calc( 60% - 25px );
	}
	
	.two_column_text_row.two_column_text_row_20_80 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_80_20 .two_column_text_row_col.two_column_two  {
		width: 20%;
		width: calc( 20% - 25px );
	}
	
	.two_column_text_row.two_column_text_row_80_20 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_20_80 .two_column_text_row_col.two_column_two {
		width: 80%;
		width: calc( 80% - 25px );
	}

/* 	Image / Text Row ******************************* */



/* 	Basic Image Row ******************************* */

.basic_image_row .basic_row_text h3,
.basic_image_row .basic_row_text p,
.basic_image_row .basic_row_text hr {
	width: 50%;
	float: right;
	clear: both;
}

.basic_image_row.image_left .basic_row_text h3,
.basic_image_row.image_left .basic_row_text p,
.basic_image_row.image_left .basic_row_text hr {
	float: left;
}

	.basic_image_row .basic_row_text h3 {
		margin-top: 0;
	}
	
	.basic_image_row .basic_row_text p {
		font-size: 14px;
	}
	
	.basic_image_row .basic_row_text hr {
		width: 25%;
	}

.basic_image_row.bg-texture-3 .image_text h3,
.basic_image_row.bg-texture-3 .image_text p {
	color: #ffffff;
}

.basic_image_row.bg-texture-3 .image_text hr {
	border-color: #ffffff;
}

/* 	Background Image Row  ******************************* */		

.flexible-row img.mobilebackground {
	display: none !important;
}

@media only screen and (max-width: 480px) {

	.mobilebackground {
		display: block !important;
	}
	
	.bg_image_row {
		background-image: none !important;
		height: auto !important;
	}

}

.bg_image_row.flexible-row {
	background-size: cover;
	height: 500px;
	height: 50vh;
	padding: 0;
}


.focus-left {
	background-position: left center;
}

.focus-center {
	background-position: center center;
}

.focus-right {
	background-position: right center;
}

.bg_image_row.row_height-10 {
	height: 100px;
	height: 10vh;
}

.bg_image_row.row_height-20 {
	height: 200px;
	height: 20vh;
}

.bg_image_row.row_height-30 {
	height: 300px;
	height: 30vh;
}

.bg_image_row.row_height-40 {
	height: 400px;
	height: 40vh;
}

.bg_image_row.row_height-50 {
	height: 500px;
	height: 50vh;
}

.bg_image_row.row_height-60 {
	height: 600px;
	height: 60vh;
}

.bg_image_row.row_height-70 {
	height: 700px;
	height: 70vh;
}

.bg_image_row.row_height-80 {
	height: 800px;
	height: 80vh;
}

.bg_image_row.row_height-90 {
	height: 900px;
	height: 90vh;
}

.bg_image_row.row_height-100 {
	height: 1000px;
	height: 100vh;
}

.row-blur {
	overflow: hidden;
}

	.content-blur {
		filter: blur(30px);
		height: 15vw;
		width: 120vw;
		position: relative;
		margin-top: -2vh;
		left: -10vw;
		background-position: center center;
		background-size: cover;
	}



/* 	Background Image Row ******************************* */

.background_image_row {
	height: 300px;
	height: 20vh;
	background-position: center center;
	background-size: cover;
}

	.background_image_row img.mobile_strip {
		display: none;
	}

@media only screen and (max-width: 480px) {

	.background_image_row {
		background-image: none;
	}
	
		.background_image_row img.mobile_strip {
			display: block;
		}

}

/* 	Twin Image Row ******************************* */		

.twin_image_row {
	display: flex;
	flex: 1;
}

	.twin_image_row a, .twin_image_row img {
		display: block;
	}

	.twin_image_row .text_image_row_first,
	.twin_image_row .twin_image_row_first,
	.twin_text_image_row .twin_text_image_row_first {
		padding: 0 10px 0 0;
	}
	
	.twin_image_row .text_image_row_second,
	.twin_image_row .twin_image_row_second,
	.twin_text_image_row .twin_text_image_row_second {
		padding: 0 0 0 10px;
	}

	
/* 	Slideshow Row ******************************* */

.row-slideshow {

}

.row-slideshow .slick-slide {
	text-align: center;
}

/* 	Carousel Row ******************************* */


.slick-slide:not(.slick-current) {
	transition-delay: 500ms !important;
}

#canvas .row-carousel {
	padding-bottom: 100px;
}

.carousel_slideshow_slide,
.carousel_slideshow_gallery {
	margin-left: -25px;
	margin-right: -25px;
}	

	.carousel_slideshow_slide .slick-list .slick-slide,
	.carousel_slideshow_gallery .slick-list .slick-slide {
		margin-left: 25px;
		margin-right: 25px;
	}

/* [1] The container */
.carousel_builder_row .slick-slide .carousel_item_img_wrapper,
.grid_item_img_wrapper,
.text_image_row_image_wrapper {
	display: block;
	overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

	/* [2] Transition property for smooth transformation of images */
	.carousel_builder_row .slick-slide .carousel_item_img,
	.grid_item_img_wrapper img,
	.text_image_row_image_wrapper img {
		transition: transform .5s ease-in-out;
		-webkit-transition: transform .5s ease-in-out;
	}
	
	/* [3] Finally, transforming the image when container gets hovered */
	.carousel_builder_row .slick-slide .carousel_item_img_wrapper:hover .carousel_item_img,
	.grid_item_img_wrapper:hover img,
	.text_image_row_image_wrapper:hover img {
		transform: scale(1.25) rotate(5deg);
	}
	
.carousel_builder_row h4.carousel_item_title {
	padding-top: 25px;
}

	
/* 	Quotes Row ******************************* */

/* match blockquote margin/padding */
.quote_row h3 {
	margin: 0 10%;
	padding: 0 100px 0 120px;
}

.quote_row p {
	margin: 0 10%;
	padding: 0 100px 50px 120px;
}	


/* 	Latest News /Jornals Row ******************************* */

.row-news-journal {
	text-align: center;
}

	.row-news-journal h4 {
		margin: 0 0 .25em 0;
		font-size: 20px;
	}

	.row-news-journal time {
		margin: 0 0 1.75em 0;
		font-size: 15px;
		display: block;
		opacity: .6;
	}

	.row-news-journal .two_column_text_row_col .loop-item:last-of-type time {
		margin: 0;
	}


/* 	Social Media Row ******************************* */

.row-social-media {
	text-align: center;
}

	h3.icon-header {
		margin: 0;
		padding: 40px 0;
	}
	
	ul.social-media {
		padding: 0;
		margin: 0;
	}
		.basic_text_row  ul.social-media li:before {
			content: '';
			display: none;
		}
		
		.social-media li {
			display: inline;
			margin: 0 .75em;
		}
	
		.social-media h3 {
			display: inline;
		}



/* ///////////////////////////////////////////////////////////////////// 
//  Prebuilt Rows
/////////////////////////////////////////////////////////////////////*/

/* 	Random Images Slideshow Row ******************************* */


/* Main wrapper spans full width and adapts to children */
.random-images-wrapper {
	width: 100%;
	overflow: hidden; /* Prevent overflow from transitions */
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	align-items: flex-start; /* Ensures alignment with child heights */
	height: 0; /* Start with 0 height */
	padding-top: 42.857%; /* Aspect ratio 21:9 */
	background-color: black; /* Prevents white flash during image fade-in */
}

/* Child image slides */
.random-image {
	width: 100%; /* Full width by default */
	height: 0;
	padding-top: 42.857%; /* Aspect ratio 21:9 */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0; /* Hidden by default */
	transition: opacity 1.5s ease-in-out, z-index 0s 1.5s; /* Smooth fade and z-index delay */
	position: absolute; /* Stack all images on top of each other */
	top: 0;
	left: 0;
	z-index: 1; /* Below active image */
}

.random-image.active {
	opacity: 1; /* Fully visible */
	z-index: 2; /* Bring active image to the front */
	transition: opacity 1.5s ease-in-out, z-index 0s 0s; /* Reset z-index delay */
}

/* Alignment classes for focus */
.random-image.align-left {
	background-position: left center;
}

.random-image.align-center {
	background-position: center center;
}

.random-image.align-right {
	background-position: right center;
}

/* Largest screens: Default aspect ratio 21:9 */

/* Medium screens: Aspect ratio 16:9 */
@media (max-width: 1400px) {
	.random-images-wrapper {
		padding-top: 56.25%; /* Aspect ratio 16:9 */
	}

	.random-image {
		padding-top: 56.25%; /* Aspect ratio 16:9 for slides */
	}
}

/* Small screens: Aspect ratio 3:2 */
@media (max-width: 768px) {
	.random-images-wrapper {
		padding-top: 66.66%; /* Aspect ratio 3:2 */
	}

	.random-image {
		padding-top: 66.66%; /* Aspect ratio 3:2 for slides */
	}
}

/* Extra small screens: Aspect ratio 4:3 */
@media (max-width: 480px) {
	.random-images-wrapper {
		padding-top: 75%; /* Aspect ratio 4:3 */
	}

	.random-image {
		padding-top: 75%; /* Aspect ratio 4:3 for slides */
	}
}




/* 	Single Product SEO text ******************************* */

.row-single-product-seo p:last-of-type {
	padding-bottom: 0;
}

.row-single-product-seo p a {
	color: #ad1307;
}

.row-single-product-seo p a:hover {
	color: #F92804;
}

/* 	Single Product Collections text ******************************* */

.row-associated-collection a,
.row-associated-collection a:hover {
	text-decoration: none;
}

.row-associated-collection a.collection-text-link p {
	font-size: 16px;
}

.row-associated-collection h3 {
	font-size: 18px;
}

.row-associated-collection .single-product-collection-text p.single-product-collection-link {
	font-size: 16px;
}

	.row-associated-collection .single-product-collection-text p.single-product-collection-link a {
		display: block;
	}

/* 	External 365 Products Row ******************************* */

img.logo365_loop {
	width: 471px;
	height: 61px;
	margin: 0 auto 30px;
	display: block;
}

p.button_365_collections {
	text-align: center;
	margin-top: 20px;
}


/* 	365 Embedded Products  ******************************* */

.row-mouldings .moulding_img {
	width: 50%;
	box-sizing: border-box; 
}

	.row-mouldings .moulding_1 {
		float: left;
		padding-right: 25px;
	}

	.row-mouldings .moulding_2 {
		float: right;
		padding-left: 25px;
	}	


	.video-container {
		position: relative;
		height: 0;
		overflow: hidden;
	}

	.quickvideo.video-container {
		padding-bottom: 56.25%;
	}
  
/* 	Instagram Row ******************************* */

.row-instagram.flexible-row {
	text-align: center;
	position: relative;
	padding-top: 50px;
	padding-bottom: 150px;
}

	.row-instagram .slick-list {
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 30px;
		padding-bottom: 30px;
		box-sizing: border-box;
	}

	.row-instagram .slick-list .slick-slide {
		margin-left: 25px;
		margin-right: 25px;
	}

	.row-instagram .slick-list .slick-slide img {
		-webkit-box-shadow: 7px 7px 15px 5px rgba(0,0,0,.3);
		-moz-box-shadow: 7px 7px 15px 5px rgba(0,0,0,.3);
		box-shadow: 7px 7px 15px 5px rgba(0,0,0,.3);		
	}
	
	.row-instagram p.row-instagram-icon {
		padding-bottom: 15px;
		padding-top: 30px;
	}

	.row-instagram p.row-instagram-text {
		padding-bottom: 25px;
	}

li.widget.null-instagram-feed {
    width: 100%;
    margin: 0;
    height: auto;
    padding: 0;
    list-style: none;
}

.widget.null-instagram-feed ul {
	list-style: none;
	clear: none;
}

ul.instagram-pics {
	width: 100%;
	margin: 0;
}

	.instagram-pics li {
		padding-bottom: 0;
	}


#sb_instagram {
	background-color: transparent !important;
}

/* 	Newsletter Row ******************************* */

.row-newsletter {
	padding: 100px 0;
}


/* MISC ROW STYLES */

.row-3d .sketchfab-embed-wrapper {
	padding-bottom: 50%;
	position: relative;
	height: 0;
	overflow: hidden;
}

	.row-3d .sketchfab-embed-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100.25%;
		height: 100%;
	}

/************************************************************************************
CAROUSELS
*************************************************************************************/

.carousel_slideshow_hero .slick-list {
	height: auto;
}

.carouselContainer {
	padding-bottom: 50px;
}

.carousel_quotes.slick-initialized .slick-track {
    display: flex;
    align-items: center;
}

a.slide-link {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
}

/* shadows */

.carousel_slideshow_slide.carousel_shadows .slick-list .slick-slide,
.carousel_slideshow_gallery.carousel_shadows .slick-list .slick-slide {
	margin-left: 50px;
	margin-right: 50px;
}

	.carousel_shadows .slick-list .slick-slide a.slide-link {
		padding-top: 30px;		
	}
	
		.carousel_shadows .slick-list .slick-slide img {
			-webkit-box-shadow: 10px 10px 20px 5px rgba(0,0,0,.5);
			-moz-box-shadow: 10px 10px 20px 5px rgba(0,0,0,.5);
			box-shadow: 10px 10px 20px 5px rgba(0,0,0,.5);		
		}


		.row-carousel.carousel_shadows .slick-list .slick-slide img {
			margin-top: 30px;
			margin-bottom: 40px;
		}

.carousel_slideshow_twin_fade {
	margin-left: -10px;
	margin-right: -10px;
}

	.carousel_slideshow_twin_fade .slick-list .slick-slide {
		margin-left: 10px;
		margin-right: 10px;
	}				


.bespoke_carousel_builder_row.fullwidth .carousel_slideshow_slide_small {
	margin-left: 25px;
	margin-right: 25px;
}

	.bespoke_carousel_builder_row .grid_item h2 {
		font-size: 24px;
		margin: 25px 0 50px 0;
	}

.carousel_clean.carousel_slideshow_slide_large {
	margin-left: -25px;
	margin-right: -25px;
}
	
	.carousel_clean.carousel_slideshow_slide_large .slick-list .slick-slide {
		margin-left: 25px;
		margin-right: 25px;
	}

		.carousel_clean .slide-link {
			background-color: #d8d8d8;
		}

		.carousel_clean .slide-info {
			padding: 20px;
			background-color: rgba(0,0,0,.02);
			box-sizing: border-box;		
		}

			.carousel_clean h3 {
				font-size: 24px;
				margin: 0;
				padding: 0 0 10px 0;
				font-family: serif;
				font-weight: 400;
				font-style: italic;
				line-height: 1.5em;
				letter-spacing: .01em;
				-moz-osx-font-smoothing: grayscale;
				text-transform: none;
			}	

			.carousel_clean p.button {
				padding: 0;
			}


		.row-hdots .carousel_clean .slick-dots {
			bottom: -75px;
		}

/* product gallery */

#canvas .row-carousel.row-product-gallery {
	padding-bottom: 130px;
	margin-bottom: 0;
	overflow: hidden;
}

.row-product-gallery.row-hdots .slick-dots {
	bottom: -80px;
}



/* Arrows */

.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 40px;
	height: 40px;
}

.slick-prev {
	left: 30px;
	/* opacity: 0 !important; */
}

.slick-next {
	right: 30px;
}

.slick-prev:before, .slick-next:before {
	font: var(--fa-font-light);
	font-size: 40px;
	opacity: 1;
	color: #000;
}

.slick-prev:before {
    content: "\f060";
}

.slick-next:before {
    content: "\f061";
}

.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {
	opacity: .15;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: .55;
}

/* Dots */

.slick-dotted.slick-slider {
	margin-bottom: 0;
}

.so-widget-sow-editor .slick-dots li:before {
	content: "";
}

/* set all dot heights */
.slick-dots, .slick-dots li, .slick-dots li button:before {
	height: 20px;
	line-height: 20px;	
}

.slick-dots {
	position: absolute;
	bottom: auto;
	width: 20px;
	left: 50px;
	right: auto;
	top: 50%;
		-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: auto;
}

	.slick-dots li {
		display: block;
		width: 20px;
		margin-top: 0;
		padding: 0;
		cursor: pointer;
	}
	
		.slick-dots li button {
			width: 20px;
			height: 20px;
		}
		
		.slick-dots li button::-moz-focus-inner {
		  border: 0;
		}

			/* default / inactive */
			.slick-dots li button:before {
				background-color: transparent;
				border: 1px solid #666;
				opacity: .15;
				opacity: 1;
				font-size: 18px;
				width: 18px;
				height: 18px;
				border-radius: 100%;
				content: ' ';
			}
			
			/* active */
			.slick-dots li.slick-active button:before {
				background-color: #666;
				border: 1px solid #666;
				opacity: .35;
				opacity: 1;
			}
			
			/* hover */
			.slick-dots li button:hover:before {
				background-color: rgba(0,0,0,.3);
				border: 1px solid #666;
				opacity: .55;
				opacity: 1;
			}	
		
	.row-hdots .slick-dots {
		bottom: -50px;
		width: auto;
		left: 0;
		right: 0;
		top: auto;
		margin: auto;
	}
				
		.row-hdots .slick-dots li {
			display: inline-block;
			margin-left: -5px;
		}	



/************************************************************************************
.row-collections-carousel 
*************************************************************************************/

#canvas .row-swiper-carousel {
	position: relative;
}

#canvas .row-formats-carousel {
	padding-bottom: 150px;
}

#canvas .row-collections-carousel {
	padding-bottom: 100px;
}

	.row-collections-carousel .carousel_slideshow_slide_small,
	.row-swiper-carousel .carousel_slideshow_slide_small {
		padding-bottom: 50px;
	}

	.row-collections-carousel h2.title-row {
		font-family: "Neuzeit Grotesk W01";
		font-style: normal;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 30px;
		margin: 25px 0px;
		line-height: 1.5em;
		letter-spacing: 0.15em;
		text-align: center;
		color: white;
	}
	
	.row-collections-carousel h2.title-row::after,
	.row-formats-carousel h2.title-row::after {
		display: none;
	}
		
		/* Hide each item title */
		.row-collections-carousel h2.grid-title {
			display: none;
		}		
		
		.row-collections-carousel .carousel_slideshow_slide_small p.button {
			padding: 0;
			margin-top: 0;
		}

		.row-swiper-carousel .carousel p.button a,
		.row-formats-carousel h2.grid-title {
			width: 100%;
		}
				
		.row-swiper-carousel .carousel p.button a,
		.row-swiper-carousel h2.grid-title {
			box-sizing: border-box;
			text-align: center;
			color: var(--darkgrey);
			background-color: transparent;
			font-family: "Neuzeit Grotesk W01";
			font-style: normal;
			text-transform: uppercase;
			font-weight: 400;
			line-height: 1.5em;
			letter-spacing: 0.15em;
			text-align: center;
		}
		
		.row-collections-carousel h2.grid-title {
			font-size: 20px;
		}
		
		.row-collections-carousel .carousel_slideshow_slide_small p.button a {
			margin: 0;
			color: white;
			background-color: transparent;
		}
		
		.row-formats-carousel h2.grid-title {
			/* some button styling is with main button code */
			margin: 30px 0;
			color: var(--xdarkgrey);
		}
		
		.row-formats-carousel h2.grid-title::after {
			display: none;
		}
			
		.row-collections-carousel .carousel_slideshow_slide_small p.button a:hover {
			/* some button styling is with main button code */
			color: var(--lightgrey);
			background-color: transparent;
		}
		
		.row-collections-carousel .carousel_slideshow_slide_small p.button a,
		.row-collections-carousel .carousel_slideshow_slide_small p.button a:hover {
			background-color: transparent;
			border-color: transparent;
		}
		
		.row-collections-carousel .carousel_slideshow_slide_small .slick-prev,
		.row-collections-carousel .carousel_slideshow_slide_small .slick-next,
		.row-swiper-carousel .carousel_slideshow_slide_small .slick-prev,
		.row-swiper-carousel .carousel_slideshow_slide_small .slick-next {
			top: auto;
			bottom: 0;
			-webkit-transform: translate(0, 0);
			-ms-transform: translate(0, 0);
			transform: translate(0, 0);
		}
		
		.row-collections-carousel .carousel_slideshow_slide_small .slick-prev::before,
		.row-collections-carousel .carousel_slideshow_slide_small .slick-next::before {
			color: white;
		}
		
		.row-formats-carousel .carousel_slideshow_slide_small .slick-prev::before,
		.row-formats-carousel .carousel_slideshow_slide_small .slick-next::before {
			color: var(--darkgrey);
		}	
		
		/* remember to remove this from the .js when you make your mind up! */

		.row-swiper-carousel.row-hdots .slick-dots {
			bottom: 0;
		}


/* @media screen and (max-width: 768px) {

	.row-collections-carousel .carousel_slideshow_slide_small .slick-prev {
		left: calc(50% - 40px - 20px); 
	}
	
	.row-collections-carousel .carousel_slideshow_slide_small .slick-next {
		right: calc(50% - 40px - 20px); 
	}
	
} */

.swiper,
.swiper-text {
	display: none;
}

.swiper-text p {
	/* some button styling is with main button code */
	width: 100%;
	padding: 0;
	font-family: "Neuzeit Grotesk W01";
	font-style: normal;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	margin: 0;
	line-height: 1.5em;
	letter-spacing: 0.15em;
	text-align: center;
	color: var(--darkgrey);
}	

@media screen and (max-width: 768px) {
	
	/* remember to remove this from the .js when you make your mind up! */
	.row-swiper-carousel .carousel .slick-dots {
		display: none !important;
	}
	
	/* 🎯 MAIN SWIPER DIV: Handles the Scaling Effect */
	.row-swiper-carousel .swiper {
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		bottom: 100px;
		left: 50%;
		transform: translateX(-50%) scale(1);
		animation: swipeScale 1.5s ease-in-out 0s infinite alternate;
	}

	/* 🎯 PSEUDO-ELEMENT: Handles the Swipe Motion */
	.row-swiper-carousel .swiper::after {
		content: "\e1a2";
		font: var(--fa-font-thin);
		font-size: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		color: white;
		animation: swipeMove 1.5s ease-in-out 0s infinite alternate, 
				   swipeOpacity 1.5s ease-in-out 0s infinite alternate;
	}
	
	.row-formats-carousel .swiper::after {
		color: var(--xdarkgrey);
	}
	
	.row-swiper-carousel .swiper-text {
		display: block;
		position: absolute;
		bottom: 60px;
		left: 50%;
		transform: translateX(-50%) scale(1);
	}	
	
}

/* ✅ Scale Pulse (Syncs with Movement) */
@keyframes swipeScale {
	0% {
		transform: translateX(-50%) scale(1);
	}
	50% {
		transform: translateX(-50%) scale(1.1); /* Max scale at midpoint */
	}
	100% {
		transform: translateX(-50%) scale(1);
	}
}

/* ✅ Smooth Swipe Motion */
@keyframes swipeMove {
	0% {
		transform: translateX(-30px) rotate(-5deg);
	}
	100% {
		transform: translateX(30px) rotate(5deg);
	}
}

/* ✅ Opacity Pulse (Syncs with Movement) */
@keyframes swipeOpacity {
	0% {
		opacity: 0.5;
	}
	50% {
		opacity: 1; /* Peak brightness at midpoint */
	}
	100% {
		opacity: 0.5;
	}
}


/************************************************************************************
Posts
*************************************************************************************/

.contentContainer article.post {
	margin-bottom: 80px;
}

.post-type-archive-journal .contentContainer article.post {
	padding: 50px 0;
}

	.post-type-archive-journal p.post-excerpt {
		position: relative;
		padding-left: 150px;
	}
	
	.post-type-archive-journal p.post-excerpt:before {
		font-family: 'pk';
		font-style: normal;
		font-weight: normal;
		content: '\e800';
		font-size: 150px;
		height: 150px;
		line-height: 150px;
		width: 150px;
		position: absolute;
		top: 0;
		left: 0;
	/* 	adjust for icon size in artboard */
		margin-top: -25px;
		margin-left: -19px;
	}

	.article-header {
		
	}
	
		.article-header .article-header-imageWrapper {
			width: 30%;
			width: calc( 40% - 80px );
			margin-right: 80px;
			float: left;
		}

		.article-header .article-header-details {
			width: 60%;
			float: right;
		}
		
	p.post-info {
		font-family: serif;
		font-weight: 300;
		font-style: italic;
		font-size: 20px;
		padding: 0 0 30px 0;
		margin: 0;
		line-height: 1.5em;
		letter-spacing: .01em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	p.post-taxs {
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 400;
		margin: 25px 0 25px 0;
		line-height: 1.5em;
		letter-spacing: .15em;
	}

	p.read-more {
		padding: 0;
	}
	
.sidebar {
	margin-top: 50px;
	width: 25%;
	padding: 25px;
	float: right;
	text-align: right;
}

		
/* ///////////////////////////////////////////////////////////////////// 
//  Pagination
/////////////////////////////////////////////////////////////////////*/

.paginationWrapper {
	padding: 50px 0;
}
	
	.pagination {
		text-align: center;
	}
	
		.pagination a, .pagination span, .post-nav {
			font-size: 18px;
			line-height: 1.5em;
			padding: 0;
			margin: 0;
			font-weight: 300;
		}
		
		.pagination a:after, .pagination span:after {
			content: '|';
			padding: 0 .75em;
			display: inline-block;
			color: #999;
			color: rgba(0,0,0,.15);
		/* 	padding: 0 .5em; */
		}
		
		.pagination a.next:after {
			content: '';
		}
		
		
		.post-nav span a {
			display: inline-block;
		}
			
			.post-nav .prev, .post-nav .next {
				width: 50%;
			}
			
			.post-nav .prev {
				float: left;
				text-align: left;
			}
	
			.post-nav .next {
				float: right;
				text-align: right;
			}
	
/************************************************************************************
PAGES
*************************************************************************************/

/* 404 **********************************************************************/

#fourofour {
	margin: 5% 0;
}

#fourofour > div {
	text-align: center;
}

#fourofour h1 {
	font-size: 144px;
}

/* Contact Page **********************************************************************/



body .row-contactpage-form .gform_legacy_markup_wrapper,
body .row-contactpage-form .gform_legacy_markup_wrapper ul li.gfield {
	margin-top: 0;
}

.row-contactpage-form .two_column_two {
	background-color: var(--grey) !important;
	padding: 50px;
	box-sizing: border-box;
}

/* hide the empty <p> generated by wordpress */
.row-contactpage-form .two_column_two > p {
	display: none;
}

.row-contactpage-form .gform_wrapper {
	margin-bottom: 0;
}

.row-contactpage-form .gform_wrapper p {
	padding-bottom: 0;
}

.row-contactpage-form .gform_wrapper br {
	display: none;
}

body .row-contactpage-form .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
	padding: 1em 1.75em;
	font-size: 15px;
}

.row-contactpage-form .gform_wrapper input,
.row-contactpage-form .gform_wrapper textarea {
	background-color: white;
}

/* submit button */
body .row-contactpage-form .gform_legacy_markup_wrapper .gform_footer input.button {
	width: 100%;
	margin: 0;
}

body .row-contactpage-form .gform_legacy_markup_wrapper .gform_footer {
	padding: 16px 0 0 0;
}

	.row-contactpage-form .gform_wrapper .gform_footer p {
		display: none;
	}



@media (max-width: 768px) {

	.row-contactpage-form .two_column_two {
		width: 100vw !important;
		position: relative;
		left: -30px;
		padding: 30px;
		margin-top: 25px;
	}

}

@media (max-width: 480px) {
	
	.page-contact .row-blurred {
		margin-bottom: 25px;
	}

	.page-contact .row-titlerow {
		display: none;
	}
	
	.row-contactpage-form .two_column_two {
		left: -25px;
		padding: 25px;
	}
	
	.row-contactpage-form .gform_confirmation_message h2 {
		display: none;
	}

}






/************************************************************************************
PORTFOLIO
*************************************************************************************/

#canvas .vp-pagination li:before,
#canvas .vp-filter li:before {
	content: '';
	display: none;
}

#canvas ul.vp-filter__style-default,
#canvas ul.vp-pagination__style-default {
	margin: 40px 0 40px 0;
	padding-left: 0;
}

	#canvas .vp-filter__style-default .vp-filter__item,
	#canvas .vp-pagination__style-default .vp-pagination__item {
		margin: 0 0 0 -1px;
	}
	
		#canvas .vp-filter__style-default .vp-filter__item > *,
		#canvas .vp-pagination__style-default .vp-pagination__item > * {
			display: block;
			min-width: 40px;
			padding: 1em 1.75em;
			font-size: 15px;
			font-weight: 300;
			line-height: 1.5em;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			font-family: inherit;
			-webkit-appearance: none;
			transition: all 0.2s ease-out 0s;
			-webkit-transition: all 0.2s ease-out 0s;
			-moz-transition: all 0.2s ease-out 0s;
			-o-transition: all 0.2s ease-out 0s;
			border-style: solid;
			border-width: 1px;
			border-radius: 0px;
			background: transparent;
			border-color: #B9B9B9;
		}
			
		#canvas .vp-filter__style-default .vp-filter__item a:hover,
		#canvas .vp-pagination__style-default .vp-pagination__item a:hover{
			background-color: rgba(0,0,0,.05);
		}
		
		#canvas .vp-filter__style-default .vp-filter__item.vp-filter__item-active > *,
		#canvas .vp-pagination__style-default .vp-pagination__item.vp-pagination__item-active > * {
			color: #333;
			background-color: rgba(0,0,0,.07);
			background-color:#ECF7E5;
		}
	
/************************************************************************************
FOOTER
*************************************************************************************/

.subfooterWrapper a,
.footerWrapper a {
	text-decoration: none;
}


.footerSignature {
	height: 30vh;
	background-image: url(images/pksig.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.footerWrapper {
	position: relative;
	padding: 50px 0 150px 0;
}

	footer.setwidth {
		display: flex;
		flex-wrap: wrap; /* Allows the credit div to move down */
	}

		.footer-left {
			width: 60%;
		}
		
		.footer-right {
			width: 40%;
		}

		.footer-credit {
			width: 100%; /* Forces it onto a new row */
		}

	@media (max-width: 768px) {
		
		.footerWrapper {
			position: relative;
			padding: 50px 0 75px 0;
		}
		
			footer.setwidth {
				flex-direction: column; /* Stack elements vertically */
				align-items: center; /* Center them for better spacing */
			}
	
				.footer-left {
					order: 1; /* Social menu first */
					width: 100%; /* Full width */
					text-align: center;
				}
	
				.footer-right {
					order: 2; /* Info menu second */
					width: 100%; /* Full width */
					text-align: center;
					margin-top: 50px;
				}
	
				.footer-credit {
					order: 3; /* Footer credit last */
					width: 100%; /* Full width */
					text-align: center;
				}
				
	}

	p.footer-social {
		color: var(--grey);
		font-size: 16px;
		line-height: 25px;
		margin: 0 0 20px 0;
		padding: 0;
	}

	ul.social-nav,
	.goto11-nav {
		margin: 0;
		padding: 0;
	}
		
	/* 	Social Nav */

	ul.social-nav {

	}
	
		ul.social-nav li {
			display: inline-block;
			padding: 0;
			line-height: 30px;
			height: 30px;
			font-size: 30px;
			margin: 10px 10px 30px 0;
		}
		
		ul.social-nav li.textlink {
			font-size: 16px;
			display: block;
			line-height: 25px;
			height: 25px;
			margin: 0 0 10px 0;
		}
		
		

		.social-icon, .social-text {
			display: inline-block;
		}
		
		.social-nav li .social-icon:before {
			font-family: "Font Awesome 5 Brands";
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
		}

		.social-nav .social-facebook:before {
		    content: "\f082";
		}

		.social-nav .social-twitter:before {
		    content: "\f081";
		}
		
		.social-nav .social-instagram:before {
		    content: "\f16d";
		}
		
		.social-nav .social-vimeo:before {
		    content: "\f194";
		}
		
		.social-nav .social-youtube:before {
		    content: "\f431";
		}
		
		.social-nav .social-tiktok:before {
		    content: "\e07b";
		}
			
		.social-nav li .social-text {
			text-align: left;
			text-indent: -9999px;
		}

		.footer-credit p {
			font-size: 16px;
			line-height: 25px;
			height: 25px;
			margin: 0;
			padding: 0;
		}
		
		p.footer-copyright {
			color: var(--grey);
			font-style:	italic;
			padding-top: 50px;
		}

		p.footer-version {
			color: var(--lightgrey);
			font-style:	italic;
		}
		
/* 	footer links */
			
	ul.footer-nav {
		margin: 0;
		padding: 0;
		text-align: right;
	}
	
		ul.footer-nav li {
			display: block;
			line-height: 25px;
			height: 25px;
			margin: 0 0 0 1em;
			font-size: 15px;
		}

	

/************************************************************************************
BUTTONS
*************************************************************************************/

a.button,
p.button a,
p.button-style,
#canvas .vp-pagination__load-more,
button,
#canvas .wp-block-file a.wp-block-file__button,
#canvas .wp-block-button a.wp-block-button__link,
.cn-button.bootstrap,
#canvas a.button.add_to_cart_button {
	padding: 1em 1.75em;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-family: inherit;
	-webkit-appearance: none;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    display: inline-block;
}

a.button:hover,
p.button a:hover,
button:hover,
#canvas .wp-block-file a.wp-block-file__button:hover,
#canvas .wp-block-button a.wp-block-button__link:hover {
	text-decoration: none;
}

p.button-inline {
	display: inline-block;
	margin-left: -1px;
}

p.button-inline-details a {
	padding: 1em 1.25em;
}

p.button-vertical {
	width: 300px;
	margin-bottom: 20px;
	padding-bottom: 0;
}

p.button-vertical-last {
	margin-bottom: 0px;
}

p.button-vertical-fullwidth,
p.button-vertical-fullwidth a {
	width: 100%;
	text-align: center;
}

p.button-vertical-fullwidth a {
	box-sizing: border-box;
}

p.button.button-noborder a {
	border-width: 0px;
}

/* Home page filter buttons */


.row-home-buttons {
	padding: 25px 0;
	box-sizing: border-box;
}

/* Main container styles */
.button-container {
	display: flex;
	flex-wrap: wrap; /* Allows wrapping for multiple rows */
	gap: 20px; /* Adds spacing between buttons */
	width: 1100px; /* Default fixed width */
	margin: 0 auto; /* Centers content for larger screens */
	justify-content: center; /* Centers content */
	box-sizing: border-box; /* Includes padding in width calculations */
}

/* Format buttons (first two) */
.button-format {
	flex: 1 1 calc(50% - 20px); /* Two buttons per row by default */
	box-sizing: border-box; /* Ensure padding doesn't affect width */
}

/* Price range buttons */
.button-pricerange {
	flex: 1 1 calc(25% - 20px); /* Four buttons per row */
	box-sizing: border-box;
}

/* Remove padding from wrapper <p> */
.button-container p.button {
	padding: 0;
}

/* Ensure nested <a> links stretch full width */
.button-container p.button a {
	display: block; /* Makes the <a> tag behave like a block element */
	width: 100%; /* Ensures it fills the full width of the parent */
	text-align: center; /* Centers the text inside the <a> tag */
	padding: 10px 15px; /* Optional: Add padding for better clickability */
	box-sizing: border-box; /* Includes padding in the element's width */
}

p.button.button-format a {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: #000000 !important;
	display: flex;                /* Make links a flex container */
	align-items: center;          /* Center content vertically */
	justify-content: center;      /* Center content horizontally */
	width: 100%;                  /* Fill the entire button */
	height: 100%;                 /* Match parent height */
	text-decoration: none;        /* Remove underline */                /* Adjust text color */
	box-sizing: border-box;       /* Include padding in height/width */
}

p.button.button-format a:hover {
	background-color: #9F9F9F !important;
	border-color: #9F9F9F !important;
	color: #ffffff !important;
}

/* Responsive adjustment for the container */
@media only screen and (max-width: 1200px) {
	.button-container {
		width: 100%; /* Let it span the full width of the screen */
		padding: 0 50px; /* Add 50px padding on both sides */
		margin: 0; /* Remove center alignment margins */
		box-sizing: border-box; /* Includes padding in width calculation */
	}
}

/* Adjust for medium screens */
@media only screen and (max-width: 768px) {
	
	.row-home-buttons {
		padding: 10px;
		background-color: #ffffff;
	}

		.button-container {
			gap: 10px; /* removes spacing between buttons */
			width: 100%; /* Full width for smaller screens */
			padding: 0; /* Use padding for edge spacing */
			margin: 0; /* Ensure no margin conflicts */
		}	
		
			p.button.button-format a {
				background-color: #000000 !important;
				border-color: #000000 !important;
				color: #ffffff !important;
			}
			
			p.button.button-format-prints a {
				background-color: #666 !important;
				border-color: #666 !important;
			}
					
			p.button.button-format a:hover {
				background-color: #9F9F9F !important;
				border-color: #9F9F9F !important;
				color: #ffffff !important;
			}
	
	.button-pricerange {
		flex: 1 1 calc(50% - 20px); /* Two price range buttons per row */
	}


}

/* Adjust for small screens */
@media only screen and (max-width: 480px) {
	
	.button-container {
		flex-wrap: nowrap;        /* Prevent wrapping */
	}
	
	.button-container .button {
		flex: 1 1 auto;           /* Ensure equal space and no wrapping */
	}
	
	.button-container p.button a {
		padding: 5px 10px; 
		font-size: 13px;
	}
	
}



/************************************************************************************
FORMS
*************************************************************************************/

/* International Shipping Address: */

.gform_wrapper .ginput_complex.ginput_container_address span.ginput_right + span.ginput_left {
  margin-left: 15px;
}

textarea,
/* select, */
input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=submit],
/* #canvas .gform_wrapper input, */
#canvas .gform_wrapper textarea,
/* #canvas .gform_wrapper select, */
#canvas .gform_wrapper input[type=text],
#canvas .gform_wrapper input[type=email],
#canvas .gform_wrapper input[type=password],
#canvas .gform_wrapper input[type=search],
/* needed to override gforms on woo pages */
#canvas #mc_embed_signup .mc-field-group input[type=text],
#canvas #mc_embed_signup .mc-field-group input[type=email],
#canvas #mc_embed_signup .button {
	padding: 1em 1.75em;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	font-family: inherit;
	-webkit-appearance: none;
	transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
}

input[type=submit] {
	text-transform: uppercase;
}

#canvas .gform_legacy_markup_wrapper .gform_footer input.button,
#canvas .gform_legacy_markup_wrapper .gform_footer input[type="submit"],
#canvas .gform_legacy_markup_wrapper .gform_page_footer input.button,
#canvas .gform_legacy_markup_wrapper .gform_page_footer input[type="submit"] {
	padding: 1em 1.75em;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	min-width: 300px;
	color: white;
	background-color: var(--green);
	border-color: var(--green);
}

#canvas .gform_legacy_markup_wrapper .gform_footer input.button:hover,
#canvas .gform_legacy_markup_wrapper .gform_footer input[type="submit"]:hover,
#canvas .gform_legacy_markup_wrapper .gform_page_footer input.button:hover,
#canvas .gform_legacy_markup_wrapper .gform_page_footer input[type="submit"]:hover {
	background-color: var(--xdarkgrey);
	border-color: var(--xdarkgrey);
}

input.button:hover {
	cursor: pointer;
}

.gform_wrapper .gfield_required {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body .gform_wrapper ul li.gfield.form_human {
	padding-top: 20px;
}

#gform-notification.animated a {
	color: #ffffff;
}

#gform-notification.animated a:hover {
	color: #cccccc;
}

.gform_footer button:hover {
	cursor: pointer;
}

.privacy-policy-link .gfield_description {
	font-style: italic;
	font-size: 90%;
	color: #999;
}

.privacy-policy-link .gfield_description a {
	color: #000;
}

#canvas .gform_wrapper label.gfield_label,
#canvas .gform_wrapper legend.gfield_label {
	font-weight: 300;
	text-transform: uppercase;
}

.gform_wrapper .privacy-policy-link.field_description_below .gfield_description {
	padding-top: 0;
}

/* MAILCHIMP SIGNUP */

#mc_embed_signup {
	clear: both;
	border: none;
	width: 100%;
}

.mc-field-group label {
	display: none;
}

/* #mc_embed_signup_scroll h3, */
.mc-field-group,
.clear {
	display: inline-block;
	margin-right: -5px;
}

	#mc_embed_signup_scroll {
			padding: 15px 50px 0 0;
		padding: 0;
	}
	
/*
		#mc_embed_signup_scroll h3 {
			 padding-right: 25px;
			 margin: 0;
		}
*/

:-webkit-input-placeholder { color: #ABB0B2 ; } /* WebKit browsers */ 
:-moz-placeholder { color: #ABB0B2 ; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #ABB0B2 ; } /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #ABB0B2 ; } /* Internet Explorer 10+ */


/* FULL MAILCHIMP SIGNUP */

.mc_embed_signup_wrapper {
	width: 66%;
	margin: 0 auto;
	position: relative;
}

	#canvas #mc_embed_signup {
		background-color: transparent;
	}
	
	#canvas #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
		background-color: transparent;
	}
	
	#canvas #mc_embed_signup form {
		padding: 0;
	}
	
	#canvas #mc_embed_signup .mc-field-group label,
	#canvas #mc_embed_signup .mc-field-group a {
		font-weight: 300;
		text-transform: uppercase;
		font-family: 'Neuzeit Grotesk W01';
		font-size: 18px;
	}
	
	#canvas #mc_embed_signup .mc-field-group a {
		text-decoration: none;
		text-transform: none;
	}

	#canvas #mc_embed_signup .input-group {
		
	}	

		#canvas #mc_embed_signup .input-group h4 {
			margin-bottom: 20px;
		}	

		#canvas #mc_embed_signup .input-group li:before {
			display: none;
		}

		#canvas #mc_embed_signup .input-group label {
			text-transform: none;
			padding-left: 10px;
		}			

	#canvas #mc_embed_signup .mc-field-group input[type=text],
	#canvas #mc_embed_signup .mc-field-group input[type=email],
	#canvas #mc_embed_signup .button {
		font-size: 15px;
		font-family: 'Neuzeit Grotesk W01';		
	}

	#canvas #mc_embed_signup .button {
		height: auto;
	}
	
/*
	#canvas #mc_embed_signup {
		font-family: 'Neuzeit Grotesk W01';
	}
*/


@media only screen and (max-width: 480px) {

	.mc_embed_signup_wrapper {
		width: 100%;
	}

}

/**************************************************
FLEXBOX TABLES
https://css-tricks.com/accessible-simple-responsive-tables/
**************************************************/

.Rtable {
	display: flex;
	flex-wrap: wrap;
	margin: 1px 0 3em 1px;
	padding: 0;
}

.Rtable-cell {
	display: flex;
	box-sizing: border-box;
	flex-grow: 1;
	width: 100%;
	padding: 3em 1em;
	overflow: hidden;
	list-style: none;
	border: solid 1px #E2E2E2;
	background: white;
	margin: -1px 0 0 -1px;
	align-items: center;
}

.Rtable-cell > h1,
.Rtable-cell > h2,
.Rtable-cell > h3,
.Rtable-cell > h4,
.Rtable-cell > h5,
.Rtable-cell > h6 {
  margin: 0;
}
/* Table column sizing
================================== */


.Rtable--2cols > .Rtable-cell {
  width: 50%;
}

.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}

.Rtable-cell p {
	margin: 0;
	padding: 0;
}


/* product tables */

.Rtable--2cols.Rtable-productinfo .Rtable-col-1 {
	border-left: none;
	width: 25%;
}

.Rtable--2cols.Rtable-productinfo .Rtable-col-2 {
	border-right: none;
	width: 75%;
}


/**************************************************
COLLECTIONS
**************************************************/

/* This text is needed in a gutenberg block to please Yoast SEO, but is already in the content flexible row content */

.yoast_required_gutenberg_content,
.yoast_required_content {
	position: absolute !important;
	height: 1px; width: 1px; 
	overflow: hidden;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

.single-collections .grid-view {
	display: none;
}

/* title */
.slider-product-info h2 {
	
}

/* attributes */
.slider-product-info h3 {
	margin: 25px 0 10px 0;
}

/* price */
.slider-product-info h4 {
	font-size: 32px;
	margin: 10px 0 25px 0;
}

/* button */
.slider-product-info p.button {
	padding-bottom: 50px;
}


/* Print Collections */

.row-prints p:last-of-type {
	padding-bottom: 0;
}

.row-prints h3, .row-prints p {
	color: #ffffff;
}

.print_collection_item {
	padding: 20px;
	background-color: rgba(0,0,0,0.1);
	margin-bottom: 20px;
}

	.print_collection_item img {
		margin-bottom: 10px;
	}

	.print_collection_item p a {
		text-decoration: none;
	}	
	
	.print_collection_item p:last-of-type {
		padding-bottom: 0;
	}

/* featured originals */
#canvas .row-carousel.row-featured-originals {
	margin-bottom: 50px;
}

.row-collection {
	padding: 50px 0;
}

	.row-collection h2 {
		font-size: 24px;
		padding: 20px 0 10px 0;
		margin: 0;
	}

	.row-collection h2:after {
		display: none;
	}

	.row-collection h3 {
		padding: 0;
		margin: 0 0 20px 0;
		opacity: .4;
	}

	
	.row-collection .carousel {
		z-index: 2;
	}
	
	.row-collection h3.grid-view {
		margin: 100px 0 0 0;
		opacity: .3;
		position: relative;
		z-index: 1;
		text-align: center;
	}

/* new collections row */

	.home .row-collection p {
		display: none;
	}

.row-product-builder {
	padding: 50px 0;
}

.row-product-builder .carousel_slideshow_fade .slide-link img,
.row-product-builder .carousel_slideshow_fade_collections .slide-link img {
	margin: 0 auto;
}


.title-collection-retro {
	display: none;
}

/* Product Details //////////////////////// */

.product_details {
	padding: 100px 0 0 0;
}

.product_details_footer {
	padding: 0 0 0 0;
	margin-bottom: 100px !important;
}

.product_details.image_left .row_container {
	flex-direction: row;
}

	.product_details h2 {
		margin-top: 0;
	}
	
	.product_details .col-title {
		font-family: serif;
		font-weight: 400;
		font-style: italic;
	}

.product_details .basic_row_image {
	position: relative;
}

/* non-template files */


.wc-tabs {
	display: none;
}

#canvas .product-details-form p {
	width: 100%;
	padding-bottom: 0;
	margin-top: -1px;
}

	#canvas .product-details-form p a,
	#canvas .product-details-form p.button-purchase button,
	#canvas a.button.add_to_cart_button {
		width: 100%;
		box-sizing: border-box;
		text-align: left;
		padding: 1em 1.75em;
	}
	
#canvas .product-details-form p.button-purchase {
	/* margin-top: 20px; */
}

	#canvas .product-details-form p.button-purchase button,
	#canvas a.button.add_to_cart_button {
		color: #fff;
		background-color: #47B106;
		border-color: #47B106;
	}
	
	#canvas .product-details-form p.button-purchase button:hover,
	#canvas a.button.add_to_cart_button:hover {
		color: #fff;
		background-color: #333 !important;
		border-color: #333 !important;
	}

	#canvas .product-details-form p.button-viewing a,
	#canvas .product-details-form p.button-finance a {
		background-color: rgba(71,177,6,.03);
	}	

#canvas .product-details-form p.button-message {
	margin-top: 20px;
}

#canvas .product-details-form p.button-delivery {
	margin-top: 20px;
}
	
	/* actual anchor on target page */
	a.nav-delivery-anchor,
	a.nav-finance-anchor,
	a.nav-anchor {
    	display: block;
    	position: relative;
    	top: -200px;
    	visibility: hidden;
	}

#canvas .product-details-form p.button-shipping {
	margin-top: 2px;
}

	#canvas .product-details-form p.button-delivery a {
		color: #fff;
		background-color: #666;
		border-color: #666;
	}

	#canvas .product-details-form p.button-delivery a:hover {
		color: #fff;
		background-color: #333 !important;
		border-color: #333 !important;
	}
	
	#canvas .product-details-form p.button-shipping a {
		background-color: #f0f0f0;
		border-color: #f0f0f0;
	}
	
	#canvas .product-details-form p.button-shipping a:hover {
		background-color: rgba(71,177,6,.03) !important;
		border-color: rgba(71,177,6,.03) !important;
	}
			
					
/**************************************************
Sold notifications
**************************************************/

.price-sold {
	opacity: .4;
}
	
.sold-dot {
	position: absolute;
	bottom: -16px;
	right: 16px;
	background: red;
	border-radius: 16px;
	width: 32px;
	height: 32px;
	text-indent: -999px;
	font-sie: 0;
	text-align: left;
}
	

/* form elements */

.wpfFilterContent {
		position: relative;
		display: inline-block;
		margin-bottom: 0;
		width: 100%;
	}
	
	.wpfFilterContent select {
			font-family:'Neuzeit Grotesk W01';
			font-weight: 300;
			font-size: 16px;
			letter-spacing: 0.05em;
			color: #333333;
			display: inline-block;
			position: relative;
			width: 100%;
			cursor: pointer;
			padding: 17px 22px;
			outline: 0;
			border: 1px solid #666;
			border-radius: 0px;
			background: #ffffff;
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
		}
		
			.wpfFilterContent select::-ms-expand {
				display: none;
			}
			
			.wpfFilterContent select:hover,
			.wpfFilterContent select:focus {
				color: #ffffff;
				background: #333333;
			}
			
			.wpfFilterContent select:disabled {
				opacity: 0.5;
				pointer-events: none;
			}
			
	.select_arrow,
	.wpfFilterContent::after {
		display: block;
		content: '';
		position: absolute;
		top: 25px;
		right: 28px;
		pointer-events: none;
		border-style: solid;
		border-width: 8px 5px 0px 5px;
		border-color: #7d7d7d transparent transparent transparent;
	}
	
	.wpfFilterContent:hover ~ .wpfFilterContent::after,
	.wpfFilterContent:focus ~ .wpfFilterContent::after {
		border-top-color: #ffffff;
	}
	
	.wpfFilterContent select:disabled ~ .wpfFilterContent::after {
		border-top-color: #cccccc;
	}


.product h2:after {
	content: '';
	display: none;
}

/* Product Price Options */

.product-info h4 {
	height: 50px;
}

p.hidepricemessage,
p.auctionmessage {
	height: 50px;
	padding: 0;
	margin: 10px 0 25px 0;
}


/************************************************************************************
IMAGES
*************************************************************************************/

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/

.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}

/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, .menu:after, .gallery:after, #content:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, .menu, .gallery, #content, .fullwidth
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, .menu, .gallery, #content, .fullwidth
{ display: block; zoom: 1; }





/* /////////////////////////////////////////////////////////////////////
//
//		Gutenberg
//
/////////////////////////////////////////////////////////////////////*/

.entry-content .alignwide {
    margin-left  : -80px;
    margin-right : -80px;
}



.entry-content .alignfull,
.entry-content .flexible-row.fullwidth {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
}

.entry-content .flexible-row.fullwidth {
    width: auto;
}

.alignfull img {
    width: 100vw;
}


.entry-content ul.wp-block-gallery {
	margin-top: 50px;
	margin-bottom: 50px;
}

.entry-content ul.wp-block-gallery.alignfull {
	padding-left: 0;
	padding-right: 0;
}


.entry-content ul.wp-block-gallery li:before {
	content: '';
	display: none;
}

.entry-content .wp-block-image.alignfull {
	margin-bottom: 100px;
}


.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	padding: 100px 0;
	margin-bottom: 50px;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite {
	position: absolute;
	top: 300px;
	left: 60%;
	padding: 0;
	margin: 0;
	font-family: 'Neuzeit Grotesk W01';
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	line-height: 1.5em;
}

.wp-block-quote.is-large cite:before,
.wp-block-quote.is-style-large cite:before {
	content: "";
	position: absolute;
	left: 0;
	top: -25px;
	height: 2px;
	width: 250px;
	border-top-width: 2px;
	border-top-style: solid;
}