/*
ROOT
_______________________________________________________
*/

:root {
	/*=== FONTS ===*/
	--f--bebaskai-stack: 'Bebas Kai Regular', 'Franklin Gothic Medium', 'Arial Narrow';
	--f--inconsolata-stack: 'Inconsolata', 'Courier New';
	--f--inconsolata-small-size: .8rem;
	--f--inconsolata-letter-spacing: .05em;
	
	/*=== COLORS ===*/
	--c--magenta: #FF00F2;
	--c--eva-neon: #D8FF00;
	--c--gray-bg: #454545;
	--c--vanilla: #FFF;
	--c--blacker-the-berry: #000;
	--c--gun-metal-gray: #141414;
	--c--gray-on-black: #7C7C7C;
	--c--light-gray: #AAAAAA;
	--c--black-gradient: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.cursor-change {
	cursor: pointer;
}

/*
BOUT TO LAUNCH TEMP PAGE 
_______________________________________________________
*/

main.main-temp {
	width: 100vw;
	height: 110vh;
	min-height: 850px;
}

.main-temp .main-relative {
	height: 100%;
}

.layer__1 section {
}

.layer__1 h1.display-1 {
	color: var(--c--eva-neon);
	font-size: calc(1.625rem + 30vw);
	letter-spacing: -.09222em;
	line-height: 0.7111;
	margin: 0 0 0 -15px;
	text-align: center;
	-webkit-transform: scaleY(1.35);
	-moz-transform: scaleY(1.35);
	-ms-transform: scaleY(1.35);
	-o-transform: scaleY(1.35);
	transform: scaleY(1.35);
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	hyphenate-character: "-";
}

.layer__1 .um {
	flex: 2;
	padding: 15vh 2vw;
}

.layer__1 .dois {
	flex: 2;
}

.dois__black-cupid #black-cupid {
	position: absolute;
	width: 35vw;
	height: auto;
	-webkit-transform: translateY(-25%);
	-moz-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	-o-transform: translateY(-25%);
	transform: translateY(-25%);
}

#black-cupid path {
	fill: var(--c--eva-neon);
}

.layer__1 .tres {
	flex: 7;
}

.tres__links .footer-links {
	flex: 1;
	padding: 5vh 2vw 0 2vw;
	width: 50%;
}

.footer-links li,
.footer-links a {
	color: var(--c--vanilla);
	font-size: 1rem;
	letter-spacing: .075em;
	line-height: 1.65;
	padding-bottom: .5rem;
	text-align: center;
	text-transform: uppercase;
}

.layer__2 {
	background: var(--c--black-gradient);
}

.layer__3 video {
	width: 100%;
	height: 100%;
}

@media (orientation: portrait) and (min-height: 43.75em) {
	.layer__1 h1.display-1 {
		font-size: calc(1.625rem + 38.888vw);
	}
	
	.tres__links .footer-links {
		padding-top: 5vh;
	}
}

/*
TYPOGRAPHY
_______________________________________________________
*/

