/*
	Theme Name: Grenada Child
	Theme URI: http://localhost:10008/
	Description: Lonegenius child theme for the project-owned Grenada fork.
	Template: lonegenius-grenada
	Version: 1.0
	Author: You
	Author URI: http://your site
	License: Themeforest
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options
	Text Domain: grenada-child
*/


/*------------------------------------------------------------------

Add here your own styles
-------------------------------------------------------------------*/

:root {
	--lonegenius-highlight: #ff0080;
	--lonegenius-font: "Gudea", Arial, Helvetica, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
p,
li,
h1,
h2,
h3,
h4,
h5,
h6,
.hero-title,
.slide-title,
.main-title,
.item-title,
.item-subtitle,
.flexnav li a,
#filters li a,
.copyright-text,
.socials-text,
.button-text,
.clapat-button {
	font-family: var(--lonegenius-font) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.hero-title,
.slide-title,
.main-title,
.item-title,
.item-subtitle,
.portfolio-show-more,
.flexnav li a,
#filters li a,
.socials-text,
.button-text,
.clapat-button {
	text-transform: lowercase !important;
}

.hero-title,
.light-content .hero-title,
.hero-title span,
.light-content h1.hero-title span,
.slide-title span,
.light-content .slide-title span,
.main-title,
.light-content .main-title,
.main-title span,
.light-content .main-title span,
.portfolio-title,
.light-content .portfolio-title,
#filters li a,
.light-content #filters li a,
.percentage,
.light-content .percentage {
	-webkit-text-stroke: 0 !important;
	text-stroke: 0 !important;
}

.hero-title span,
.light-content h1.hero-title span,
.slide-title span,
.light-content .slide-title span,
.main-title span,
.light-content .main-title span,
#filters li a,
.light-content #filters li a {
	color: inherit !important;
}

.percentage {
	color: #000 !important;
}

.light-content .percentage {
	color: #fff !important;
}

.fa-square-twitter:before {content:"\f099";}
.fa-square-instagram:before {content:"\f16d";}
.fa-square-youtube:before {content:"\f167";}
.fa-arrow-left {display:none!important;}

.socials .fa {font-size:20px;}



/* HOME STYLING */

	/* .page-id-2701 #hero-caption {display:none!important;}
	.page-id-2701 #hero-styles {margin: 0 auto 200px auto!important;} */
	@media only screen and (max-width: 1400px) {	.slide-title {font-size:60px;}}
	@media only screen and (max-width: 1100px) {	.slide-title {font-size:50px;}}
	@media only screen and (max-width: 768px) {	.swiper-slide {width:100%!important;}}
	



/* POST STYLING */

/* .ytp-gradient-top {display:none!important;}
.ytp-show-cards-title {display:none!important;} */

.clapat-button {border-radius:0;}
.light-content .clapat-button span {color:black;}
.light-content .clapat-button {color:black;background:white;}
.light-content .clapat-button::before {background:var(--lonegenius-highlight);color:white;}

.lg-button {
	align-items: center;
	background-color: transparent;
	border: 1px solid var(--lonegenius-highlight);
	border-radius: 0;
	box-sizing: border-box;
	box-shadow: inset 0 0 0 999px var(--lonegenius-highlight);
	color: #fff;
	display: inline-flex;
	font-family: var(--lonegenius-font) !important;
	font-size: 0.875rem;
	font-weight: 800;
	justify-content: center;
	letter-spacing: 0.06em;
	line-height: 1;
	min-height: 3rem;
	min-width: 9.5rem;
	padding: 1rem 1.6rem;
	text-align: center;
	text-transform: lowercase;
	transition: box-shadow 320ms cubic-bezier(0.16, 1, 0.3, 1), color 180ms ease, border-color 180ms ease;
}

.lg-button:hover,
.lg-button:focus-visible {
	border-color: var(--lonegenius-highlight);
	box-shadow: inset 0 0 0 0 var(--lonegenius-highlight);
	color: var(--lonegenius-highlight);
}

li {color: #999!important;}	

/* MENU STYLING */

#rotate-device {display:none!important;}
ul#menu-main-menu.flexnav.sm-screen a {letter-spacing: 0.08em !important;}
.preloader-wrap {z-index: 5000;}

ul#menu-main-menu.flexnav.sm-screen .lonegenius-nav-frame {
	display: none !important;
}

ul#menu-main-menu.flexnav.sm-screen .lonegenius-nav-label {
	display: inline !important;
	letter-spacing: 0.08em;
	line-height: 1;
	transform: none !important;
}

.fullscreen-menu .flexnav.sm-screen li a {
	align-items: center;
	background: transparent !important;
	display: inline-flex;
	justify-content: center;
	min-height: 0;
	overflow: visible;
	padding: 10px 0;
	width: auto;
}

