/* 1040px viewport width ÷ 16px = 65em */

/*
ROOT
_______________________________________________________
*/

:root {
	/*=== FONTS ===*/
	--f--inconsolata-small-size: calc(.25rem + .75vw);
}

/*
BOUT TO LAUNCH TEMP PAGE 
_______________________________________________________
*/

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

.layer__3 {
	background-image: url('https://www.timterry.com/media/img/gif/temp_page/1920_landscape_temp_bg.gif') !important;
}
	
/*
TYPOGRAPHY
_______________________________________________________
*/

h1,
h2,
h3,
h4 {
	letter-spacing: -0.0777em;
}

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

/*
HOMEPAGE & SECONDARY NAVIGATION
_______________________________________________________
*/

#proj-ul-parent .proj-li-child {
	width: 50%;
	height: calc(13vh * 2);
	min-height: 200px;
	max-height: 325px;
}

/* DESIGNER, DEVELOPER, TYPOGRAPHER, BRANDING */
.list-group-item.pt-2.pt-2 {
	padding-top: .25rem !important;
}

.list-group-item.pt-2.pb-2 {
	padding-bottom: .25rem !important;
}

/*
FS INNERPAGE NEON NAVIGATION
_______________________________________________________
*/

/*
COMPONENTS
_______________________________________________________
*/

.hea-child {
	padding: 2.75rem 1.25rem;	
}

.hea-logo-container img {
	top: 30px;
	max-width: 250px;
}

.hea-logo-container.hea-child-mobile img {
	top: 20px;
	max-width: 150px;
}

.hea-cta-rotate .hea-cta-content {
	max-height: 100px;
	width: calc(40rem + 10vw);
	max-width: 750px;
}

.hea-cta-container.hea-child-mobile .hea-cta-rotate .hea-cta-content {
	width: calc(30rem + 10vw);
}

.cta-wwm:nth-child(2) {
	background-size: calc(7rem + 3vw);
}

.hea-cta-container.hea-child-mobile .cta-wwm:nth-child(2) {
	background-size: calc(3rem + 3.25vw);
}

.hea-cta-content img {
	max-width: 100px;
	max-height: 100px;
}

.hea-cta-container .hea-cta__animated-content {
	width: 85%;
	height: 95%;
	min-width: 370px;
	max-width: 925px;
	max-height: 85px;
}

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

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

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

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

/*
HOMEPAGE FLOWER & PROJECT IMAGES SPECIAL
_______________________________________________________
*/

#flower-n-project-hovers-special {
	display: flex !important;
}

/*
FOOTER
_______________________________________________________
*/

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

.top-footer {
	padding: 3% 0;
}

.top-footer .top-footer-child.list-group {
	line-height: 2vh;
	margin-top: calc(5vh + 5rem);
}

.top-footer-child.list-group .footer-s-c {
	padding: 2% 6% 2% 2%;
}

.footer-s-c:after {
	right: 12%;
}

.f-c-elements.f-c-video {
	width: 90%;
	height: calc(30vh * 2);
	max-height: 280px;
}

.f-c-elements.f-c-back2-top .get-up-ascii-arrow {
	padding: calc(4vw * 2);
}

.get-up-txt h3 {
	margin-top: 5%;
}

.bottom-footer .barcode {
	background-size: 130%;
	padding: 6% 0;
	width: 50%;
	max-width: 450px;
}

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

/*
FORMS
_______________________________________________________
*/

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

/* typography specific for form here for legibility */

input[value="Submit"],
input[value="Reset"] {
	font-size: 1rem;
}

form h1.display-4 {
	font-size: 3.5rem;
}

#neon-contact-form .contact-form-video {
	max-height: 180px;
}

.input__non-buttons label {
	font-size: 2rem;
}

.input__label-container input:focus + label,
.input__label-container.active input + label,
.input__label-container textarea:focus + label,
.input__label-container.active textarea + label {
	font-size: 1rem; 
}

#contact-form-bg .form__main-container {
	width: 30vw;
	max-width: 450px;
	min-width: 400px;
	height: 90vh;
	max-height: 1000px;
}

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

/*
INTERACTIVITIEEEEESSSSSS -- CURSOR & PRELOADER
_______________________________________________________
*/

.circle-container__cursor-video {
	display: block;
}