@font-face {
	font-family: 'Bebas Kai Regular';
	src: url('https://www.timterry.com/fonts/BebasKai.eot');
	src: local('BebasKai'), local('BebasKai'),
		url('https://www.timterry.com/fonts/BebasKai.eot?#iefix') format('embedded-opentype'),
		url('https://www.timterry.com/fonts/BebasKai.woff2') format('woff2'),
		url('https://www.timterry.com/fonts/BebasKai.woff') format('woff'),
		url('https://www.timterry.com/fonts/BebasKai.ttf') format('truetype'),
		url('https://www.timterry.com/fonts/BebasKai.svg#BebasKai') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

h1,
h2,
h3,
h4 {
	font-family: var(--f--bebaskai-stack);
	letter-spacing: -.0777em;
	text-transform: uppercase;
}

h5,
h6 {
}

h6 span {
	letter-spacing: .45em;
}

h1.display-1 {
	font-size: calc(1.625rem + 8vw);
}

a,
p,
span {
	letter-spacing: var(--f--inconsolata-letter-spacing);
}

a {
	color: var(--c--blacker-the-berry);
	text-decoration: none !important;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

input {
	font-family: var(--f--inconsolata-small-size);	
}

label,
button {
	font-family: var(--f--bebaskai-stack);
}

button.btn__sm {
	font-size:;
}

button.btn__lg {
	font-size: calc(1.475rem + 3vw);
	padding: 1% 7%;
}

button.btn__border-no-fill {
	background: none;	
}

button.btn__black-fill {
	
}

button.btn__magenta-border {
	color: var(--c--magenta);
	border-color: var(--c--magenta);
	border-style: solid;
	border-width: 3px;
}

.neon-g-small-text {
	color: var(--c--eva-neon);
	font-size: var(--f--inconsolata-small-size);
	flex: 2;
	letter-spacing: .45em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.scrolling-text {
	width: max-content;
	height: max-content;
	white-space: nowrap;
}

.scrolling-text .st-space {
	width: 100px;
}

#glyph-custom {
	color: var(--c--eva-neon) !important;
}

.glyph-swap {
	visibility: hidden;
}

.glyph-swap:before {
	display: block;
	height: 5px;
	width: 5px;
	position: absolute;
	top: 5%;
	left: 0;
}

.stretched-type-y {
	-webkit-transform: scaleY(1.333);
	-moz-transform: scaleY(1.333);
	-ms-transform: scaleY(1.333);
	-o-transform: scaleY(1.333);
	transform: scaleY(1.333);
}

/* .neon-g-small-text:after {
content: '';
display: inline-block;
border: 1px solid blue;
background-image: url(https://www.timterry.com/media/img/svg/neon_arrow_sm.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 7%;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
*/

/*

COLORS
_______________________________________________________
*/

.bg-primary.bg-dark {
	background-color: var(--c--blacker-the-berry) !important;
}

/*
LAYOUT
_______________________________________________________
*/

* {
	position: relative;
}

body,
#inx-scroll-nav {
	scroll-behavior: smooth;
	overflow-y: scroll;
}

body {
	background-color: var(--c--blacker-the-berry);
	font-family: var(--f--inconsolata-stack); /* update */
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-variation-settings:
		"wdth" 100;
}

.container-fluid {
	border: 1px solid blu;
}

/*
IMAGERY
_______________________________________________________
*/

.background-center-cover,
.background-center-contain {
	background-position: center;
	background-repeat: no-repeat;
}

.background-center-cover {
	background-size: cover;
}

.background-center-contain {
	background-size: contain;
}

.video-n-picture {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.video-n-picture > * {
	position: absolute;
}

.video-n-picture picture img,
.video-n-picture video {
	min-width: 103%;
	object-fit: fill;
}

.video-n-picture picture img {
	width: max-content !important;
}

.video-n-picture .video-125per-bleed {
	min-width: 125%;
}

.video__center-125per-bleed { /* Center align absolute video and picture */
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/*
VIDEO
=====*/

video {
	object-fit: cover;
	width: 100%;
	height: auto;
}

/*
HOMEPAGE & SECONDARY NAVIGATION
_______________________________________________________
*/

.home-fs-main-nav {
	width: 100vw;
	height: 100dvh; /* device view height */
	min-height: 100dvh; 
}

.innerpage-fs-main-nav {
	z-index: 5;
}

.innerpage-secondary-nav-container {
}

.secondary-nav {
	padding-top: 81px;
}

.secondary-nav.list-group {
	width: 70%;
}

.secondary-nav .list-group-item {
	background-color: var(--c--gun-metal-gray);
	color: var(--c--magenta);
	font-size: var(--f--inconsolata-small-size);
	letter-spacing: .15em;
	margin-top: .75rem;
	width: max-content;
}

.secondary-nav .contact-cta.list-group-item {
	background-color: var(--c--eva-neon);
	color: var(--c--blacker-the-berry);
}

.secondary-nav .list-group-item:first-child {
	margin-top: 0;
}

.secondary-nav .list-group-item.active {
	background-color: var(--c--magenta);
	color: var(--c--blacker-the-berry);
}

/* DESIGNER, DEVELOPER, TYPOGRAPHER, BRANDING */
.branding-bs.list-group-item {
	color: var(--c--light-gray);
	overflow: hidden;
	width: 250px;
	height: 1.78rem;
}

.branding-bs.innerpage-branding {
	color: var(--c--blacker-the-berry);
	background-color: var(--c--eva-neon); 
}

.mini-nav-inner {
	height: 20px;
}

/* Icon: Quick Note */
.mini-nav-inner.note-icon-container {
	background-image: url('https://www.timterry.com/media/img/svg/icon_subnav_note_plus.svg');
	width: 2rem;
	margin-right: 8px;
}

/* Icon: Menu All Work */
#neon-fs-nav-trigger:hover {
	cursor: pointer;
}

.mini-nav-inner.all-work-icon-container {
	gap: 2px;
	width: 3rem;
	margin-right: 18px;
}

.mini-nav-inner.all-work-icon-container .icon-ln {
	background-color: var(--c--magenta);
	display: block;
	height: 2px;
	visibility: visible;
	opacity: 1;
}

.mini-nav-inner.all-work-icon-container .icon-ln.active-fs-neon-green { /* fullscreen GREAT scale the icon when active */
	float: left;
	z-index: 77; /* 1st major lucky-seven */
}

.mini-nav-inner.contact-icon-container {
	background-image: url('https://www.timterry.com/media/img/svg/icon_subnav_black_contact.svg');
	width: 2rem;
	margin-right: 8px;
}

/* Icon: CV */
.mini-nav-inner.cv-icon-container {
	background-image: url('https://www.timterry.com/media/img/svg/icon_subnav_magenta_cv.svg');
	width: 2rem;
	margin-right: 8px;
}

/* Icon: Special Note */

.secondary-nav #special-note,
.secondary-nav #special-note.active {
	background-color: var(--c--magenta);
	color: var(--c--blacker-the-berry);
}

#proj-ul-parent {
}