.fullscreen-menu .flexnav.sm-screen .touch-button,
.fullscreen-menu .flexnav.sm-screen li ul {
	display: none !important;
}

@media only screen and (max-width: 1024px) {
	ul#menu-main-menu.flexnav.sm-screen .touch-button {
		display: none !important;
		height: 0 !important;
		overflow: hidden !important;
		width: 0 !important;
	}

	ul#menu-main-menu.flexnav.sm-screen li > ul,
	ul#menu-main-menu.flexnav.sm-screen li > ul.open,
	ul#menu-main-menu.flexnav.sm-screen li > ul.flexnav-show,
	.classic-menu ul#menu-main-menu.flexnav.sm-screen li > ul,
	.classic-menu ul#menu-main-menu.flexnav.sm-screen li > ul.open,
	.classic-menu ul#menu-main-menu.flexnav.sm-screen li > ul.flexnav-show {
		background: transparent !important;
		display: none !important;
		height: 0 !important;
		margin: 0 !important;
		max-height: 0 !important;
		min-height: 0 !important;
		opacity: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: absolute !important;
		visibility: hidden !important;
		width: 0 !important;
	}

	ul#menu-main-menu.flexnav.sm-screen li > ul::after {
		display: none !important;
	}

	.fullscreen-menu nav,
	.fullscreen-menu nav.open,
	nav.open {
		background: #111 !important;
	}
}

/* Hide the everyday cursor circle; keep only the AJAX loading indicator. */
#magic-cursor {
	opacity: 0;
	transition: opacity 180ms ease;
}

body.show-loader #magic-cursor {
	opacity: 1;
}

#ball {
	background: transparent !important;
	border: 0 !important;
	height: 42px !important;
	opacity: 0 !important;
	width: 42px !important;
}

body.show-loader #ball {
	opacity: 1 !important;
}

#ball::before,
#ball::after,
#ball i {
	display: none !important;
}

/* Reusable LONEGENIUS smooth-trace frame primitive. */
.lg-trace-frame {
	--lg-trace-color: var(--lonegenius-highlight);
	--lg-trace-ease: cubic-bezier(0.55, 0, 1, 0.45);
	--lg-trace-segment-duration: 170ms;
	--lg-trace-thickness: 1px;
}

.lg-trace-frame .top,
.lg-trace-frame .bottom {
	height: var(--lg-trace-thickness);
	width: 100%;
}

.lg-trace-frame .left,
.lg-trace-frame .right {
	height: 100%;
	width: var(--lg-trace-thickness);
}

.lg-trace-frame .top {
	left: 0;
	top: 0;
}

.lg-trace-frame .right {
	right: 0;
	top: 0;
}

.lg-trace-frame .bottom {
	bottom: 0;
	right: 0;
}

.lg-trace-frame .left {
	bottom: 0;
	left: 0;
}

#ball-loader.lonegenius-square-loader {
	animation: none !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-sizing: border-box;
	height: 42px !important;
	left: 0 !important;
	opacity: 0;
	position: absolute;
	top: 0 !important;
	transform: translate(-6px, -6px) !important;
	width: 42px !important;
}

.show-loader #ball-loader.lonegenius-square-loader {
	opacity: 1;
}

#ball-loader.lonegenius-square-loader span {
	background: var(--lg-trace-color);
	display: block;
	position: absolute;
}

#ball-loader.lonegenius-square-loader .top,
#ball-loader.lonegenius-square-loader .bottom {
}

#ball-loader.lonegenius-square-loader .left,
#ball-loader.lonegenius-square-loader .right {
}

#ball-loader.lonegenius-square-loader .top {
	animation: lonegenius-smooth-trace-top 1.9s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

#ball-loader.lonegenius-square-loader .right {
	animation: lonegenius-smooth-trace-right 1.9s cubic-bezier(0.16, 1, 0.3, 1) infinite;
	animation-delay: 0.14s;
}

#ball-loader.lonegenius-square-loader .bottom {
	animation: lonegenius-smooth-trace-bottom 1.9s cubic-bezier(0.16, 1, 0.3, 1) infinite;
	animation-delay: 0.28s;
}

#ball-loader.lonegenius-square-loader .left {
	animation: lonegenius-smooth-trace-left 1.9s cubic-bezier(0.16, 1, 0.3, 1) infinite;
	animation-delay: 0.42s;
}

@keyframes lonegenius-smooth-trace-top {
	0%, 8% {
		clip-path: inset(0 100% 0 0);
		opacity: 0;
	}
	34%, 54% {
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
	82%, 100% {
		clip-path: inset(0 0 0 100%);
		opacity: 0;
	}
}

@keyframes lonegenius-smooth-trace-right {
	0%, 8% {
		clip-path: inset(0 0 100% 0);
		opacity: 0;
	}
	34%, 54% {
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
	82%, 100% {
		clip-path: inset(100% 0 0 0);
		opacity: 0;
	}
}

@keyframes lonegenius-smooth-trace-bottom {
	0%, 8% {
		clip-path: inset(0 0 0 100%);
		opacity: 0;
	}
	34%, 54% {
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
	82%, 100% {
		clip-path: inset(0 100% 0 0);
		opacity: 0;
	}
}

@keyframes lonegenius-smooth-trace-left {
	0%, 8% {
		clip-path: inset(100% 0 0 0);
		opacity: 0;
	}
	34%, 54% {
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
	82%, 100% {
		clip-path: inset(0 0 100% 0);
		opacity: 0;
	}
}

/* Portfolio tile hover frame: uses the same pink line language as the AJAX loader. */
#portfolio .item-wrap-image {
	overflow: hidden;
}

#portfolio .lonegenius-hover-frame,
#portfolio .lonegenius-hover-frame span {
	pointer-events: none;
	position: absolute;
	z-index: 120;
}

#portfolio .lonegenius-hover-frame {
	inset: 0;
}

#portfolio .lonegenius-hover-frame svg {
	display: block;
	height: 100%;
	overflow: visible;
	width: 100%;
}

#portfolio .lonegenius-hover-frame path {
	fill: none;
	opacity: 1;
	shape-rendering: crispEdges;
	stroke: var(--lonegenius-highlight);
	stroke-dasharray: var(--lg-svg-trace-length) var(--lg-svg-trace-length);
	stroke-dashoffset: var(--lg-svg-trace-length);
	stroke-linecap: butt;
	stroke-linejoin: miter;
	stroke-width: 1px;
	transition:
		opacity 1ms linear,
		stroke-dashoffset 420ms linear;
	vector-effect: non-scaling-stroke;
}

#portfolio .lonegenius-hover-in .lonegenius-hover-frame path {
	opacity: 1;
	stroke-dashoffset: 0;
	transition:
		opacity 1ms linear,
		stroke-dashoffset 320ms cubic-bezier(0.16, 1, 0.3, 1);
}

#portfolio .lonegenius-hover-out .lonegenius-hover-frame path {
	opacity: 1;
	stroke-dashoffset: var(--lg-svg-trace-length);
}

#portfolio .lonegenius-hover-frame span {
	background: var(--lg-trace-color);
	opacity: 0;
}

#portfolio .lonegenius-hover-frame .top,
#portfolio .lonegenius-hover-frame .bottom {
}

#portfolio .lonegenius-hover-frame .left,
#portfolio .lonegenius-hover-frame .right {
}

#portfolio .lonegenius-hover-frame .top {
}

#portfolio .lonegenius-hover-frame .right {
}

#portfolio .lonegenius-hover-frame .bottom {
}

#portfolio .lonegenius-hover-frame .left {
}

#portfolio .lonegenius-hover-in .lonegenius-hover-frame .top {
	animation: lonegenius-hover-draw-top var(--lg-trace-segment-duration) var(--lg-trace-ease) forwards;
}

#portfolio .lonegenius-hover-in .lonegenius-hover-frame .right {
	animation: lonegenius-hover-draw-right var(--lg-trace-segment-duration) var(--lg-trace-ease) var(--lg-trace-segment-duration) forwards;
}

#portfolio .lonegenius-hover-in .lonegenius-hover-frame .bottom {
	animation: lonegenius-hover-draw-bottom var(--lg-trace-segment-duration) var(--lg-trace-ease) calc(var(--lg-trace-segment-duration) * 2) forwards;
}

#portfolio .lonegenius-hover-in .lonegenius-hover-frame .left {
	animation: lonegenius-hover-draw-left var(--lg-trace-segment-duration) var(--lg-trace-ease) calc(var(--lg-trace-segment-duration) * 3) forwards;
}

#portfolio .lonegenius-hover-out .lonegenius-hover-frame .top {
	animation: lonegenius-hover-wipe-top var(--lg-trace-segment-duration) var(--lg-trace-ease) forwards;
	opacity: 1;
}

#portfolio .lonegenius-hover-out .lonegenius-hover-frame .right {
	animation: lonegenius-hover-wipe-right var(--lg-trace-segment-duration) var(--lg-trace-ease) var(--lg-trace-segment-duration) forwards;
	opacity: 1;
}