#proj-ul-parent .proj-li-child {
	height: calc(12dvh * 2);
	min-height: 145px;
	max-height: 150px;
}

.proj-content-el.proj-content-title-info {
	z-index: 2;
}

.proj-content-el.proj-content-magenta-bg {
	background-color: var(--c--gray-bg);
	z-index: 1;
}

.proj-content-el .inner-title-container {
	top: -10px;
	width: 96%;
}

.proj-title {
	line-height: 0.8;
	margin-bottom: 2.777%;
}

.proj-title + .proj-coming-soon {
	background-color: var(--c--vanilla);
	font-size: var(--f--inconsolata-small-size);
	letter-spacing: .5em;
	left: .5%;
	text-transform: uppercase;
}

.proj-cat-parent {
}

.proj-cat-parent h6 {
	border-top: 1px solid var(--c--gray-on-black);
	border-bottom: 1px solid var(--c--gray-on-black);
	color: #FFF;
	height: 30px;
	padding-top: 2.5px;
}

.proj-cat-parent h6 .inner-cat-container {
	font-size: var(--f--inconsolata-small-size);
	font-weight: bold;
	line-height: 0;
}

/*=== PROJECT TAGS ===*/
li.proj-li-child .proj-content-el.proj-content-title-info {
	background-image: url('https://www.timterry.com/media/img/svg/tag_gj_navbg.svg');
}

li:nth-child(1).proj-li-child .proj-content-el.proj-content-title-info {
	background-image: url('https://www.timterry.com/media/img/svg/tag_gj_navbg.svg');
}	

/*
FS INNERPAGE NEON NAVIGATION
_______________________________________________________
*/

.fs-innerpage-neon-nav {
	background-color: blueviolet;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100dvh;
	z-index: 777; /* 2nd major lucky-seven */
	opacity: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}