#portfolio .lonegenius-hover-out .lonegenius-hover-frame .bottom {
	animation: lonegenius-hover-wipe-bottom var(--lg-trace-segment-duration) var(--lg-trace-ease) calc(var(--lg-trace-segment-duration) * 2) forwards;
	opacity: 1;
}

#portfolio .lonegenius-hover-out .lonegenius-hover-frame .left {
	animation: lonegenius-hover-wipe-left var(--lg-trace-segment-duration) var(--lg-trace-ease) calc(var(--lg-trace-segment-duration) * 3) forwards;
	opacity: 1;
}

@keyframes lonegenius-hover-draw-top {
	0% { clip-path: inset(0 100% 0 0); opacity: 0; }
	100% { clip-path: inset(0 0 0 0); opacity: 1; }
}

@keyframes lonegenius-hover-draw-right {
	0% { clip-path: inset(0 0 100% 0); opacity: 0; }
	100% { clip-path: inset(0 0 0 0); opacity: 1; }
}

@keyframes lonegenius-hover-draw-bottom {
	0% { clip-path: inset(0 0 0 100%); opacity: 0; }
	100% { clip-path: inset(0 0 0 0); opacity: 1; }
}

@keyframes lonegenius-hover-draw-left {
	0% { clip-path: inset(100% 0 0 0); opacity: 0; }
	100% { clip-path: inset(0 0 0 0); opacity: 1; }
}

@keyframes lonegenius-hover-wipe-top {
	0% { clip-path: inset(0 0 0 0); opacity: 1; }
	100% { clip-path: inset(0 0 0 100%); opacity: 0; }
}

@keyframes lonegenius-hover-wipe-right {
	0% { clip-path: inset(0 0 0 0); opacity: 1; }
	100% { clip-path: inset(100% 0 0 0); opacity: 0; }
}

@keyframes lonegenius-hover-wipe-bottom {
	0% { clip-path: inset(0 0 0 0); opacity: 1; }
	100% { clip-path: inset(0 100% 0 0); opacity: 0; }
}

@keyframes lonegenius-hover-wipe-left {
	0% { clip-path: inset(0 0 0 0); opacity: 1; }
	100% { clip-path: inset(0 0 100% 0); opacity: 0; }
}

/* Header nav buttons: fixed-size brand controls with trace and fill motion. */
@media all and (min-width: 1025px) {
	header.classic-menu .flexnav {
		align-items: center;
		display: flex;
		gap: 16px;
		max-height: none;
	}

	header.classic-menu .flexnav li,
	header.classic-menu .flexnav li:first-child,
	header.classic-menu .flexnav li:last-child {
		padding: 0;
	}

	header.classic-menu .flexnav > li > a {
		align-items: center;
		background: transparent !important;
		box-sizing: border-box;
		color: #fff !important;
		display: inline-flex;
		font-family: var(--lonegenius-font) !important;
		font-size: 1rem;
		font-weight: 800;
		height: 42px;
		justify-content: center;
		isolation: isolate;
		letter-spacing: 0.08em !important;
		line-height: 1;
		overflow: hidden;
		padding: 0 !important;
		position: relative;
		text-align: center;
		text-transform: lowercase !important;
		width: 116px;
	}

	header.classic-menu .flexnav:hover > li > a,
	header.classic-menu .flexnav > li:hover > a,
	.light-content header.classic-menu .flexnav:hover > li > a,
	.light-content header.classic-menu .flexnav > li:hover > a {
		color: #fff !important;
	}

	header.classic-menu .flexnav > li > a::before {
		display: none !important;
	}

	header.classic-menu .flexnav > li > a::after {
		display: none !important;
	}

	header.classic-menu .lonegenius-nav-label {
		display: inline-block;
		letter-spacing: 0.08em;
		line-height: 1;
		position: relative;
		transform: none;
		z-index: 2;
	}

	header.classic-menu .lonegenius-nav-frame {
		inset: 0;
		pointer-events: none;
		position: absolute;
		z-index: 3;
	}

	header.classic-menu .lonegenius-nav-frame svg {
		display: block;
		height: 100%;
		overflow: visible;
		width: 100%;
	}

	header.classic-menu .lonegenius-nav-frame path {
		fill: none;
		opacity: 1;
		shape-rendering: crispEdges;
		stroke: var(--lonegenius-highlight);
		stroke-dasharray: var(--lg-svg-trace-length) var(--lg-svg-trace-length);
		stroke-dashoffset: var(--lg-svg-trace-length);
		stroke-linecap: butt;
		stroke-linejoin: miter;
		stroke-width: 1px;
		transition: none;
		vector-effect: non-scaling-stroke;
	}

	header.classic-menu .lonegenius-nav-in .lonegenius-nav-frame path {
		opacity: 1;
		stroke-dashoffset: 0;
		transition:
			opacity 1ms linear,
			stroke-dashoffset 320ms cubic-bezier(0.16, 1, 0.3, 1);
	}

	header.classic-menu .lonegenius-nav-out .lonegenius-nav-frame path {
		opacity: 1;
		stroke-dashoffset: var(--lg-svg-trace-length);
		transition:
			opacity 1ms linear,
			stroke-dashoffset 420ms linear;
	}
}

/* Scroll-responsive header experiment: keep the large arrival moment, then compress with scroll progress. */
header,
#header-container,
#logo,
#logo img,
.classic-menu nav,
#menu-burger {
	transition:
		height 280ms cubic-bezier(0.16, 1, 0.3, 1),
		padding 280ms cubic-bezier(0.16, 1, 0.3, 1),
		margin 280ms cubic-bezier(0.16, 1, 0.3, 1),
		top 280ms cubic-bezier(0.16, 1, 0.3, 1),
		transform 280ms cubic-bezier(0.16, 1, 0.3, 1);
}

header {
	height: var(--lg-header-height, 140px);
}

#header-container {
	padding-bottom: var(--lg-header-padding-y, 30px);
	padding-top: var(--lg-header-padding-y, 30px);
}

#logo {
	top: var(--lg-logo-top, 10px);
}

#logo img {
	height: var(--lg-logo-height, 60px);
}

@media all and (min-width: 1025px) {
	.classic-menu nav {
		margin-bottom: var(--lg-nav-margin-y, 20px);
		margin-top: var(--lg-nav-margin-y, 20px);
	}
}

body.lonegenius-header-compact #menu-burger {
	top: var(--lg-burger-top, 15px);
}

@media only screen and (max-width: 1466px) {
	header {
		height: var(--lg-header-height, 120px);
	}

	#header-container {
		padding-bottom: var(--lg-header-padding-y, 15px);
		padding-top: var(--lg-header-padding-y, 15px);
	}
}

@media only screen and (max-width: 1024px) {
	header {
		height: var(--lg-header-height, 80px);
	}

	#header-container {
		padding-bottom: var(--lg-header-padding-y, 0);
		padding-top: var(--lg-header-padding-y, 0);
	}

	body.lonegenius-header-compact #menu-burger {
		top: var(--lg-burger-top, 13px);
	}
}


/* About page dictionary treatment. */
.page-id-93 #hero,
.page-id-93 #hero-bg-wrapper {
	display: none !important;
}

.page-id-93 #main-page-content {
	padding-top: clamp(7rem, 12vw, 12rem);
}

.lonegenius-dictionary {
	border-bottom: 1px solid rgba(255, 255, 255, 0.18);
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	margin: 0 auto clamp(4.5rem, 8vw, 8rem);
	max-width: 72rem;
	padding: clamp(1.6rem, 4vw, 3.2rem) 0 clamp(1.8rem, 4.4vw, 3.8rem);
	position: relative;
}

.lonegenius-dictionary__term {
	color: #fff;
	font-family: var(--lonegenius-font) !important;
	font-size: clamp(2.6rem, 6.4vw, 6.2rem);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.02;
	margin: 0 0 clamp(0.8rem, 1.6vw, 1.4rem);
	text-transform: lowercase;
}

.lonegenius-dictionary__pronunciation {
	color: rgba(255, 255, 255, 0.92);
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(1.32rem, 2.56vw, 2.48rem);
	font-style: italic;
	line-height: 1.15;
	margin: 0 0 clamp(1.6rem, 3.2vw, 3rem);
}

.lonegenius-dictionary__pronunciation span {
	font-style: normal;
}

.lonegenius-dictionary__list {
	counter-reset: lonegenius-definition;
	display: grid;
	gap: clamp(0.8rem, 1.6vw, 1.44rem);
	list-style: none;
	margin: 0;
	padding: 0;
}

.lonegenius-dictionary__definition {
	align-items: baseline;
	color: rgba(255, 255, 255, 0.94) !important;
	counter-increment: lonegenius-definition;
	display: grid;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(1.16rem, 2.08vw, 1.96rem);
	grid-template-columns: 2.4rem 1fr;
	letter-spacing: 0;
	line-height: 1.22;
}

.lonegenius-dictionary__definition::before {
	color: rgba(255, 255, 255, 0.86);
	content: counter(lonegenius-definition) ".";
	font-variant-numeric: tabular-nums;
}

.lonegenius-dictionary__usage {
	font-style: italic;
}

.lonegenius-about-copy {
	margin: 0 auto clamp(4rem, 7vw, 7rem);
	max-width: 72rem;
}