.fs-innerpage-neon-nav.neon-nav-active {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

/*
COMPONENTS
_______________________________________________________
*/

/* fixed header */
header.hea-parent {
	max-height: 80px;
	z-index: 10;
}

header.hea-parent .hea-inner {
}

.hea-child {
	padding: 2.5rem 1.25rem;
	opacity: 0;
	z-index: 0;
}

.hea-child.hea-child-mobile {
	padding: 1.75rem 1.25rem;
}

.hea-logo-container {
	background-color: var(--c--gun-metal-gray);
	opacity: 1;
	z-index: 1;
}

.hea-logo-container img {
	max-width: 190px;
	top: 15px;
}

.hea-logo-container.hea-child-mobile img {
	max-width: 140px;
}

.hea-cta-container {
	background-color: var(--c--eva-neon);
}

.hea-cta-container .hea-cta__animated-content {
	border: 1px solid re; 
	width: 85%;
	height: 95%;
	min-width: 370px;
	max-width: 800px;
	max-height: 75px;
	position: absolute;
}

.hea-cta__animated-content video {
	width: 100%;
}

.hea-child.hea-child-mobile .hea-cta__animated-content video {
	width: 80%;
}

/*
HOMEPAGE FLOWER & PROJECT IMAGES SPECIAL
_______________________________________________________
*/

#flower-n-project-hovers-special {
	height: 100vh;
	display: none !important;
}	

#flower-n-project-hovers-special .f-n-p-inner-relative {
	padding: 50vh 0;
}
	
.neon-flower {
	background-size: 91%;
}

.neon-flower.neon-flower__full-magenta {
	background: var(--c--blacker-the-berry);
	opacity: 0;
	z-index: 3;
}

.nf-full-magenta {
	background-image: url("https://www.timterry.com/media/img/svg/line_magenta_flower.svg");
	padding: calc(11vw * 2);
}

.nf-full-magenta.nf-full-magenta-100 {
	background-size: 91%;
	z-index: 0;
}


.nf-full-magenta.nf-full-magenta-blur {
	filter: blur(0);
	z-index: -1;
}

.nf-gradient {
	background: var(--c--blacker-the-berry);
	background: var(--c--black-gradient);
	mix-blend-mode: multiply;
}

.nf-gradient.nf-bg-white {
	background: #EEEEEE;
}

.nf-gradient.nf-bg__dark-on-white {
	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0) 100%);
}

.neon-flower-main .select-works-main {
	padding: calc(10vw * 2);
	z-index: 77;
}

.select-works-main .sw-rotate-type {
	background-image: url('https://www.timterry.com/media/img/svg/tag_w_selected_work.svg');
	background-size: 97%;
	padding: calc(10vw * 2);
}

.select-works-main .sw-arrow {
	background-image: url('https://www.timterry.com/media/img/svg/index_sw_arrow_lg_white.svg');
	background-size: 80%;
	padding: calc(5vw * 2);
}

/* NEON FLOWER STATIC GIFS */

.nf-static.light-static-speed-100 {
	padding: calc(1.85vw * 2);
	z-index: -1;
	-webkit-transform: translate(calc(3.75vw * 2), calc(-8.75vw * 2));
	-moz-transform: translate(calc(3.75vw * 2), calc(-8.75vw * 2));
	-ms-transform: translate(calc(3.75vw * 2), calc(-8.75vw * 2));
	-o-transform: translate(calc(3.75vw * 2), calc(-8.75vw * 2));
	transform: translate(calc(3.75vw * 2), calc(-8.75vw * 2));
}

.nf-static.light-static-speed-200 {
	padding: calc(2.35vw * 2);
	z-index: 5;
	-webkit-transform: translate(calc(7.5vw * 2), calc(3vw * 2));
	-moz-transform: translate(calc(7.5vw * 2), calc(3vw * 2));
	-ms-transform: translate(calc(7.5vw * 2), calc(3vw * 2));
	-o-transform: translate(calc(7.5vw * 2), calc(3vw * 2));
	transform: translate(calc(7.5vw * 2), calc(3vw * 2));
}