.lonegenius-about-copy__kicker {
	color: #fff;
	font-size: clamp(2rem, 4.4vw, 4.4rem);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 0.95;
	margin: 0 0 clamp(1.35rem, 2.5vw, 2.25rem);
	text-transform: lowercase;
}

.lonegenius-about-copy p {
	color: rgba(255, 255, 255, 0.72);
	font-size: clamp(1.15rem, 1.6vw, 1.65rem);
	line-height: 1.45;
	margin: 0;
	max-width: 58rem;
}

.lonegenius-about-contact {
	margin: 0 auto;
	max-width: 72rem;
}

.lonegenius-about-contact h2 {
	margin-bottom: 1.5rem;
}

.lonegenius-about-contact .submit-box {
	background-color: transparent;
	border: 1px solid var(--lonegenius-highlight);
	border-radius: 0;
	box-shadow: inset 0 0 0 999px var(--lonegenius-highlight);
	box-sizing: border-box;
	color: #fff !important;
	display: inline-grid;
	height: 54px;
	margin-top: 34px;
	min-height: 54px;
	min-width: 168px;
	overflow: hidden;
	padding: 0;
	place-items: center;
	transition: box-shadow 320ms cubic-bezier(0.16, 1, 0.3, 1), color 180ms ease, border-color 180ms ease;
	width: 168px;
}

.lonegenius-about-contact .submit-box::before,
.lonegenius-about-contact .submit-box::after {
	display: none;
}

.lonegenius-about-contact .submit-box:hover,
.lonegenius-about-contact .submit-box:focus-within {
	border-color: var(--lonegenius-highlight);
	box-shadow: inset 0 0 0 0 var(--lonegenius-highlight);
	color: var(--lonegenius-highlight);
}

.lonegenius-about-contact .submit-box input[type="submit"] {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	color: #fff !important;
	display: inline-grid;
	font-family: var(--lonegenius-font) !important;
	font-size: 1rem;
	font-weight: 800;
	height: 100%;
	letter-spacing: 0.08em;
	line-height: 54px;
	margin: 0;
	min-height: 0;
	min-width: 0;
	padding: 0 34px;
	place-items: center;
	text-align: center;
	text-transform: lowercase;
	width: 100%;
}

.lonegenius-about-contact .submit-box:hover input[type="submit"],
.lonegenius-about-contact .submit-box:focus-within input[type="submit"] {
	color: var(--lonegenius-highlight) !important;
}

@media only screen and (max-width: 767px) {
	.page-id-93 #main-page-content {
		padding-top: 6rem;
	}

	.lonegenius-dictionary__definition {
		grid-template-columns: 2.25rem 1fr;
	}
}


/* PORTFOLIO SECTION */

div .item.z_featured:nth-child(2) {padding-left:5px;} /*fix for AJAX formatting of first portfolio items*/
.term-musicvideos div .item:nth-child(even) {padding-left:5px;} /*fix for AJAX formatting of first portfolio items*/

#hero-caption.about-header {padding-bottom:40px;}
.term-musicvideos #hero-caption:not(.about-header) {max-width:100%;padding-bottom:0;}

@media only screen and (max-width: 1024px) {
		#hero-caption.about-header {padding-bottom:30px;}
}
	
#portfolio-wrap .hero-title:first-child {	margin-top: 120px;}
.portfolio-show-more {letter-spacing:2px;font-size:12px;color: var(--lonegenius-highlight)!important;}

#portfolio-wrap .portfolio-show-more a {
	color: var(--lonegenius-highlight) !important;
	display: inline-block;
	padding: 0 !important;
	transition: color 180ms ease;
}

#portfolio-wrap .portfolio-show-more a:hover,
#portfolio-wrap .portfolio-show-more a:focus-visible {
	color: #fff !important;
}

#portfolio-wrap .portfolio-show-more a.link::before {
	background: currentColor !important;
	left: 0;
	width: calc(100% - 2px);
}

.lonegenius-work-feature {
	box-sizing: border-box;
	margin: 7.5rem auto 120px;
	max-width: 100%;
	padding: 0 1.25rem;
	pointer-events: none;
	width: 100%;
}

.lonegenius-work-feature__link {
	color: #fff;
	display: block;
	margin: 0 auto;
	max-width: 72rem;
	pointer-events: none;
	text-decoration: none;
	width: 100%;
}

.lonegenius-work-feature__media {
	align-items: center;
	aspect-ratio: 16 / 9;
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	min-height: 22rem;
	overflow: hidden;
	pointer-events: auto;
	position: relative;
	width: 100%;
}