.nf-static.light-static-speed-300 {
	padding: calc(1.25vw * 2);
	z-index: -1;
	-webkit-transform: translate(calc(-0.5vw * 2), calc(5.5vw * 2));
	-moz-transform: translate(calc(-0.5vw * 2), calc(5.5vw * 2));
	-ms-transform: translate(calc(-0.5vw * 2), calc(5.5vw * 2));
	-o-transform: translate(calc(-0.5vw * 2), calc(5.5vw * 2));
	transform: translate(calc(-0.5vw * 2), calc(5.5vw * 2));
}

.nf-static.dark-static-speed-100 {
	padding: calc(.45vw * 2);
	z-index: 6;
	-webkit-transform: translate(calc(-8vw * 2), calc(-3vw * 2));
	-moz-transform: translate(calc(-8vw * 2), calc(-3vw * 2));
	-ms-transform: translate(calc(-8vw * 2), calc(-3vw * 2));
	-o-transform: translate(calc(-8vw * 2), calc(-3vw * 2));
	transform: translate(calc(-8vw * 2), calc(-3vw * 2));
}

.nf-static.dark-static-speed-200 {
	padding: calc(1.25vw * 2);
	z-index: 6;
	-webkit-transform: translate(calc(-4.75vw * 2), calc(3vw * 2));
	-moz-transform: translate(calc(-4.75vw * 2), calc(3vw * 2));
	-ms-transform: translate(calc(-4.75vw * 2), calc(3vw * 2));
	-o-transform: translate(calc(-4.75vw * 2), calc(3vw * 2));
	transform: translate(calc(-4.75vw * 2), calc(3vw * 2));
}

.nf-static.dark-static-speed-300 {
	padding: calc(.75vw * 2);
	z-index: 7;
	-webkit-transform: translate(calc(8vw * 2), calc(-5vw * 2));
	-moz-transform: translate(calc(8vw * 2), calc(-5vw * 2));
	-ms-transform: translate(calc(8vw * 2), calc(-5vw * 2));
	-o-transform: translate(calc(8vw * 2), calc(-5vw * 2));
	transform: translate(calc(8vw * 2), calc(-5vw * 2));
}

/* INDEX PROJECT HOVERS */

.project-hovers {
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
}

.project-hovers .hovers-sm-project-titles {
	background-color: var(--c--eva-neon);
	color: var(--c--blacker-the-berry);
	font-size: var(--f--inconsolata-small-size);
	letter-spacing: .15em;
	right: calc(1% * 2);
	bottom: calc(.75% * 2);
}

.project-hovers .project-hovers-brand-logo {
	width: calc(22vw * 2);
	height: calc(10vh * 2);
	min-height: 200px;
}

.project-hovers .project-hovers-inner {
	height: 100vh;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.project-hovers-w-video .project-hovers-inner video {
	width: auto;
	min-width: 105%;
	height: 100vh;
	min-height: 100%;
	z-index: 1;
}

/* MUST ADD NEW PROJECTS HERE TO CSS!!!!!! */

/* 01 PROJECT */

.project-hovers-inner.proj-bs {
	background-image: url('https://www.timterry.com/media/img/webp/index_project_hovers/index_hover_biggg_stepper.jpg');
}

#proj-ul-parent li:hover:nth-child(1) ~ #flower-n-project-hovers-special .project-hovers.proj-biggg-stepper {
	opacity: 1;
	visibility: visible;
	z-index: 2;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

/* 02 PROJECT */ 

.project-hovers-inner.proj-gwg {
	background-image: url('https://www.timterry.com/media/img/webp/index_project_hovers/index_hover_biggg_stepper.jpg');
}

#proj-ul-parent li:hover:nth-child(2) ~ #flower-n-project-hovers-special .project-hovers.proj-girlz-w-grilz {
	opacity: 1;
	visibility: visible;
	z-index: 2;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

/* 03 PROJECT - CRUSHFANZINE 11 */

.proj-crushfanzine11 .project-hovers-brand-logo {
	max-width: 825px;
}

#proj-ul-parent li:hover:nth-child(3) ~ #flower-n-project-hovers-special .project-hovers.proj-crushfanzine11 {
	opacity: 1;
	visibility: visible;
	z-index: 2;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

/*
FOOTER
_______________________________________________________
*/

footer {
	margin-top: 2.5px;
}

.footer.index-footer {
	background-color: var(--c--magenta);
}

.footer.index-footer,
.footer.index-footer a,
.footer.index-footer p,
.footer.index-footer span,
.footer.index-footer div {
	color: var(--c--blacker-the-berry);
	font-size: var(--f--inconsolata-small-size);
	letter-spacing: .15em;
}

.footer .bottom-footer {
	border-top: 1px solid #000;
	padding: 3% 0;
}

.top-footer {
	padding: 4% 0;
	width: 92%;
}

.top-footer .top-footer-child {
}

.top-footer .top-footer-child.list-group {
	line-height: 2.5;
	line-height: 4vh;
	width: 31%;
}

.top-footer-child.list-group .footer-s-c {
	padding: 3% 27% 3% 0;
}

.footer-s-c:after {
	content: "";
	display: block;
	background-image: url('https://www.timterry.com/media/img/svg/white_arrow_45degree.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	right: 5%;
	top: calc(45% - 5px);
	width: calc(15% * 2);
	max-width: 18px;
	height: calc(15% * 2);
	max-height: 18px;
}

.footer-s-c:nth-child(1):after {
	background-image: url('https://www.timterry.com/media/img/svg/icon_subnav_white_contact.svg');
	width: calc(22% * 2);
	max-width: 20px;
	height: calc(22% * 2);
	max-height: 20px;
	top: calc(45% - 8px);
}

.top-footer-child.video-and-back2-top-container {
	width: 69%;
	min-height: 235px;	
}

.top-footer-child.video-and-back2-top-container .f-c-elements {
	position: absolute;
}

.f-c-elements.f-c-back2-top {
	right: 1%;
	z-index: 1;
}

.f-c-elements.f-c-back2-top .get-up-ascii-arrow {
	background-image: url('https://www.timterry.com/media/img/svg/index_sw_arrow_sm_white.svg');
	background-size: 100%;
	background-position: center top;
	padding: calc(7vw * 2);
	min-height: 185px;	
}

.get-up-txt h3 {
	height: 60px;
	margin-top: 2%;
}

.get-up-txt h3 span {
	color: var(--c--vanilla) !important;
	font-size: inherit !important;
	letter-spacing: inherit !important;
}

.get-up-txt h3 span .st-space {
	border: 1px solid var(--c--eva-neon);
	width: 25px;	
}

.f-c-elements.f-c-video {
	width: 107%;
	height: calc(9vh * 2);
	min-height: 140px;
	max-height: 150px;
	z-index: 0;
	-webkit-transform: translate(calc(5% + 5px), calc(65% - 35px));
	-moz-transform: translate(calc(5% + 5px), calc(65% - 35px));
	-ms-transform: translate(calc(5% + 5px), calc(65% - 35px));
	-o-transform: translate(calc(5% + 5px), calc(65% - 35px));
	transform: translate(calc(5% + 5px), calc(65% - 35px));
}

.f-c-elements.f-c-video video {
	width: 105%;
}

.bottom-footer .barcode {
	background-size: 130%;
	padding: 8% 0;
	width: 70%;
	max-width: 500px;
}

.bottom-footer p {
	padding: 3% 0 0 0 !important;
}

.bottom-footer p span {
	font-size: 1rem !important;
}

/* FOOTER CHANGES to row layout here */

@media (min-width: 32.8125em) {
	.top-footer.d-row {
		flex-direction: column;	
	}
	
	.top-footer-child.video-and-back2-top-container,
	.top-footer-child.list-group {
		width: 100% !important;
	}
	
	.top-footer-child.video-and-back2-top-container {
		order: 1;
	}
	
	.top-footer-child.list-group {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: calc(5vh + 3.5rem);
		order: 2;
		column-gap: 3px;
	}
	
	.top-footer-child.list-group .footer-s-c {
		flex: 0;
		padding: 1% 7% 1% 4%;
	}
		
	.footer-s-c:after {
		right: 9%;
		top: calc(45% - 6px);
	}
	
	.footer-s-c:nth-child(1) {
		order: 1;
	}
	
	.footer-s-c:nth-child(2) {
		order: 2;
	}
	
	.footer-s-c:nth-child(3) {
		order: 3;
	}
	
	.footer-s-c:nth-child(4) {
		order: 4;
	}
	
	.footer-s-c:nth-child(5) {
		order: 5;
	}
	
	.footer-s-c:nth-child(6) {
		order: 6;
	}
	
	.f-c-elements.f-c-back2-top {
		right: unset;
		left: 0;
	}
	
	.f-c-elements.f-c-video {
		width: 85%;
		height: calc(15vh * 2);
		min-height: 250px;
		max-height: 260px;
		right: 0;
		-webkit-transform: translate(0, calc(10vh - 35px));
		-moz-transform: translate(0, calc(10vh - 35px));
		-ms-transform: translate(0, calc(10vh - 35px));
		-o-transform: translate(0, calc(10vh - 35px));
		transform: translate(0, calc(10vh - 35px));
	}
}

.inner-pages footer.index-footer.w-100 {
	width: 100% !important;
}

/* iPHONE SE rotated */

@media (orientation: landscape) and (min-width: 400px) {
	.hea-cta-content img {
		border: 1px solid yello;
	}	
	
	.hea-cta-workwithme.justify-content-between {
		justify-content: space-evenly !important;
	}
}

/*
FORMS
_______________________________________________________
*/

/*=== FORM TYPOGRAPHY ===*/

body.submitted__contact-screen {
	font-family: var(--f--bebaskai-stack); /* font post form submission */
}

input[value="Submit"],
input[value="Reset"] {
	background-color: var(--c--blacker-the-berry);
	border-color: var(--c--blacker-the-berry);
	border-style: solid;
	border-width: 2px;
	color: var(--c--vanilla);
	font-family: var(--f--bebaskai-stack);
	font-size: calc(.5rem + 2vw);
	padding: .65rem 2.65rem;
	width: fit-content !important;
}

input[value="Reset"] {
	background-color: var(--c--eva-neon);
	color: var(--c--blacker-the-berry);
}

/* typography specific for form here for legibility */

form h1.display-4 {
	font-size: calc(1.475rem + 6vw);
	letter-spacing: -.045em;
	line-height: .8;
}

.input__non-buttons label {
	font-size: calc(1.475rem + 2vw);
	padding: .15rem .5rem;
	-webkit-transform: translate(5px,0);
	-moz-transform: translate(5px,0);
	-ms-transform: translate(5px,0);
	-o-transform: translate(5px,0);
	transform: translate(5px,0);
	will-change: font-size, transform, color, background-color, z-index;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	z-index: 0;
}

/*=== FORM - DEFAULT ===*/

textarea {
	resize: none;
}

input:focus,
textarea:focus {
	outline: unset;
}

#contact-form-bg.form__fs-container {
	display: none !important;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	visibility: hidden;
	z-index: 7777; /* 3rd major lucky-seven */
}

#contact-form-bg.form__fs-container.active {
	display: flex !important;
}