.lonegenius-work-feature__media::after {
	background: rgba(0, 0, 0, 0.12);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.lonegenius-work-feature__video,
.lonegenius-work-feature__video video {
	height: 100% !important;
	inset: 0 !important;
	position: absolute !important;
	width: 100% !important;
}

.lonegenius-work-feature__video video.bgvid {
	display: block !important;
	left: 0 !important;
	min-height: 100% !important;
	min-width: 100% !important;
	object-fit: cover !important;
	top: 0 !important;
	transform: none !important;
	z-index: 0 !important;
}

@media only screen and (max-width: 1024px) {
	.hero-video-wrapper[data-lonegenius-mobile-video-protected] {
		display: block;
		visibility: visible;
	}
}

.lonegenius-work-feature__caption {
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 2rem;
	position: relative;
	text-align: center;
	z-index: 2;
}

.lg-router-transition-clone {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	left: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	transform-origin: top left;
	z-index: 9998;
}

.lg-router-main-exiting {
	opacity: 0;
	transition: opacity 180ms ease;
}

.lg-router-transition-target-hidden {
	visibility: hidden;
}

.lonegenius-work-feature__role {
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.36em;
	line-height: 1;
	margin-bottom: 6px;
	text-transform: lowercase;
}

.lonegenius-work-feature__title {
	color: #fff;
	font-size: clamp(52px, 7vw, 112px);
	line-height: 0.9;
	margin: 0 !important;
	max-width: 100%;
	text-align: center;
}

.lonegenius-work-feature__title span {
	display: inline;
}

.lonegenius-work-feature__subtitle {
	color: rgba(255, 255, 255, 0.78);
	font-size: clamp(16px, 1.6vw, 24px);
	font-weight: 700;
	line-height: 1.25;
	margin: 14px 0 0;
	text-align: center;
	text-transform: lowercase;
}

.lonegenius-work-feature__subtitle .job-title,
.lonegenius-work-feature__subtitle .job-desc {
	color: inherit;
}

.lonegenius-work-feature__button {
	background-color: transparent;
	border: 1px solid var(--lonegenius-highlight);
	border-radius: 0;
	box-shadow: inset 0 0 0 999px var(--lonegenius-highlight);
	box-sizing: border-box;
	color: #fff;
	display: inline-grid;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1;
	margin-top: 34px;
	min-height: 54px;
	min-width: 168px;
	padding: 0 34px;
	place-items: center;
	position: relative;
	text-decoration: none;
	text-transform: lowercase;
	transition: box-shadow 320ms cubic-bezier(0.16, 1, 0.3, 1), color 180ms ease, border-color 180ms ease;
	z-index: 2;
}

.lonegenius-work-feature__media:hover .lg-button,
.lonegenius-work-feature__link:focus-visible .lg-button {
	border-color: var(--lonegenius-highlight);
	box-shadow: inset 0 0 0 0 var(--lonegenius-highlight);
	color: var(--lonegenius-highlight);
}

@media only screen and (min-width: 768px) {
	.lonegenius-work-feature {
		margin-top: 8.5rem;
		padding: 0 3rem;
	}

	.lonegenius-work-feature__media {
		min-height: 30rem;
	}

	.lonegenius-work-feature__title {
		white-space: nowrap;
	}
}

@media only screen and (min-width: 1200px) {
	.lonegenius-work-feature {
		margin-bottom: 120px;
	}
}

@media only screen and (max-width: 767px) {
	.lonegenius-work-feature__media {
		aspect-ratio: 4 / 5;
		min-height: 28rem;
	}

	.lonegenius-work-feature__caption {
		padding: 1.5rem;
	}
}

.page-id-2701 #portfolio-wrap .hero-title:first-child {
	margin-top: 0;
}

#portfolio .item-subtitle span:not(.job-title){display:none;}
#portfolio .item-subtitle {
	font-size: 12px;
	font-weight: 800;
	opacity: 100;
	text-transform: lowercase;
	letter-spacing: 2px;
	color: var(--lonegenius-highlight)!important;
	line-height: 20px;
	overflow: hidden;
	display:block;
	font-family: var(--lonegenius-font) !important;
}

.item {	display: inline-block!important;width: calc(50% - 42px)!important;}

@media only screen and (max-width: 1024px) {	
	.item {width: calc(50% - 22px)!important;}}
	
@media only screen and (max-width: 479px) {
	.item {width: calc(50% - 2px)!important;}
	.item {margin: 50px 0px 100px 0px!important;}}

.other-writing {display:none;}
	.wp-block-grenada-gutenberg-container .hero-title {margin-top:19px!important;margin-bottom:40px!important;}
	.other-writing .wp-block-grenada-gutenberg-container li a.link::before, .page-id-2701 .wp-block-grenada-gutenberg-container li a::before{
		background: rgba(255,255,255,1);}

/* LAURELS */


/* Shared portfolio award laurel overlay. Slug-based selectors survive domain changes. */
#portfolio .item:has(a[href*="/work/somewhere-in-between/"]) .item-wrap-image,
#portfolio .item:has(a[href*="/work/faked-life-with-ai/"]) .item-wrap-image,
#portfolio .item:has(a[href*="/work/illuminati-son/"]) .item-wrap-image,
#portfolio .item:has(a[href*="/work/save-yourself/"]) .item-wrap-image {
	overflow: hidden;
	position: relative;
}

#portfolio .item:has(a[href*="/work/somewhere-in-between/"]) .item-wrap-image::after,
#portfolio .item:has(a[href*="/work/faked-life-with-ai/"]) .item-wrap-image::after,
#portfolio .item:has(a[href*="/work/illuminati-son/"]) .item-wrap-image::after,
#portfolio .item:has(a[href*="/work/save-yourself/"]) .item-wrap-image::after {
	content: "";
	width: clamp(130px, 25%, 220px);
	height: clamp(74px, 15%, 130px);
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
	top: clamp(18px, 3vw, 40px);
	left: clamp(18px, 3vw, 40px);
	position: absolute;
	display: inline-block;
	opacity: 1;
	pointer-events: none;
	z-index:500;
}

#portfolio .item:has(a[href*="/work/somewhere-in-between/"]) .item-wrap-image::after {
	background-image: url("/wp-content/uploads/2023/04/tf23_laurel_OS_W.png");
}

#portfolio .item:has(a[href*="/work/faked-life-with-ai/"]) .item-wrap-image::after {
	background-image: url("/wp-content/uploads/2023/04/SIFF_2023Fest_Laurels_Official_Selection_White.png");
}

#portfolio .item:has(a[href*="/work/illuminati-son/"]) .item-wrap-image::after {
	background-image: url("/wp-content/uploads/2023/06/2021_Laurels_Semi_White.png");
}

#portfolio .item:has(a[href*="/work/save-yourself/"]) .item-wrap-image::after {
	background-image: url("/wp-content/uploads/2023/09/CIFF_2023_Official_Selection_Laurels_-__Best_Dir_Short_-_Black_5.png");
}

#portfolio .item:has(a[href*="/work/save-yourself/"]) .item-wrap-image div {
	background-position: 80%;
}

@media only screen and (max-width: 767px) {
	#portfolio .item:has(a[href*="/work/somewhere-in-between/"]) .item-wrap-image::after,
	#portfolio .item:has(a[href*="/work/faked-life-with-ai/"]) .item-wrap-image::after,
	#portfolio .item:has(a[href*="/work/illuminati-son/"]) .item-wrap-image::after,
	#portfolio .item:has(a[href*="/work/save-yourself/"]) .item-wrap-image::after {
		background-position: center bottom;
		bottom: clamp(8px, 2vw, 16px);
		height: 100%;
		left: 50%;
		top: auto;
		transform: translateX(-50%);
		width: 50%;
	}
}

.postid-3731 #hero-bg-image {background-position:right center;}

@media only screen and (max-width: 767px) {.postid-3731 #hero-bg-image {background-position:80%;}}

/* Keep Grenada content blocks stable when portfolio pages are loaded through AJAX. */
#main-content .wp-block-image > figure.aligncenter,
#main-content figure.wp-block-image.aligncenter,
#main-content .wp-block-image.aligncenter {
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
}

#main-content .wp-block-embed.is-type-video {
	width: 100%;
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

#main-content .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper {
	position: relative;
}

#main-content .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}

#main-content .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
	padding-top: 42.85%;
}

#main-content .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
	padding-top: 50%;
}

#main-content .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
	padding-top: 75%;
}

#main-content .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
	padding-top: 100%;
}

#main-content .wp-block-embed.wp-has-aspect-ratio iframe {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
}

#main-content #justified-grid.wp-block-grenada-gutenberg-collage {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	height: auto !important;
	padding: 0 10px;
}

#main-content #justified-grid.wp-block-grenada-gutenberg-collage .collage-thumb {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
	aspect-ratio: 16 / 9;
}

#main-content #justified-grid.wp-block-grenada-gutenberg-collage .collage-thumb > a {
	display: block;
	height: 100%;
}

#main-content #justified-grid.wp-block-grenada-gutenberg-collage .collage-thumb img {
	position: static !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	object-fit: cover;
}

@media only screen and (max-width: 767px) {
	#main-content #justified-grid.wp-block-grenada-gutenberg-collage {
		grid-template-columns: 1fr;
	}
}