#contact-form-bg .form__main-container {
	opacity: 0;
	width: 100dvw;
	max-width: 450px;
	height: 100dvh;
	max-height: 1000px;
	visibility: hidden
}

#contact-form-bg .form__main-container.form__submitted {
	background: var(--c--magenta);	
}

.form__neon-container.anime-el {
	background: var(--c--eva-neon);
}

#neon-contact-form .exit-form {
	background-color: var(--c--eva-neon);
	background-image: url('https://www.timterry.com/media/img/svg/icon_exit.svg');
	padding: 1.25rem;
	top: 1.5rem;
	right: 1.5rem;
}

#neon-contact-form .contact-form-video {
	background-position: top;
	height: calc(25vw * 2);
	max-height: 190px;
	min-height: 125px;
}

#neon-contact-form input,
#neon-contact-form textarea {
	width: 100%;
	z-index: 1;
}	

.form__default-submission-container {
	display: block;
	opacity: 1;
	visibility: visible;
}

.form__default-submission-container.in-active {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.form__inputs-container {
	border: 1px solid re;
}

.input__label-container input:focus + label,
.input__label-container.active input + label,
.input__label-container textarea:focus + label,
.input__label-container.active textarea + label {
	background-color: var(--c--eva-neon);
	font-size: calc(.5rem + 2vw);
	z-index: 1;
	-webkit-transform: translate(15px,-37px);
	-moz-transform: translate(15px,-37px);
	-ms-transform: translate(15px,-37px);
	-o-transform: translate(15px,-37px);
	transform: translate(15px,-37px);
}

.input__label-message textarea:focus + label,
.input__label-message.active textarea + label {
	-webkit-transform: translate(15px,-62px);
	-moz-transform: translate(15px,-62px);
	-ms-transform: translate(15px,-62px);
	-o-transform: translate(15px,-62px);
	transform: translate(15px,-62px);
}

input:focus + label,
textarea:focus + label {
	background-color: var(--c--blacker-the-berry) !important;
	color: var(--c--vanilla);
}	

.input__label-container {
	margin-bottom: .5rem;	
}

.input__buttons {
	margin-top: 2.5rem;
}

.input__non-buttons {
	padding: 2.25rem 0 3rem 0;
}

.input__non-buttons.input__label-message {
	padding: 4rem 0 5.25rem;
}

.input__label-container.input__non-buttons * {
	position: absolute;
}

.input__non-buttons input,
.input__non-buttons textarea {
	background-color: rgba(0,0,0,.075);
	border-color: var(--c--eva-neon);
	border-style: solid;
	border-width: 2px;
	padding: 1.35rem 1rem 1.35rem 7.75rem;
	will-change: background-color, border, padding; 
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	z-index: 0;
}

.input__non-buttons input:focus,
.input__non-buttons.active input,
.input__non-buttons textarea:focus,
.input__non-buttons.active textarea {
	background-color: var(--c--eva-neon);
	border-color: var(--c--blacker-the-berry);
	padding: 1.5rem 1rem 1.5rem 1rem;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

/* .input__buttons input[value="Send Message"] {
	width: fit-content;
}*/

/*=== FORM - SUBMITTED ===*/

.form__main-container.form__submitted {
	overflow: hidden !important;
}

.form__main-container.form__submitted .form__neon-container {
	background-color: var(--c--magenta);
}

.form__main-container.form__submitted .form__neon-container #neon-contact-form .exit-form {
	background-color: var(--c--magenta);
}

.form__submitted-container {
	display: none;
	background-color: var(--c--magenta);
	min-height: 1000px;
	opacity: 0;
	visibility: hidden;
}

.form__submitted-container.active {
	display: block;
	opacity: 1;
	visibility: visible;
}

.form__submitted-container video {
	height: 100vh;
	min-height: 1000px;
	top: 0;
}

.form__submitted-container .fs__fullheight-child-container {
	border: 1px solid aqua;
}

.fs__fullheight-child-container div {
	border: 1px solid yellow;
}

.form__submitted-container h1 {
	background-color: var(--c--magenta);
	margin-bottom: 1.25rem
}


/*
PRELOADER
_______________________________________________________
*/

#preloader {
	background-color: var(--c--magenta);
	width: 100dvw;
	height: 100dvh;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 777; /* 2nd major lucky-seven */
}

/*
INTERACTIVITIEEEEESSSSSS -- CURSOR
_______________________________________________________
*/

.circle-container__cursor-video {
	border-radius: 100%;
	backface-visibility: hidden;
	display: none;
	margin: 0 -100px -100px 0;
	width: 90px;
	height: 90px;
	position: absolute;
	top: 0;
	left: 25%;
	z-index: 7777777; /* FINAL major lucky-seven */
}

.circle-container__cursor-video .circle-container__relative {
	border-radius: 100%;
	width: 100%;
	height: 100%;                       
}

.circle-container__relative .container__cursor-video-clips {
	background-color: var(--c--eva-neon);
	width: 66px;
	height: 66px;
	position: absolute;
	bottom: 0;
	right: 0;
}