/*!
Theme Name: Otto Aviation
Theme URI: http://underscores.me/
Author: Fairly Painless
Author URI: http://fairlypainless.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: otto-aviation
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Otto Aviation is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/



/* FONTS */
@font-face {
  font-family: Idlewild-Bold;
  src: url('../../themes/otto-aviation/fonts/Idlewild-Bold.otf') , 
	    format('opentype');
  font-weight: normal;
  font-style:  normal;
}
@font-face {
	font-family: Idlewild-Book;
	src: url('../../themes/otto-aviation/fonts/Idlewild-Book.otf') , 
		  format('opentype');
	font-weight: normal;
  	font-style:  normal;
}
@font-face {
  	font-family: Idlewild-Light;
  	src: url('../../themes/otto-aviation/fonts/Idlewild-Light.otf') , 
	      format('opentype');
  	font-weight: normal;
  	font-style:  normal;
}
@font-face {
	font-family: Idlewild-Medium;
	src: url('../../themes/otto-aviation/fonts/Idlewild-Medium.otf') , 
		  format('opentype');
	font-weight: normal;
  	font-style:  normal;
}
@font-face {
	font-family: Idlewild-Thin;
	src: url('../../themes/otto-aviation/fonts/Idlewild-Thin.otf') , 
		  format('opentype');
	font-weight: normal;
  	font-style:  normal;
}
@font-face {
	font-family: Karla;
	src: url('../../themes/otto-aviation/fonts/Karla-VariableFont_wght.ttf') , 
		  format('truetype');
  	font-style:  normal;
}
@font-face {
	font-family: Karla-Italic;
	src: url('../../themes/otto-aviation/fonts/Karla-Italic-VariableFont_wght.ttf') , 
		  format('truetype');
  	font-style:  normal;
}
@font-face {
	font-family: Source Code Pro;
	src: url('../../themes/otto-aviation/fonts/SourceCodePro-VariableFont_wght.ttf') , 
		  format('truetype');
  	font-style:  normal;
}





/* COLORS */

:root {
  --otto-purple       :      #7b61ff;      /* Accent & Buttons BG (rave purple) */
  --otto-green        :      #00ff87;      /* Accent Labels (neon green) */	
  --otto-blue         :      #3d8bff;      /* Accent & Buttons BG (imperial blue) */
  --otto-grey         :      #ffffff1a;    /* Heading text (soft-grey) White with 7% opacity */
  --otto-bg-grey	  :      #dedede;      /* Light Content Sections BG (light-grey) */
  --otto-footer-grey  :      #d5d5d7;      /* Light text on dark BG (subtle-white) */
  --otto-bg-black	  :      #070708;      /* Dark Background Base Color (stone black) */
  --otto-text-dark	  :      #545c64;      /* Dark text on light grey BG (charcoal) */
  --otto-text-light   :      #cfcfcf;      /* Light text on dark BG (subtle-white) */
  --otto-text-lightv2 :      #acacac;      /* Light text on dark BG (subtle-white) v2 */
}

.text-white {
	color: var(--otto-text-white);
}
.text-dark {
	color: var(--otto-text-dark);
}




/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 60%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	overflow-x: hidden;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1.25rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: Idlewild-Medium;
	line-height: 1.1;
}

h2,
h3,
h4,
h5,
h6 {
    color: #eaeaea;
}

h2 {
	font-size: 32px;
}

p {
	font-family: Karla;
	color: var(--otto-text-light);
	font-size: 24px;
	font-size: 20px;
    font-weight: 300;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: var(--otto-bg-black);
	overflow-x: hidden;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

section ul {
    color: var(--otto-text-light);
}

section ul li::marker {
    color: var(--otto-green);
}

section.light-bg ul{
	color: var(--otto-text-dark);
	margin: 0;
}

section.light-bg ul li::marker {
    color: var(--otto-bg-black);
}

section li {
    font-family: 'Karla';
    font-weight: 300;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

video {
    height: auto !important;
}

/* Links
--------------------------------------------- */
a {
	color: var(--otto-blue);
	text-decoration-color: transparent;
}

a:visited {
	color: var(--otto-blue);
}

a.btn:visited {
	color: #fff;
}

a:hover,
a:focus,
a:active {
	color: #fff;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

.cta-link {
	font-family: 'Idlewild-bold';
	letter-spacing: 2px;
	transition: .5s;
	position: relative;
}
.cta-link:hover {
    color: var(--otto-blue);
    text-shadow: 0 0 9px #4aa7a9;
}

.link-purple {
	color: var(--otto-purple) !important;
}

.link-blue {
	color: var(--otto-blue) !important;
}

.link-green {
	color: var(--otto-green) !important;
}

a.cta-link.link-purple::after {
    content: "";
    background-image: url(/wp-content/uploads/2025/04/purple-arrow-icon.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    height: 10px;
    width: 10px;
    right: -22px;
    top: 2px;
}


/* Buttons
--------------------------------------------- */
.btn-wrapper {
    width: fit-content;
	display: grid;
}

section .btn-wrapper {
    margin-top: 50px;
}

.btn {
    color: #fff;
    text-decoration: none;
    font-family: 'Idlewild-medium';
    font-size: 10px;
    border-radius: 50px;
    padding: 14px 40px 12px;
    letter-spacing: 2px;
    line-height: 1;
    transition: all .35s, box-shadow .7s;
	cursor: pointer;
}

.btn-purple {
	background-color: var(--otto-purple);
}
.btn-purple:hover{
    box-shadow: 0 0 17px 0px var(--otto-purple);
}

.btn-purple-alt {
	background-color: #21334442 !important;
    outline: 2px solid var(--otto-purple);
}
.btn-purple-alt:hover{
    outline: 2px solid var(--otto-green);
}




.btn-blue {
	background-color: var(--otto-blue);
}

.btn-green {
	background-color: var(--otto-green);
}
.btn-green:hover {
    box-shadow: 0 0 17px 0px var(--otto-green);
}


/* Light Sections */
.light-bg .btn{
    background: var(--otto-blue);
}

/* Dark Sections */
.dark-bg .btn {
    background: var(--otto-purple);
}
.dark-bg .btn:hover {
    color: #fff;
    background: #7b61ffbd;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0px;
	border-color: transparent;
	border-radius: 0px;
	background: transparent;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
/*	padding: 0.6em 1em 0.4em;*/
	height: 30px;
    width: 50px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: revert; /* Remove 100% width to center content */
	position: relative;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
/*    float: left;*/
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px 0;
	opacity: 0;
    transition: opacity .5s .2s, left 0s .4s;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: 0;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}


/* Small menu. */
.main-navigation.toggled {
    top: 39px;
    position: absolute;
    right: 0;
    width: fit-content;
}
.main-navigation.toggled ul {
    padding-top: 10px;
}
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.menu-toggle {
    position: fixed;
    top: 37px;
    right: 5%;
	z-index: 1;
}
span.ham {
		display: block;
		height: 3px;
		width: 38px;
		background-color: #fff;
		position: absolute;
		top: 0;
		left: 0;
		transition: all 0.6s, width .3s;
		border-radius: 12px;
	}
.toggled span.ham {
	background-color:#fff;
}
span.ham.ham-1 {
    width: 100%;
    transform: scaleX(.5);
}
span.ham.ham-2 {
    top: 9px;
    background-color: #fff;
    width: 100%;
}
span.ham.ham-3 {
    top: 18px;
    background-color: #fff;
    width: 100%;
    transform: scaleX(.2);
}
.toggled span.ham.ham-1 {
	transform:rotate(-45deg);
	top: 6px;
	left:10px;
	width: 60%;
}
.toggled span.ham.ham-2 {
	opacity: 0;
	width: 0;
}
.toggled span.ham.ham-3 {
	transform:rotate(45deg);
	top: 6px;
	left:10px;
	width: 60%;
}
.main-navigation.toggled ul li.menu-item-has-children ul{
	opacity: 1 !important;
    position: relative;
    padding: 10px 0 0 10px;
	left: 0;
}
.main-navigation.toggled ul li.menu-item-has-children ul.sub-menu li{
	opacity: 1;
}
.toggled ul#primary-menu li {
    margin-bottom: 10px;
	width: 100%;
    text-align: right;
}
.toggled ul#primary-menu li:last-child {
    margin-bottom: 0px;
}

.main-navigation.toggled {
    padding-right: 50px;
}

.main-navigation.toggled ul ul {
    background-color: transparent;
    backdrop-filter: revert;
	-webkit-backdrop-filter: revert;
}


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

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		gap: 30px;
	}
	
	.contact-nav-link {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}


/* Customized Navigation Header - Logo -> Nav Links -> Contact Button */
header#masthead {
	display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 50px;
}
.container.header-container {
    max-width: 1650px;
}

@media only screen and (max-width: 550px){
	.container.header-container {
		max-width: 95%;
	}
}
.header-container::after {
    z-index: 1;
    /* background-color: #00000070; */
    background-image: linear-gradient(180deg, var(--otto-bg-black) -14%, transparent 90%);
    /* backdrop-filter: blur(6px); */
    content: "";
    position: fixed;
    height: 0px;
    width: 100%;
    top: 0;
    left: 0;
    transition: height .48s .2s ease-in-out;
}
.header-container.active::after {
    height: 104px;
}

.site-branding {
	max-width: 175px;
    margin-top: 0px;
	z-index: 3;
}
.site-branding .logo-wrapper {
    display: grid;
}
.main-navigation a {
    font-family: 'Idlewild-Medium';
    font-size: 9px;
	color: #c7c7c7;
	transition: color .5s, text-shadow .8s;
	text-shadow: 0 0 10px black;
	cursor: pointer;
	position: relative;
}
.main-navigation a:hover {
    color: var(--otto-green) !important;
    text-shadow: 0 0 10px var(--otto-green) !important;
}




.main-navigation ul ul a {
    font-family: 'Idlewild-Light';
}
.main-navigation .current_page_item a::after, .main-navigation .current_page_parent > a::after {
    content: "";
    height: 1px;
    width: 100%;
    background-image: linear-gradient(45deg, transparent, var(--otto-green), transparent);
    position: absolute;
    bottom: -3px;
    left: 0;
	transition: all .5s, transform .8s .2s;
    transform: scaleX(0);
}
.main-navigation.loaded .current_page_item a::after, .main-navigation.loaded .current_page_parent > a::after {
    transform: scaleX(1);
}
.main-navigation ul.sub-menu .current_page_item a::after {
    background-image: linear-gradient(45deg, var(--otto-green), transparent);
}
.main-navigation .current_page_item ul a::after {
    height: 0px;
}

.main-navigation .current_page_item ul a {
    color: #c7c7c7;
	text-shadow: none;
}
.main-navigation ul ul::before {
    content: "";
    position: absolute;
    top: 1px;
    left: -15px;
    width: 1px;
/*    height: 93%;*/
    background-image: linear-gradient(0deg, #939393 0%, transparent);
	transition: height .48s;
}
.menu-item-has-children ul.sub-menu::before{
    height: 0%;  
}
.menu-item-has-children:hover ul.sub-menu::before {
    height: 93%;
}
.menu-item-has-children ul.sub-menu li {
    opacity: 0;
    transition: .32s .08s;
}
.menu-item-has-children:hover ul.sub-menu li {
    opacity: 1;
}
.main-navigation ul li.menu-item-has-children:hover ul {
    opacity: 1;
    transition: opacity .5s;
}

@media screen and (max-width: 1279px) {
	ul#primary-menu::after {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		background-image: url(https://ottoaviation.wpenginepowered.com/wp-content/uploads/2025/04/aurora-company-scaled.webp);
		background-position: center;
		z-index: -1;
		opacity: 0;
		transition: opacity 4s .5s;
	}
	.toggled ul#primary-menu::after {
		opacity: .3;
	}
	header .btn-wrapper {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	.main-navigation ul {
        display: block;
        position: fixed;
        height: 100%;
		width: 0;
        right: 0;
		transition: all .48s, width 1s ease-out, backdrop-filter 1s, background-color 2s;
		top: 0;
		padding: 120px 0 40px;
		background-color: var(--otto-bg-black);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
    }
	.main-navigation.toggled ul {
		display: block;
	    padding: 110px 40px 40px;
		width: 100%;
        background-color: #0707089c;
		backdrop-filter: blur(40px);
		-webkit-backdrop-filter: blur(40px);
	}
	.main-navigation ul li.menu-item-has-children ul {
		left: 0;
	}
	.main-navigation ul#primary-menu li {
/*		opacity: 0;*/
		width: 100%;
        text-align: right;
		transition: all .5s, opacity .1s, width .8s ease-out;
	}
	.main-navigation.toggled ul#primary-menu li {
/*		opacity: 1;*/
		transition: all .5s, opacity .8s .7s, width .8s ease-out;
	}
	
	ul#primary-menu > li {
		opacity: 0 !important;
		transform: translatex(50px);
	}
	.toggled ul#primary-menu > li{
		transform: translatex(0px);
	}
	.toggled ul#primary-menu > li:first-child {
		opacity: 1 !important;
		transition: opacity .65s .5s ease-out, transform .75s .4s;
	}
	.toggled ul#primary-menu > li:nth-of-type(2) {
	opacity: 1 !important;
	transition: opacity .65s .6s ease-out, transform .75s .5s;
	}
	.toggled ul#primary-menu > li ul li:nth-of-type(1) {
	opacity: 1 !important;
	transition: opacity .65s .7s ease-out, transform .75s .6s;
	}
		.toggled ul#primary-menu > li ul li:nth-of-type(2) {
	opacity: 1 !important;
	transition: opacity .65s .8s ease-out, transform .75s .7s;
	}
	.toggled ul#primary-menu > li ul li:nth-of-type(3) {
	opacity: 1 !important;
	transition: opacity .65s .9s ease-out, transform .75s .8s;
	}
	.toggled ul#primary-menu > li:nth-of-type(3) {
	opacity: 1 !important;
	transition: opacity .65s 1s ease-out, transform .75s .9s;
	}
	.toggled ul#primary-menu > li:nth-of-type(4) {
	opacity: 1 !important;
	transition: opacity .65s 1.1s ease-out, transform .75s 1s;
	}
	.toggled ul#primary-menu > li:nth-of-type(5) {
	opacity: 1 !important;
	transition: opacity .65s 1.2s ease-out, transform .75s 1.1s;
	}
	.toggled ul#primary-menu > li:nth-of-type(6) {
	opacity: 1 !important;
	transition: opacity .65s 1.3s ease-out, transform .75s 1.2s;
	}
	.toggled ul#primary-menu > li:nth-of-type(7) {
	opacity: 1 !important;
	transition: opacity .65s 1.4s ease-out, transform .75s 1.3s;
	}
	
	.main-navigation a {
		font-size: 18px;
		margin-bottom: 28px;
		width: fit-content;
		display: inline-block;
	}
	.main-navigation ul ul a {
		width: fit-content;
	}
	.main-navigation ul ul {
		position: relative;
	}
	.main-navigation ul.sub-menu .current_page_item a::after {
		background-image: linear-gradient(45deg, transparent, var(--otto-green), transparent);
	}
	.main-navigation ul ul a {
		font-size: 12px;
	}
	.main-navigation ul ul::before {
		display: none;
	}
	.menu-item-has-children {
		z-index: 3;
	}
	
}






/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 25px;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	color: #ffffffbf;
    font-size: 14px;
    font-family: 'Source Code Pro';
    font-style: italic;
}

.wp-caption-text {
	text-align: center;
}


@media only screen and (max-width: 600px) {
	figure#attachment_298 {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}





/* CUSTOM STYLING - START 
--------------------------------------------- */
.container {
	max-width: 1250px;
	margin: 0 auto;
	display: grid;
	position: relative;
}

.single .container {
    max-width: 1100px;
}

@media only screen and (max-width: 1300px) {
	.container {max-width: 1150px;}
}

@media only screen and (max-width: 1150px) {
	.container, .single .container {max-width: 90%;}
	
}


/* BANNERS
--------------------------------------------- */

.banner {
	position: relative;
	margin-top: 150px;
	min-height: 300px;
}
.banner h1 {
    text-align: center;
    font-family: 'Idlewild-Medium';
    font-size: 48px;
}

/* Large Banner */
.large-banner {
    height: 700px;
}

.medium-banner {
    height: 400px;
}

.banner .container {
    max-width: 1600px;
}

/* Clouds */
.home .banner-clouds {
    background-image: url(/wp-content/uploads/2025/06/northern-lights-layer-2-more-color.webp);
    background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
    background-color: var(--otto-bg-black);
    background-blend-mode: hard-light;
/*    mix-blend-mode: luminosity;*/
    position: absolute;
    height: 175%;
    width: 100%;
	z-index: -1;
    transform: translateY(-150px);
}
/* Black gradient fade at bottom of banner */
.banner-clouds::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background-image: linear-gradient(0deg, var(--otto-bg-black) 3%, transparent 50%, transparent);
}

.home .banner-clouds::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(/wp-content/uploads/2025/06/northern-lights-layer-1.webp);
    background-position: center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--otto-bg-black);
    background-blend-mode: hard-light;
    opacity: 0.4;
}

.plane-w-stats-banner .banner-clouds {
    background-image: url(/wp-content/uploads/2025/04/aurora-2-scaled.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--otto-bg-black);
    position: absolute;
    height: 200%;
    width: 100%;
    z-index: -1;
    transform: translateY(-150px);
}




/* Plane with Stats - Banner */
.plane-w-stats-banner .banner-graphic {
    height: 60vh;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
	margin: 0 50px;
}


.plane-w-stats-banner .banner-text-group h1 {
    text-align: center;
    font-family: 'Idlewild-Thin';
    font-size: 52px;
    color: #fff;
    margin: 0 auto;
    width: 70%;
}

.plane-w-stats-banner.has-no-bg-img .banner-text-group h1 {
    padding-top: 80px;
}
.plane-w-stats-banner.has-stats .banner-text-group h1 {
	margin-bottom: 60px;
}
.stats-list {
    display: flex;
    justify-content: space-between;
	padding: 0 50px;
	flex-wrap: wrap;
}
.stat-item h3 {
    font-family: 'Karla';
    color: #5c626b;
    margin-bottom: 0px;
	font-size: 16px;
	text-shadow: 0px 2px 5px #1f1f1f87;
}
.stat-item p {
    font-size: 24px;
    font-family: 'Idlewild-Bold';
	margin-top: 0;
	color: #fff
}
.stat-item p span {
    font-size: 12px;
    font-family: 'Idlewild-Medium';
    color: #b0bec5;
}
.stat-item p span sub {
    font-size: 12px;
    bottom: 4px;
    left: -4px;
}


.banner-graphic {
	margin: 0 !important;
	transform: scale(1.015);
}

/* Plane with Stats - Banner */
.banner.big-graphic-banner {
    margin-top: 0;
}
.big-graphic-banner .banner-graphic {
	height: 1000px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
	display: grid;
    place-items: center;
}
.big-graphic-banner .banner-clouds {
    background-image: url(/wp-content/uploads/2025/04/aurora-company-scaled.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--otto-bg-black);
    position: absolute;
    height: 175%;
    width: 100%;
    z-index: -1;
    transform: translateY(-150px);
}
.banner.big-graphic-banner h1 {
    color: #fff;
    font-family: 'Idlewild-Thin';
    margin-top: -100px;
}
#post-161 .big-graphic-banner .banner-graphic, 
#post-445 .big-graphic-banner .banner-graphic{
    height: 60vh;
    background-position: center 0px;
    background-size: contain;
}
#post-161 .banner.big-graphic-banner h1, 
#post-445 .banner.big-graphic-banner h1{
    margin-top: 50px;
}

#sequence-canvas {
  width: 100%;
  height: 100%;
  display: block;
}


@media only screen and (max-width: 1100px){
	.stat-item {
		width: 28%;
		text-align: center;
	}
	.stats-list {
		justify-content: center;
	}
	.plane-w-stats-banner .banner-text-group h1 {
		width: 100%;
	}
	.big-graphic-banner .banner-graphic {
  		height: 70vh;
	}
}

@media only screen and (max-width: 776px) {
	.banner {
		margin-top: 100px;
	}
    .stats-list {
        justify-content: space-between;
    }
	.stat-item h3 {
		font-size: clamp(.8rem, 1vw, 1rem);
        margin-bottom: 3px;
        color: #b2b5ba;
	}
	.stat-item p {
		font-size: clamp(.6rem, 3vw, 3rem);
	}
	.plane-w-stats-banner .banner-text-group h1 {
		font-size: clamp(1rem, 6vw, 4rem);
	}
	.plane-w-stats-banner .banner-graphic {
		min-height: 50vh;
		height: auto;
	}
/*
	.big-graphic-banner .banner-graphic {
  		height: 50vh;
	}
*/
	.banner.big-graphic-banner h1 {
		font-size: clamp(1rem, 7vw, 4rem);
	}
}

@media only screen and (max-width: 500px) {
	.stats-list {
		padding: 0 10px;
	}
	.stat-item {
        width: 45%;
    }
	.stat-item p {
        font-size: clamp(1rem, 4vw, 3rem);
    }
	.plane-w-stats-banner .banner-graphic {
		height: 40vh;
	}

}

/* SECTION PADDING
--------------------------------------------- */
.no-pad{
	padding: 0px 100px;
}
.top-pad{
	padding: 80px 100px 0;
}
.bottom-pad{
	padding: 0 100px 80px;
}
.both-pad{
	padding: 80px 100px;
}

.light-bg.no-pad{
	padding: 0px 100px;
}
.light-bg.top-pad{
	padding: 80px 100px 0;
}
.light-bg.bottom-pad{
	padding: 0 100px 80px;
}
.light-bg.both-pad{
	padding: 80px 100px;
}

.less-pad.top-pad {
	padding: 50px 100px 0;
}
.less-pad.bottom-pad {
	padding: 0 50px 100px;
}
.less-pad.both-pad {
	padding: 50px 100px;
}

.large-heading.no-pad{
	padding: 0px;
}
.large-heading.top-pad{
	padding: 80px 0px 0;
}
.large-heading.bottom-pad{
	padding: 0 0px 80px;
}
.large-heading.both-pad{
	padding: 80px 0px;
}

@media only screen and (max-width: 1150px) {
	.no-pad{
		padding: 0;
	}
	.top-pad{
		padding: 80px 0 0;
	}
	.bottom-pad{
		padding: 0 0 80px;
	}
	.both-pad{
		padding: 80px 0;
	}
	.light-bg.no-pad{
	padding: 0;
	}
	.light-bg.top-pad{
		padding: 80px 0 0;
	}
	.light-bg.bottom-pad{
		padding: 0 0 80px;
	}
	.light-bg.both-pad{
		padding: 80px 0;
	}
}

@media only screen and (max-width: 550px) {
	.no-pad{
		padding: 0px 0px;
	}
	.top-pad{
		padding: 60px 0 0;
	}
	.bottom-pad{
		padding: 0 0 60px;
	}
	.both-pad{
		padding: 60px 0;
	}
}





/* SECTION STATES
--------------------------------------------- */
.center-text {
	text-align: center;
}
.content-narrow {
	width: 70%;
	margin: 0 auto;
}


/* HERO VIDEO - HOMEPAGE
--------------------------------------------- */
.video-container {
    position: absolute;
    z-index: 1;
}


/* SECTIONS & HEADINGS
--------------------------------------------- */
section {
    position: relative;
	overflow-x: hidden;
}

/* Add extra padding-bottom to last section before footer */
/*
article section:last-child {
    padding-bottom: 160px;
}
*/
/* Last full-width section on page with large header gets extra top padding (for clouds) */
article section.full-width.has-large-heading:last-child {
    padding-top: 240px;
}

/* Large Headings - Full Width */
.heading-wrapper {
    max-width: 1500px;
    margin: 0 auto -60px;
    display: grid;
}
.home .heading-wrapper {
	margin-bottom: 60px;
}
.heading-wrapper h2 {
    font-size: 100px;
    text-align: center;
	color: #4a4a4a99;
	margin: 0;
	font-family: 'Idlewild-Book';
}
.heading-wrapper h3 {
    text-align: center;
    font-size: 32px;
    margin: 0 auto;
    margin-top: -30px;
    font-family: 'Idlewild-Book';
    text-shadow: 0px -6px 10px black;
    width: 70%;
}

/* Full-Width Large Heading Content */
.full-width.dark-bg.has-large-heading .content-wrap h2:first-child {
	text-shadow: 0px -6px 10px black;
}


section.large-heading .heading-wrapper {
    max-width: 100vw;
    margin: 0 auto -60px;
    display: grid;
    overflow-wrap: break-word;
}
section.large-heading .heading-wrapper h2 {
    text-align: center;
    color: #4a4a4a52;
    margin: 0;
    font-family: 'Idlewild-Book';
    font-size: clamp(2rem, 8vw, 12rem);
    text-wrap: balance;
	line-height: 1;
}

section.large-heading.short-text .heading-wrapper h2 {
    font-size: clamp(2rem, 9vw, 12rem);
	margin-bottom: -5px;
}
section.large-heading.medium-text .heading-wrapper h2 {
    font-size: clamp(2rem, 7vw, 12rem);
}
section.large-heading.long-text .heading-wrapper h2 {
    font-size: clamp(2rem, 6vw, 12rem);
}

section#sustainability-heading .heading-wrapper h2 {
    font-size: clamp(1.55rem, 6.5vw, 12rem);
}

@media only screen and (max-width: 1150px){
	.heading-wrapper h3 {
		margin-top: -12px;
	}
}

@media only screen and (max-width: 900px){
	section.large-heading.long-text .heading-wrapper h2 {
		font-size: clamp(2rem, 10.75vw, 12rem);
	}
	section.large-heading.medium-text .heading-wrapper h2 {
		font-size: clamp(1.8rem, 7.5vw, 12rem);
	}
}

@media only screen and (max-width: 776px){
    .heading-wrapper h3 {
        width: 90%;
        font-size: clamp(1.5rem, 4.5vw, 5rem);
		margin-top: -9px;
    }
}

@media only screen and (max-width: 550px){
    .heading-wrapper h3 {
		margin-top: 12px;
    }
}


/* FULL-WIDTH
--------------------------------------------- */
/* Basic Styles */
.full-width.content-center .content-wrap {
    width: 60%;
    margin: 0 auto;
}
.full-width.content-left .content-wrap,
.full-width.content-right .content-wrap{
    width: 50%;
}
.full-width.content-right .container {
    place-items: flex-end;
}

/* Extended Styles - Otto Specific */
.full-width.content-left.dark-bg p,
.full-width.content-right.dark-bg p{
    margin: 0 0 1.5em 3em;
    padding-left: 24px;
}

.full-width.content-center p {
    font-size: 30px;
    font-weight: 300;
}
.full-width.content-center em {
    color: #757575;
    font-style: normal;
}

/* Center Content Button */
.content-center .btn-wrapper {
    margin-inline: auto;
}

section.full-width.content-wide.light-bg.single-block .container {
    padding-block: 80px 150px;
}

.full-width.content-right .section-content p,
.full-width.content-left .section-content p{
    padding-left: 100px;
}

/* Media Kit Page */
#media-kit-pdf .content-wrap {
    width: 66%;
}

#images__media-kit img:hover,
#headshots__media-kit img:hover{
    box-shadow: 0 0 20px 2px #3d8bff70;
    outline: 1px solid var(--otto-green);
	transform: scale(1.01);
}
#images__media-kit img,
#headshots__media-kit img{
    transition: box-shadow .5s .12s, outline .5s .12s, transform .38s;
    outline: 0px solid transparent;
	pointer-events: none;
}

.before-submit .btn-purple-alt {
	position: relative;
}
.before-submit a span#cta-text {
    position: absolute;
    left: 2px;
    bottom: -30px;
    width: 100%;
    font-size: 7px;
    transition: opacity .5s;
    opacity: 0;
    text-align: center;
    height: 20px;
    display: grid;
    place-items: center;
	color: #858585;
}
.before-submit a:hover span#cta-text {
    opacity: 1;
}


/* Media Kit Form Modal */
#form__mediakit {
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 20px;
    width: 100%;
    height: 100%;
	display:grid;
	place-items: center;
    background-color: rgb(0 0 0 / 58%);
    transition: opacity .29s, top .39s cubic-bezier(0, 0, 0.43, 1);
    backdrop-filter: blur(4px);
	opacity: 0;
}
#form__mediakit.visible {
    opacity: 1;
	top: 0;
}
#form__mediakit::before {
    content: "";
    position: absolute;
    background-image: linear-gradient(55deg, var(--otto-bg-black), transparent), url(/wp-content/uploads/2025/04/aurora-2-scaled.webp);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(0px);
    opacity: 0;
	transition: opacity 1s ease, backdrop-filter 1.47s ease;
}
#form__mediakit.visible::before {
    backdrop-filter: blur(4px);
    opacity: .95;
}
.form-content__mediakit {
    padding: 50px;
    width: 80%;
	max-width: 800px;
    border-radius: 40px;
    box-shadow: 0px 0px 10px 10px rgb(10 15 25 / 10%), inset 1px 2px 0px 0px #00000000, 5px 7px 20px 0px #156a57a8;
	background-color: #0d1114b3;
    border: 3px solid;
    position: relative;
    transform: translateY(20px);
    transition: transform .5s ease-out;
}

.form-content__mediakit h2 {
    font-family: 'Idlewild-Book';
    text-align: center;
	margin-bottom: 30px;
	font-size: clamp(1.5rem, 2.5vw, 1.8rem);
}
.form-content__mediakit h5 {
    font-family: 'Idlewild-Light';
    text-align: center;
	margin-top: 20px;
	line-height: 1.5;
	max-width: 484px;
    margin: 0 auto 20px;
}
.form-confirmation__mediakit {
    position: fixed;
    font-size: 12px;
    place-items: center;
    width: 100%;
	height: 100%;
    z-index: 999;
	top: 0;
	opacity: 0;
	transition: opacity .29s, transform 1s ease;
	transform: scale(.7);
}
.form-confirmation__mediakit.visible {
	opacity: 1;
	transform: scale(1);
	transition: opacity .69s, transform 1s ease;
}
.confirmation-content {
	margin-top: 20vh;
    background-color: #0d1114a6;
    padding: 50px;
    border-radius: 20px;
    outline: 2px solid var(--otto-green);
    backdrop-filter: blur(50px);
	animation: pulseGlow 5.25s ease infinite;
	text-align: center;
}

.confirmation-content h3 {
    font-size: 22px;
	text-align: center;
	margin-top: 0;
}
.confirmation-content h4 {
    font-family: 'Idlewild-Book';
	text-align: center;
	margin-top: -5px;
	margin-bottom: 30px;
}
.confirmation-content .scroll-down img {
    width: 6%;
	animation: glowFade 2.75s infinite;
}
.confirmation-content .btn-wrapper {
	width: 100%;
    margin-top: 12px;
}

@keyframes pulseGlow {
	0%{box-shadow: 0 0 0 0 var(--otto-green);}
	50% {box-shadow: 0 0 20px 2px var(--otto-green);}
	100% {box-shadow: 0 0 0 0 var(--otto-green);}
}

@keyframes glowFade {
	0%{opacity: 0.3; transform: translateY(-3px);}
	25% {transform: translateY(0px);}
	50% {opacity: 1; transform: translateY(-3px);}
	75% {transform: translateY(0px);}
	100% {opacity: 0.3; transform: translateY(-3px);}
}



#form__mediakit .gform_footer.top_label {
    padding-top: 30px !important;
	padding-bottom: 0;
}








@media only screen and ( max-width: 1000px ) {
	#media-kit-pdf .content-wrap {width: 100%;}
}

@media only screen and ( max-width: 900px ) {
	.full-width.content-left .content-wrap, 
	.full-width.content-right .content-wrap,
	.full-width.content-center .content-wrap {width: 100%;}
}


/* SPLIT / SIDE BY SIDE 
--------------------------------------------- */
.split-group {
    display: flex;
    justify-content: space-between;
}
.split.has-image .media-wrap {
    height: auto;
	min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
	border-radius: 60px;
}

.split.light-bg.has-image .media-wrap {
    border-radius: 60px;
}

/* Split 50-50 Section */
.split-50-50 .split-left, .split-50-50 .split-right {
    width: 47%;
}

/* Split 7-30 Section */
.split-70-30.image-side-right .split-right, .split-70-30.image-side-left .split-left,
.split-70-30.video-side-right .split-right, .split-70-30.video-side-left .split-left{
    width: 65%;
}
.split-70-30.image-side-right .split-left, .split-70-30.image-side-left .split-right,
.split-70-30.video-side-right .split-left, .split-70-30.video-side-left .split-right{
    width: 35%;
}

.split.image-side-right.contain-img .split-right, .split.image-side-left.contain-img .split-left {
    background-size: contain;
    background-position: center;
}

.img-side-right .btn-wrapper, .img-side-left .btn-wrapper  {
    text-align: left;
}
.split .btn-wrapper {
	padding-bottom: 25px;
}

@media only screen and ( max-width: 1100px ) {
	.split-group {flex-direction: column; gap: 40px;}
	.split.image-side-right .split-group {flex-direction: column-reverse;}
	.split-50-50 .split-left, .split-50-50 .split-right, .split-70-30 .split-left, .split-70-30 .split-right {width: 100%;}
	.split.has-image .media-wrap {min-height: 500px;}
}

@media only screen and ( max-width: 500px ) {
    .split.has-image .media-wrap {
        min-height: 350px;
    }
}

/* TWO & THREE COLUMNS
--------------------------------------------- */
.columns {
    display: flex;
	justify-content: space-between;
}
.col-1-2, .col-2-2 {
    width: 48%;
}
.col-1-3, .col-2-3, .col-3-3 {
    width: 31%;
}



/* Extended Styles - Otto Specific */
.two-column.narrow-width .content-wrap {
    width: 60%;
    margin: 0 auto;
}

.two-column h3, 
.three-column h3{
    font-size: 28px;
    margin-bottom: 0;
}

.dark-bg h2, 
.dark-bg h3, 
.dark-bg h4 {
    color: #fff !important;
}
.light-bg h2,
.light-bg h3, 
.light-bg h4 { 
    color: var(--otto-bg-black) !important;
}

.full-width h4,
.two-column h4, 
.three-column h4{
    margin-top: 8px;
    margin-bottom: 0;
	font-family: 'Idlewild-Light';
}


@media only screen and ( max-width: 900px ) {
	.columns {flex-direction: column;}
	.col-1-2, .col-2-2, .col-1-3, .col-2-3, .col-3-3 {width: 100%;}
}

@media only screen and ( max-width: 500px ) {
	.two-column h3, .three-column h3 {font-size: clamp(1.5rem, 4.5vw, 5rem);}
}




/* LIGHT SECTIONS
--------------------------------------------- */

/* Home Page Specific */
.light-section {
    background-color: var(--otto-bg-grey);
    border-radius: 80px;
    padding: 90px 140px 150px;
}
.light-section h2, 
.light-section h3, 
.light-section h4, 
.light-section h5, 
.light-section h6 {
    color: var(--otto-bg-black);
	font-family: 'Idlewild-Book';
}
.light-section p{
	color: #6e6e6e;
}
/* End - Homepage Specific */


.light-bg .container {
/*    background-color: var(--otto-bg-grey);*/
    padding: 50px 100px;
	background-color: #f0efef;
    background-image: linear-gradient(270deg, #c9c8c8 17%, #c4c4c4, transparent);
}
@media only screen and (max-width: 776px) {
	.light-bg .container {
		padding: 50px 50px;
	}
}
@media only screen and (max-width: 550px) {
	.light-bg .container {
		max-width: 100%;
		padding: 50px 5%;
	}
	.light-bg.bottom-stack .container {
		padding-bottom: 100px !important;
	}
}

.aircraft-page .light-bg .container {
    background-color: var(--otto-bg-grey);
    padding: 50px 100px;
	background-image: none;
}

.light-bg.single-block .container {
    border-radius: 30px;
}

.light-bg .content-wrap > *,
.light-bg .columns .col-1-2 > *, 
.light-bg .columns .col-2-2 > *,
.light-bg .columns .col-1-3 > *, 
.light-bg .columns .col-2-3 > *,
.light-bg .columns .col-3-3 > * {
    color: var(--otto-text-dark);
	font-weight: 300;
}

.light-bg.bottom-stack .container {
    padding-bottom: 150px !important;
}
.light-bg.top-stack .container {
    padding-top: 100px;
}


/* Connected / Stacked Sections */
.light-bg.connected-block.top-stack .container {
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}
.light-bg.connected-block.middle-stack .container {
    padding-top: 0;
}
.light-bg.connected-block.bottom-stack .container {
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
	padding-bottom: 80px;
	padding-top: 0;
}



/* TEAM
--------------------------------------------- */
.team-members-group {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.team-info-wrap {
    position: relative;
}

.team h2 {
	text-align: center;
	margin-bottom: 100px;
}

.single-team-member {
    width: 22%;
}

.team .headshot {
    width: 100%;
    height: 350px;
	margin-bottom: 30px;
    border-radius: 40px;
	background-color: var(--otto-grey);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	position: relative;
}

/* Tweak to sizing for Board of Directors photos */
#board-of-directors.team .headshot {
	height: 240px;
    width: 80%;
}

.single-team-member:hover .headshot::after {
    opacity: .5;
}

.single-team-member .headshot::after {
    opacity: 0;
    transition: .5s;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: radial-gradient(transparent 30%, var(--otto-bg-black));
    /* background-color: #32b9ed; */
    transition: opacity 0.5s;
}

.team h3 {
    margin: 0px 0 0;
    font-weight: 600;
}

.team h4 {
    font-size: 16px;
    text-align: center;
    font-family: 'Karla';
    font-weight: 200;
    margin: 0;
	height: 35px;
}

.team-meta-group h3 {
    font-size: 14px;
    text-align: center;
    font-family: 'Idlewild-Book';
	height: 35px;
    display: grid;
    place-items: center;
	transition: color .5s;
}
.single-team-member:hover h3 {
    color: var(--otto-green);
}
.single-team-member p#modal-open {
    color: red;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
	margin: 20px 0;
}

/* Team Members Modal */
.line-modal {
    width: 0;
    position: relative;
    margin-top: 8px;
    height: 1px;
    background-image: linear-gradient(45deg, #00ffdb, transparent);
	transition: width .48s .2s ease-out;
}

.team-modal.modal-active .line-modal {
    width: 100%;
}



.team-modal {
  display: none; /* Hidden by default */
  opacity: 0;
  position: fixed; 
  z-index: 10; 
  padding-top: 10vh;
  left: 0;
  top: 15px;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  transition: opacity .29s, top .39s cubic-bezier(0, 0, 0.43, 1);
}
div#teamModal::before {
    content: "";
    position: absolute;
    background-image: linear-gradient(55deg, var(--otto-bg-black), transparent), url(/wp-content/uploads/2025/06/northern-lights-v2-top-right-scaled-1.webp);
	background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(8px);
}
.modal-content {
    background-color: #1d1d1d;
    /* background-image: linear-gradient(45deg, var(--otto-bg-black) 80%, transparent); */
    margin: 12vh auto 0;
    padding: 50px;
    width: 80%;
    max-height: 80vh;
    max-width: 1080px;
    border-radius: 40px;
    box-shadow: 0px 0px 10px 10px rgb(10 15 25 / 10%), inset 1px 2px 0px 0px #00000000, 5px 7px 20px 0px #156a57a8;
    border: 3px solid;
    position: relative;
    transform: translateY(20px);
    transition: transform .5s ease-out;
}
.modal-active .modal-content {
    transform: translateY(0px);
}
.modal-close {
    color: #fff;
    font-size: 25px;
    transition: .5s all;
    /* background-image: radial-gradient(#464646 25%, #061721 97%, #53a097); */
    background-color: #070708d4;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    position: absolute;
    right: -20px;
    top: -20px;
    text-shadow: 0px 0px 9px #1c9dc0;
    /* box-shadow: -1px 3px 12px 0px var(--otto-bg-black); */
}
.team-member-bio {
    height: 59vh;
    overflow: auto;
}
.modal-close:hover,
.modal-close:focus {
    color: #ffffffc4;
}	

.team-member-img, 
.team-member-img-modal{
    height: 180px;
    width: 180px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    transition: box-shadow .53s .14s;
	background-color:var(--otto-grey);
/*	box-shadow: -9px -2px 10px 2px #4747478a, 4px 3px 10px 2px var(--otto-bg-black);*/
    outline: 4px solid #0707080f;
}
	
.team-member-single:hover .team-member-img {
    box-shadow: 0px 0px 0 3px #20c3ac;
    transition: box-shadow .5s;
}
.team-member-img-modal{
	height: 97%;
    max-height: 500px;
    width: 336px;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
    border-radius: 25px;
}
.team-members-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.team-member-single {
    width: 25%;
    margin-bottom: 50px;
    padding: 0 2%;
}	
.team-member-display {
	display: grid;
    place-items: center;
    cursor: pointer;
/*	height: 450px;*/
    margin-bottom: 50px;
}
.team-member-job {
	margin: 5px 0 0;
    font-size: 15px;
	text-align: center;
}
h3.name-modal {
    margin: 0 0 5px;
    color: #fff;
    font-family: 'Idlewild-Book';
	position: relative;
}
.name-title-modal-bucket::before {
    content: "";
    width: 100%;
    height: 10px;
    background-color: #1d1d1d;
    position: absolute;
    top: -9px;
    left: 0px;
}
.name-title-modal-bucket {
    position: sticky;
    top: 0px;
    padding: 10px 0 0;
    z-index: 9;
	background-color: #1d1d1d;
}
.team-member-name-title-modal-container {
    position: relative;
    width: 100%;
    max-height: 60vh;
    overflow: auto;
    padding-right: 15px;
}	


/* Scrollbar Track */
.team-member-name-title-modal-container::-webkit-scrollbar-thumb:hover {
    background-color: #9c9c9c;
}
.team-member-name-title-modal-container::-webkit-scrollbar-thumb {
    background-color: #3c3c3c;
    border-radius: 25px;
    border: 1px solid #e0e0e05e;
}
.team-member-name-title-modal-container::-webkit-scrollbar-track {
    background: #00000052;
}
.team-member-name-title-modal-container::-webkit-scrollbar {
    width: 14px;
}


.team-member-head-group {
    display: flex;
	gap: 40px;
	position: relative;
}	
.team-member-bio ul li::before {
    display: none;
}	
p.job-title-modal {
    margin: 0;
    font-size: 13px;
	font-family: 'Karla';
    padding-left: 1px;
}
.author-posts ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.author-posts ul li {
    border: 1px solid #3fbfab;
    padding: 10px 30px 8px;
    border-radius: 15px;
}
.author-posts ul li a {
    color: #3fbfab;
}
.font-dark .author-posts ul li::before{
	display:none;
}
.team-member-name-title-modal-container h5 {
    margin-bottom: 10px;
    font-size: 20px;
}

@media only screen and (max-width: 1250px) {
	.team .headshot {height: 300px;}
	#board-of-directors.team .headshot {height: 240px;}
}

@media only screen and (max-width: 950px) {
	.single-team-member {
		width: 30%;
	}
/*
	.team-members-group {flex-direction: column;}
	.single-team-member {width: 100%;}
	.team-info-wrap {padding: 50px; margin: 0;}
	.team-member-display {display: flex; justify-content: flex-start; gap: 8%;}
	.team .headshot {margin: 0px;}
	.team-meta-group {text-align: left;}
	.single-team-member p#modal-open {margin: 20px 0 0;}
*/
}

@media only screen and (max-width: 768px) {
	.single-team-member {width: 46%;}
	.team .headshot {background-position: top;}
	#board-of-directors.team .headshot {height: 310px; background-position: center;}
	.team-members-group {gap: 27px;}
/*
	.team-member-display {gap: 6%;}
	.team .headshot {min-width: 175px; width: 175px; height: 175px; }
	.team-info-wrap {padding: 50px 30px 30px; }
	.divider-line {margin: 50px 0;}
*/
}

@media only screen and (max-width: 500px) {
    .team-member-display {flex-direction: column; gap: 25px;}
	.team-meta-group {text-align: center;}
	.team .headshot {min-width: 175px; width: revert; height: 225px; margin-bottom: 0;}
	#board-of-directors.team .headshot {height: 420px;}
	.team-info-wrap {padding: 50px 0 30px;}
}


/* Pop-up Modal - Responsive styles */
@media only screen and (max-width: 1080px) {
	.team-member-img-modal {height: 300px; width: 236px;}
}

@media only screen and (max-width: 900px) {	
	.team-member-head-group {flex-direction: column; height: 100%; gap: 0px; background-color: #1d1d1d;}
	.team-member-name-title-modal-container {max-height: 38vh; margin-top: 16px; padding-top:2px;}
	.team-member-img-modal {height: 250px; width: 250px; margin: 0 auto; background-position: top;}
	.modal-content {padding: 30px 20px 50px 30px; margin: 7vh auto 0; max-height: 75vh;}
	.name-title-modal-bucket {text-align: center;}
	.line-modal {background-image: linear-gradient(45deg, transparent, var(--otto-green), transparent);}
	div#biography p {font-size: 16px;}
}

@media only screen and (max-width: 500px) {	
    .team-member-img-modal {height: 175px; width: 175px;}
	.team-member-name-title-modal-container {padding-right: 5px;}
	.modal-content {width: 90%; padding: 23px 20px 50px 30px;}
	.modal-content {margin: 4vh auto 0;}
}

@media only screen and (max-width: 500px) {	
	.single-team-member {
        width: 100%;
    }
	.team .headshot {
        min-width: 100%;
        width: revert;
        height: 375px;
    }
}


/* HOMEPAGE TEMPLATE STYLES
--------------------------------------------- */
.home .__mobile-only{
	display: none;
}



.home .banner .container {
    max-width: 1700px;
    margin: 0 auto;
}
.home h1 {
    font-size: 9.35rem;
    text-align: left;
    font-family: 'idlewild-book';
    margin-left: -25px;
	color: var(--otto-grey);
}


/* Laminar Flow */
section#laminar-flow-headings .container {
    max-width: 1600px;
}
.heading-large-group {
    text-align: right;
	transform: translateX(-115px);
}
.heading-large-group div h2 {
    font-family: 'Idlewild-Medium';
}
.heading-large-group div h2 {
	font-size: 74px;
    margin-bottom: 0;
    margin-top: 0;
	color: #ffffff38;
}
.heading_top h2 {
    opacity: .6;
	transform: translateX(200px);
	transform: translateX(15%);
	font-family: 'Idlewild-book' !important;
}
.heading_bottom h2 {
    opacity: .2;
	transform: translateX(475px);
	transform: translateX(30%);
	font-family: 'Idlewild-book' !important;
}



/* Sustainable Flight -> HOME */

.datapoint {
    min-height: 7px;
    min-width: 7px;
    background-color: var(--otto-purple);
    border-radius: 50%;
}
h4.measurement {
    color: var(--otto-green) !important;
    margin-left: 20px;
    font-size: 34px;
    font-family: 'Idlewild-medium';
	margin: 20px 0 20px 35px;
}
.metric-item {
    display: flex;
    align-items: center;
}
.metric-item .label {
    margin-left: 10px;
    font-size: 14px;
	font-family: 'Idlewild-medium';
	color: #fff;
}
.metric-item.metric-item-2 {
    padding-left: 120px;
}
.metric-item.metric-item-3 {
    padding-left: 240px;
}


/* Company Section -> Home */
.section-content.__mobile-only {
	display: none;
}


/* Partners -> HOME */
.partners-section {
    padding-bottom: 110px;
}
.partners-section .logo-wrapper {
    height: 200px;
    width: 23%;
	min-width: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	mix-blend-mode: multiply;
	cursor: pointer;
    margin: 0 auto;
}
.partners-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 20px;
	padding: 20px 0;
}
/*
.partner-item {
    width: 20%;
}
*/
#partners .btn-wrapper {
    margin: 0 auto;
}

/* Tweaked on Company Page, with clickable links  */
.partners-list a .logo-wrapper {
    transition: transform .48s .12s, opacity .6s;
}
.partners-list a:hover .logo-wrapper {
    transform: scale(1.15);
	opacity: .75;
}


@media only screen and (max-width: 1250px){
	.partners-list {
		justify-content: center;
    padding: 0 0 20px 0;
	}
/*
	.partner-item {
		width: 27%;
	}
*/
}
@media only screen and (max-width: 1000px){
	.partners-section .logo-wrapper {
		width: 30%;
	}
/*
	.partner-item {
		width: 40%;
	}
*/
}
@media only screen and (max-width: 776px) {
	.partners-list {
		justify-content: space-between;
	}
/*
	.partner-item {
        width: 100%;
        display: grid;
        place-content: center;
    }
*/
	.partners-section .logo-wrapper {
        height: 175px;
        width: 46%;
		min-width: revert;
	}
	.partners-list .logo-wrapper:last-child {
		width: 100%;
	}
}


/* Photo Grid */
div#photo-grid {
    padding: 30px 0;
}
#photo-grid .split-group {
    gap: 12px;
}
#photo-grid div#right.content-wrap {
    display: flex;
    flex-direction: column;
	gap: 12px;
}
#photo-grid div#right.content-wrap #top .image, #photo-grid div#right.content-wrap #bottom .image {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#photo-grid .split-left.media-wrap {
    height: 450px;
	border-radius: 0;
	width: 85%;
	border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
#photo-grid div#right #top .image {
    min-height: 240px;
	border-top-right-radius: 30px;
}
#photo-grid div#right #bottom .image{
	min-height: 198px;
	border-bottom-right-radius: 30px;
}

div#bottom-section.btn-wrapper {
    margin-top: 60px;
}


/* News -> HOME */
section#news {
    overflow: visible;
}
.news-item {
    border-bottom: 2px solid;
	display: flex;
	align-items: center;
    padding: 0 40px 0 0;
	position: relative;
	transition: .5s;
	cursor: pointer;

}
.news-item:first-child	 {
    border-top: 2px solid;
}
.news-item:hover {
    border-bottom: 2px solid var(--otto-purple);
}

.heading-cta-group {
    display: flex;
    align-items: center;
	gap: 20px;
	margin-bottom: 40px;
}
.heading-cta-group .cta-link {
    font-size: 10px;
}


.news-list-section #news-date {
    width: 16%;
	font-family: source code pro, sans-serif;
	margin: 25px 0;
	font-size: 14px;
    font-weight: 400;
	text-align: center;
	transition: color .35s .12s, text-shadow .5s .1s;
}
span#event-date-staff {
    display: block;
    text-align: center;
	color: transparent;
    position: relative;
}
span#event-date-staff::before {
    content: "";
    background-image: linear-gradient(0deg, var(--otto-purple), transparent);
    height: 100%;
    width: 2px;
    position: absolute;
    transform: translateX(3px);
    top: -2px;
}

.news-list-section #news-title {
    width: 70%;
	font-size: 12px;
	font-family: 'Idlewild-Medium';
	margin: 25px 0;
	line-height: 1.75;
}
.news-list-section #news-title a {
	color: #fff;
}
.news-list-section #category-name {
    width: 16%;
	text-align: right;
	margin: 25px 0;
	font-family: source code pro, sans-serif;
	font-weight: 400;
	font-size: 14px;
    text-transform: uppercase;
	position: relative;
	transition: color .35s .12s, text-shadow .5s .1s;
}
.news-list-section #category-name::after {
    content: "";
    background-image: url(/wp-content/uploads/2025/04/purple-arrow-icon.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    height: 10px;
    width: 10px;
    right: -22px;
    top: 2px;
}
.news-list-section .news-item:hover #category-name, 
.news-list-section .news-item:hover #news-date {
    color: var(--otto-blue);
    text-shadow: 0 0 9px #4aa7a9;
}

.news-list-section{
	position: relative;
}


.news-item .image-wrapper {
	position: absolute;
	pointer-events: none; /* so it doesn't block hover */
	transition: transform 0s ease-out, opacity 0.3s ease;
 	opacity: 0;
  	z-index: 10;
	display: grid;
    place-items: center;
	box-shadow: 0 0 20px 11px black;
}
.news-item:hover .image-wrapper {
  	opacity: 1;
}
.ft-image__news.pop-up {
	scale: .65;
	transition: scale .3s
}
.news-item:hover .ft-image__news.pop-up {
  	scale: 1;
}

/* Show Play button on Video Posts */
span.video-icon-wrap {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 2px solid #ffffff9c;
    border-radius: 50%;
    display: grid;
    place-content: center;
    z-index: 3;
    transition: all .5s;
    opacity: .9;
    box-shadow: 0 0 10px 3px #000000b3;
}
span.video-icon-wrap img {
    width: 19px;
    margin-left: 5px;
}

.ft-image__news {
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ft-image__news.pop-up {
    height: 100px;
    width: 150px;
    border-radius: 6px;
}


/* Rings */
.ring-group {
    display: grid;
    place-items: center;
    position: absolute;
    left: 66px;
    top: 33px;
	z-index: -1;
	transform: scale(1.35);
}
.ring.ring-7 {
    height: 700px;
    width: 700px;
    opacity: .1;
}
.ring.ring-6 {
    height: 625px;
    width: 625px;
    opacity: .2;
}
.ring.ring-5 {
    height: 550px;
    width: 550px;
    opacity: .3;
}
.ring.ring-4 {
    height: 475px;
    width: 475px;
    opacity: .4;
}
.ring.ring-3 {
    height: 400px;
    width: 400px;
    opacity: .5;
}
.ring.ring-2 {
    height: 325px;
    width: 325px;
    opacity: .6;
}
.ring.ring-1 {
    height: 250px;
    width: 250px;
}
.ring {
    background-color: #07070859;
    border-radius: 100%;
    border: 1px solid;
    position: absolute;
}


/* AIRCRAFT PAGE
--------------------------------------------- */

section#light-bg-heading .container, 
section#light-bg-stats-1 .container, 
section#light-bg-plane-graphic .container, 
section#light-bg-figure-stats .container {
    background-color: revert;
}	

div#top-bg-wrapper-container {
    padding: 0 100px;
}

/*Background Graphic*/
div#top-bg-wrapper {
    max-width: 1250px;
    margin: 0 auto;
    background-image: url(/wp-content/uploads/2025/06/sky-bg-edited-plane-removed-hard-light-filter-less-tall-v2.webp);
    background-color: #dcddde;
    background-size: cover;
    background-position: center 0px;
	background-repeat: no-repeat;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
/*    background-blend-mode: hard-light;*/
	transition: background-position .15s;
}

@media only screen and (max-width: 1250px) {
	div#top-bg-wrapper {
		max-width: 1150px;
	}
}

.page-template-page-aircraft .light-bg .content-wrap > *, 
.page-template-page-aircraft .light-bg .columns .col-1-2 > *, 
.page-template-page-aircraft .light-bg .columns .col-2-2 > *, 
.page-template-page-aircraft .light-bg .columns .col-1-3 > *, 
.page-template-page-aircraft .light-bg .columns .col-2-3 > *, 
.page-template-page-aircraft .light-bg .columns .col-3-3 > * {
    color: var(--otto-bg-black);
}


/* Tweaks to Light bg section on Aircraft Page*/
.aircraft-page .light-bg .container {
    padding: 50px 0;
}
.aircraft-page .light-bg.no-pad {
    padding: 0px 100px;
}
.aircraft-page .light-bg.bottom-pad {
    padding: 0 100px 80px;
}

section#light-bg-heading.full-width.content-center .content-wrap {
    width: 100%;
}
section#light-bg-heading h2 {
    font-size: 60px;
	margin-bottom: 0;
}
section#light-bg-heading p {
    font-size: 30px;
    line-height: 1.3;
	width: 80%;
	margin-inline: auto;
}
.page-template-page-aircraft .light-bg p {
    color: #000000a8 !important;
}
section#light-bg-heading {
    padding: 80px 0 0;
}
section#light-bg-heading .container {
    padding-top: 0;
}
section#light-bg-stats-1 .container {
    padding-top: 40px;
}
section#light-bg-plane-graphic .container {
    padding: 75px 0 0;
}
section#light-bg-stats-1 h3, 
section#light-bg-figure-stats h3{
    font-size: 26px;
    margin-bottom: 0;
}

section#light-bg-stats-1 h4,
section#light-bg-figure-stats h4{
    font-family: 'Idlewild-Light';
    margin-top: 8px;
	margin-bottom: 0;
}

section#light-bg-stats-1 p,
section#light-bg-figure-stats p{
    margin-top: 16px;
    padding: 0 27px;
    font-size: 18px;
}

section#light-bg-figure-stats p{
	padding: 0;
}
#light-bg-figure-stats .columns{
    gap: 60px;
    align-items: center;
}

#light-bg-figure-stats .col-2-3 {
    width: 40%;
}
section#light-bg-figure-stats img {
    margin: 0;
}

/* Charts Section */
section#light-bg-charts .container {
    padding-top: 80px;
}
#light-bg-charts .content-wrap {
    width: 80%;
    margin: 0 auto;
}
#light-bg-charts .columns {
    gap: 175px;
}
section#light-bg-charts h3 {
    margin-bottom: 60px;
}

/* Map Section */
section#light-bg-bottom-map-section p {
    padding-left: 25%;
}
section#light-bg-bottom-map-section .container {
    padding-bottom: 700px !important;
    background-image: url(/wp-content/uploads/2025/06/otto-map-graphic-cropped-v2-transparent.webp);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-color: var(--otto-bg-grey);
	padding: 50px 100px;
}
section#light-bg-bottom-map-section .labels-group {
/*
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
*/
    position: absolute;
    bottom: 100px;
}
#phantom .blip {
    height: 14px;
    width: 14px;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
    outline: 2px solid var(--otto-purple);
    transform: scale(.85);
}
#phantom .blip::before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: var(--otto-purple);
    position: absolute;
    border-radius: 50%;
    top: 3px;
    left: 3px;
}
#supermid .blip {
    height: 14px;
    width: 14px;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
    outline: 2px dotted #7b7b7b;
    transform: scale(.85);
}
#phantom.label,
#supermid.label{
    display: flex;
    align-items: center;
	gap: 12px;
}
#phantom.label p,
#supermid.label p{
 	padding: 0;
	font-family: 'Idlewild-Medium';
    font-size: 10px;
}

/* Large Header "Design" */
.narrow-width .content-wrap {
    width: 60% !important;
}
section#dark-bg-large-heading h3 {
	font-family: 'Karla';
    font-weight: 300;
    font-size: 32px;
	margin: -35px auto 0;
    width: 50%;
}

section#dark-bg-large-heading.large-heading .heading-wrapper h2 {
    font-size: clamp(2rem, 12vw, 12rem);
}

/* Icons */
section#two-column-icons-1 .col-1-2, 
section#two-column-icons-1 .col-2-2, 
section#two-column-icons-2 .col-1-2, 
section#two-column-icons-2 .col-2-2 {
    display: flex;
    gap: 30px;
	justify-content: center;
}
@media only screen and (max-width:1200px){
	section#two-column-icons-1 .col-1-2, 
	section#two-column-icons-1 .col-2-2, 
	section#two-column-icons-2 .col-1-2, 
	section#two-column-icons-2 .col-2-2 {
		flex-wrap: wrap;
	}
	section#two-column-icons-1 .columns, section#two-column-icons-2 .columns {
		align-items: baseline;
	}
	section#two-column-icons-1 .image-wrapper, section#two-column-icons-2 .image-wrapper {
		width: 100% !important;
	}
}
section#two-column-icons-1 p, 
section#two-column-icons-2 p {
    margin: 0;
	font-weight: 300;
}
section#two-column-icons-1 p strong, 
section#two-column-icons-2 p strong {
    font-weight: 700;
}
section#two-column-icons-1 .image-wrapper, 
section#two-column-icons-2 .image-wrapper {
    width: 120px;
}
section#two-column-icons-1 .columns, 
section#two-column-icons-2 .columns {
    gap: 40px;
}



section#two-column-icons-1 .image-wrapper, 
section#two-column-icons-2 .image-wrapper {
    background-size: contain;
    background-repeat: no-repeat;
	height: 100px;
}

@media only screen and (max-width: 1150px) {
    section#light-bg-charts .container,
	section#light-bg-bottom-map-section .container {
        max-width: 90%;
    }
	div#top-bg-wrapper-container {
		padding: 0;
		max-width: 90%;
		margin: auto;
	}
	.aircraft-page .light-bg.no-pad {
		padding: 0 0px;
	}
	.aircraft-page .light-bg.bottom-pad {
		padding: 0 0 80px;
	}
	section#light-bg-heading h2 {
		font-size: clamp(1rem, 5.8vw, 3rem);
	}
	section#light-bg-stats-1 h3, section#light-bg-figure-stats h3 {
    	font-size: clamp(1.5rem, 2.1vw, 6rem);
	}
	section#dark-bg-large-heading h3 {
		margin: -35px auto 0;
		width: 70%;
	}
}

@media only screen and ( max-width: 1050px ) {
	#light-bg-charts .columns {
		gap: 100px;
	}
}

@media only screen and ( max-width: 1000px ) {
	.narrow-width .content-wrap {
		width: 100% !important;
	}
}


@media only screen and (max-width: 900px) {
	#light-bg-figure-stats .col-2-3 {
		width: 60%;
	}
	#light-bg-charts .columns {
		gap: 100px;
	}
	section#light-bg-stats-1 .columns {
		gap: 40px;
	}
	section#light-bg-figure-stats .columns, section#light-bg-figure-stats .columns .col-1-3 > * {
		text-align: center !important;
	}
	.narrow-width .content-wrap {
		width: 60% !important;
	}
	section#two-column-icons-1 .columns, section#two-column-icons-2 .columns {
		gap: 80px;
	}
	section#two-column-icons-1 .col-1-2, section#two-column-icons-1 .col-2-2, section#two-column-icons-2 .col-1-2, section#two-column-icons-2 .col-2-2 {
        text-align: center;
    }
	section#two-column-icons-1 .image-wrapper, 
	section#two-column-icons-2 .image-wrapper {
		background-position: center;
	}
}


@media only screen and (max-width: 776px) {
	div#top-bg-wrapper-container {
        max-width: 100%;
    }
	section#light-bg-charts .container, section#light-bg-bottom-map-section .container {
        max-width: 100%;
    }
	section#intro-graphic {
		padding: 60px 0 0;
	}
	section#intro-graphic video, section#intro-graphic .video-embed-wrapper {
		border-radius: 30px !important;
	}
	section#light-bg-heading p {
		font-size: clamp(1.5rem, 4vw, 3rem);
		width: 90%;
	}
	section#light-bg-bottom-map-section .container {
		padding: 50px 5%;
	}
	section#light-bg-plane-graphic .container {
		padding: 40px 0 40px;
	}
	section#dark-bg-large-heading h3 {
        margin: 0 auto;
        width: 80%;
        font-size: clamp(1.65rem, 3vw, 5rem);
    }
	section#dark-bg-large-heading.large-heading .heading-wrapper h2 {
		font-size: clamp(2rem, 15vw, 12rem);
	}
    .narrow-width .content-wrap {
        width: 80% !important;
    }
}


@media only screen and (max-width: 500px) {
	#light-bg-figure-stats .col-2-3 {
		width: 90%;
	}
}



/* News Archive Page
--------------------------------------------- */
.page-template-archive-news .banner.news-banner, 
.page-template-archive-news .news-banner .banner-text-group {
    height: 375px;
}
.news-banner .banner-text-group {
    display: grid;
    place-items: center;
}
.news-banner .banner-clouds {
    background-image: url(/wp-content/uploads/2025/04/aurora-3-scaled.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--otto-bg-black);
    position: absolute;
    height: 290%;
    width: 100%;
    z-index: -3;
    transform: translateY(-150px);
}
.news-banner.banner-clouds::before {
    background-image: url(/wp-content/uploads/2025/04/starfield-scaled.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--otto-bg-black);
    position: absolute;
    height: 116%;
    width: 100%;
    z-index: -3;
    transform: translateY(-150px);
    content: "";
    mix-blend-mode: lighten;
}
.news-banner .banner-text-group h1 {
    text-align: center;
    font-family: 'Idlewild-Thin';
    font-size: 52px;
    color: #ffffffc9;
    margin: 0 auto;
    width: 70%;
}

/* News Archive Rings */
.news-banner .ring-group {
    display: grid;
    place-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
	z-index: -1;
}
.news-banner .ring.ring-14 {
    height: 820px;
    width: 820px;
    opacity: .025;
}
.news-banner .ring.ring-13 {
    height: 780px;
    width: 780px;
    opacity: .075;
}
.news-banner .ring.ring-12 {
    height: 740px;
    width: 740px;
    opacity: .125;
}
.news-banner .ring.ring-11 {
    height: 700px;
    width: 700px;
    opacity: .175;
}
.news-banner .ring.ring-10 {
    height: 660px;
    width: 660px;
    opacity: .225;
}
.news-banner .ring.ring-9 {
    height: 620px;
    width: 620px;
    opacity: .275;
}
.news-banner .ring.ring-8 {
    height: 580px;
    width: 580px;
	opacity: .325;
}
.news-banner .ring.ring-7 {
    height: 540px;
    width: 540px;
    opacity: .375;
}
.news-banner .ring.ring-6 {
    height: 500px;
    width: 500px;
    opacity: .425;
}
.news-banner .ring.ring-5 {
    height: 460px;
    width: 460px;
    opacity: .475;
}
.news-banner .ring.ring-4 {
    height: 420px;
    width: 420px;
    opacity: .525;
}
.news-banner .ring.ring-3 {
    height: 380px;
    width: 380px;
    opacity: .575;
}
.news-banner .ring.ring-2 {
    height: 340px;
    width: 340px;
    opacity: .625;
}
.news-banner .ring.ring-1 {
    height: 300px;
    width: 300px;
	opacity: .675;
}
.news-banner .ring {
    background-color: transparent;
    border-radius: 100%;
    border: 1px solid #ffffff3b;
    position: absolute;
}




/* News Archive Clouds */
.page-template-archive-news #cloud1 {
    margin-top: 80vh;
	opacity: .2;
	transition: opacity 5s ease, left 0s, transform 13s ease;
}
.page-template-archive-news #cloud2 {
    margin-top: 70vh;
	opacity: .3;
}
.page-template-archive-news #cloud3 {
    margin-top: 90vh;
}


/* News List Styles */
.news-list article:first-child {
    border-top: 1px solid #ffffff87;
}
.news-list article {
    border-bottom: 1px solid #ffffff87;
}
ul.news-list {
    list-style: none;
    margin: 0;
    padding: 0 0 80px;
}

.news-list-meta-group {
    display: flex;
    align-items: center;
	gap: 20px;
	padding-bottom: 20px;
}
.news-list h4#post-date {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
    font-family: source code pro, sans-serif;
    color: #ffffff73;
    font-weight: 300;
}
.news-list h5#category-name,
.news-list h6#news-source {
	font-size: 14px;
    margin: 0;
	font-family: source code pro, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff73;
}
h6#news-source {
    margin-left: 10px !important;
    position: relative;
}
h6#news-source::before {
    content: "";
    position: absolute;
    top: 0;
    left: -15px;
    background-color: var(--otto-purple);
    height: 100%;
    width: 1px;
}
.news-list .columns-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 60px 0;
	border-bottom: 1px solid #0000007d;
}

.news-list article:last-of-type .columns-wrap {
    border-bottom: 0px solid #fff;
}

.news-list .col-2 {
    width: 60%;
}

.news-list .col-1 {
    width: 37%;
	background-color: var(--bps-blue);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
	cursor: pointer;
}

.news-list a {
    color: inherit;
}

.news-list h3#title {
    font-weight: 400;
	margin: 0 0 25px;
	font-family: 'Idlewild-Book';
	transition: all .5s, color .78s .12s;
}

.news-list h3#title:hover {
    color: var(--otto-green);
}

.news-list p#excerpt {
    font-size: 16px;
}

.news-list p[role="button"] {
    color: var(--bps-red);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 20px 0 0;
}

.news-list p[role="button"] img {
    width: 12px;
    margin: 0px 0 -1px 5px;
	transition: transform .28s;
}

.news-list .image-wrapper.featured-image__archive-list, 
.news-list .image-wrapper.featured-image__archive-list img {
    border-radius: 12px;
    transition: transform .88s .08s;
    overflow: hidden;
}
.news-list .image-wrapper.featured-image__archive-list {
    display: grid;
}
p#excerpt a {
    font-weight: bold;
	transition: all .5s;
}

p#excerpt a:hover {
	color: var(--otto-green);
}



/* News Archive Pagination */
navigation.pagination {
    text-align: center;
    padding-bottom: 8px;
    padding-top: 9px;
    border: 1px solid #d4d4d4;
    border-radius: 20px;
    width: auto;
    display: inline-block;
    margin: 0 auto;
	font-size: 15px;
}
.navigation.pagination div .page-numbers.current, .page-numbers.current {
	box-sizing: border-box;
    border-radius: 0px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-color: var(--otto-green);
}
span.page-numbers {
    padding: 0 15px;
}
.news-pagination a.page-numbers {
    padding: 0 15px;
	transition: text-shadow .3s;
}
a.next.page-numbers, a.prev.page-numbers {
    padding: 0 15px;
}
.news-pagination {
    text-align: center;
    padding: 8px 12px 9px;
    border: 1px solid var(--otto-purple);
    border-radius: 20px;
    width: fit-content;
    display: block;
    margin: 50px auto 0;
    font-size: 15px;
}
.news-pagination a.page-numbers:hover {
    text-shadow: 0 0 13px var(--otto-purple);
}



@media only screen and (max-width: 1000px) {
	.news-list .columns-wrap {align-items: stretch;}
	.news-list .col-2 {width: 51%;}
	.news-list .col-1 {height: auto; min-height: 300px; width: 45%;}
}

@media only screen and (max-width: 768px) {
	.news-list .columns-wrap {flex-direction: column; gap: 25px;}
	.news-list .col-2 {width: 100%;}
	.news-list .col-1 {width: 100%; height: 350px;}
}



/* Single Posts - News Posts
--------------------------------------------- */
/* News Single Clouds */
.single-news #cloud1  {
    margin-top: 50vh;
	opacity: .2;
}
.single-news #cloud2  {
    margin-top: 55vh;
	opacity: .3;
}

.single-news #cloud4 {
    transition: opacity 5s ease, left 0s, transform 16s;
}

.single .entry-content p {
    font-size: 22px;
    line-height: 32px;
}
.single-news .news-link a {
/*
    color: var(--otto-green);
	text-shadow: 0 0 10px var(--otto-green);
*/
	position: relative;
}
.single-news .news-link a::after {
    content: "";
    height: 1px;
    width: 100%;
    background-image: linear-gradient(45deg, transparent, var(--otto-green), transparent);
    position: absolute;
    bottom: -3px;
    left: 0;
}


.single-news .banner .banner-clouds {
    background-image: url(/wp-content/uploads/2025/04/aurora-3-scaled.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--otto-bg-black);
    position: absolute;
    height: 250%;
    width: 100%;
    z-index: -3;
    transform: translateY(-150px);
}
.single-news .banner .banner-text-group h1 {
    text-align: center;
    font-family: 'Idlewild-Thin';
    font-size: 32px;
    color: #fff;
    margin: 0 auto;
    margin-top: 55px;
    width: 65%;
}
.post-meta-section {
    padding-top: 80px;
    padding-bottom: 35px;
}
.post-meta-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}
.single-news #category-name {
    text-align: center;
    font-family: source code pro, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #ffffff69;
    margin: 0;
}
.entry-meta {
    color: #ffffffcf;
    font-family: source code pro, sans-serif;
	text-align: center;
    padding-top: 40px;
}
.entry-meta span {
    color: var(--otto-green);
}
.post-meta__title-date {
    width: 50%;
	text-align: center;
}
.post-meta__ft-image {
    background-color: var(--bps-blue);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 600px;
    border-radius: 25px;
    width: 100%;
	z-index: 0;
}


/* Post Navigation - Previous/Next */
span.nav-title {
    font-family: 'karla';
    font-weight: 300;
    font-size: 18px;
    width: 60%;
    display: inline-block;
	color: #ffffffe6;
}
span.nav-subtitle {
    display: block;
    font-family: 'Idlewild-Medium';
    font-size: 14px;
    color: var(--otto-blue);
	transition: text-shadow .5s;
}
.nav-next:hover span.nav-subtitle,
.nav-previous:hover span.nav-subtitle{
    text-shadow: 0 0 10px var(--otto-blue);
}
nav.navigation.post-navigation {
    z-index: 2;
}
.external-news-article-meta h5 {
	font-style: italic;
    margin: 10px 0;
}
.single .entry-content {
    margin-top: 0;
}
.single section .btn-wrapper {
    margin-top: 10px;
}


/* Single Posts - Media Queries */
@media only screen and (max-width: 776px){
	.single-news .banner .banner-text-group h1 {font-size: 26px; width: 80%;}
	.post-meta-section {padding-top: 40px;}
	.post-meta__ft-image {height: 550px;}
}
@media only screen and (max-width: 500px){
	.single-news .banner .banner-text-group h1 {font-size: 20px;}
	span.nav-title {width: 80%;}
	.post-meta__ft-image {height: 350px;}
}


/* News Filters
--------------------------------------------- */
.wpc-filters-widget-top-container.wpc-show-on-desktop{
	background-color: transparent !important;
}
.wpc-filters-widget-top-container:before {
    height: 0px !important;
}
.wpc-widget-top-inside .wpc-inner-widget-chips-wrapper {
    padding: 0 !important;
	overflow-y: visible !important;
}

/* Temporarily Hidden - Used to reset filters to SHOW ALL */
li.wpc-filter-chip.wpc-chip-reset-all {
    display: none;
    text-align: center;
}

li.wpc-filter-chip {
    display: none;
}
.wpc-filters-section {
    margin: 0 !important;
}

/* Hiding Container with Selected filters at this time, 
 * and header with "Post Type" label 
 * and term count number 
 * and posts found
 */
.wpc-filter-header, 
span.wpc-term-count, 
.wpc-posts-found{
    display: none;
}





/* Taxonomy Labels */

/* Show "All" Label first in list */
li#wpc-term-taxonomy-news-type-12 {
    order: -1;
}

.wpc-term-item-content-wrapper label a {
    font-family: Source Code Pro, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300 !important;
	color: #fff !important;
	cursor: pointer;
	position: relative;
	transition: all .48s, opacity .48s;
}
.wpc-term-item-content-wrapper label a:hover {
	opacity: 1 !important;
}

ul.wpc-filters-ul-list {
    display: flex;
	justify-content: center;
	flex-wrap: wrap;
    gap: 40px;
}
.wpc-filters-section {
    width: 100% !important;
    max-width: revert !important;
}

.wpc-term-item {
	outline: 1px solid transparent !important;
    padding: 9px 20px 17px !important;
    border-radius: 40px;
    height: 40px;
	cursor: pointer;
}
.wpc-term-selected {
    outline: 1px solid var(--otto-green) !important;
    padding: 9px 20px 17px !important;
    border-radius: 40px;
    height: 40px;
}
/* Auto show "All" taxonomy selected on News Page load */
.news-page-loaded li#wpc-term-taxonomy-news-type-12 {
    outline: 1px solid var(--otto-green) !important;
    padding: 9px 20px 17px !important;
    border-radius: 40px;
    height: 40px;
}

/* Hide Radio Button */
.wpc-filter-content.wpc-filter-news-type input {
    display: none;
}

/* Results not Found - Filters */
.news-list section.no-results.not-found {
    text-align: center;
	padding-bottom: 200px;
}




/* Mobile Filters */
@media only screen and (max-width: 776px){
	.wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-filters-open-button-container {
		display: block !important;
		text-align: center;
	}
	ul.wpc-filters-ul-list {
    display: block;
}
	.wpc-term-item-content-wrapper label a {
		color: #fff !important;
	}
	.wpc_show_bottom_widget .wpc-filters-widget-content {
        background-color: transparent !important;
        backdrop-filter: blur(50px);
		-webkit-backdrop-filter: blur(50px);
		transition: transform .85s !important;
    }
	.wpc_show_bottom_widget .wpc-filters-scroll-container {
        background: transparent !important;
    }
	.wpc-widget-popup-title {
		color: #ffffff !important;
		font-family: 'Idlewild-Book' !important;
		border-bottom: 1px solid #ffffff1a
	}
	body .wpc-filters-open-button-container a.wpc-filters-open-widget, body .wpc-filters-open-button-container a.wpc-open-close-filters-button {
		border: 1px solid #ffffffd4 !important;
		padding: 7px 25px !important;
		color: #ffffffd4 !important;
		border-radius: 50px !important;
		font-family: 'Source Code Pro' !important;
		backdrop-filter: blur(4px); 
		-webkit-backdrop-filter: blur(4px);
	}
	body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button, body .wpc-filters-main-wrap a.wpc-filters-submit-button, .wpc-filters-main-wrap .wpc-filters-widget-controls-container a, .wpc-filters-main-wrap a.wpc-filters-reset-button, .wpc-filters-main-wrap a.wpc-filters-submit-button {
		border-color: var(--otto-purple) !important;
		background-color: var(--otto-purple) !important;
		color: #f5f5f5 !important;
		font-family: 'Idlewild-Light' !important;
		font-size: 14px !important;
	}
	.wpc-filters-widget-controls-container {
		background: #00000085 !important;
	}
	.wpc_show_bottom_widget .wpc-filters-widget-top-container {
        border-bottom: 0px solid #f7f7f74a !important;
    }
	ul.wpc-filters-ul-list.wpc-filters-radio.wpc-filters-list-332 {
		padding-inline: 2px;
	}
	.wpc-widget-close-container .wpc-icon-html-wrapper {
		background: #f5f5f5b3 !important;
	}
	.wpc-filters-widget-controls-wrapper {
/*		justify-content: space-evenly !important;*/
	}
	.wpc-filters-main-wrap li.wpc-term-item label, .wpc-filters-main-wrap li.wpc-term-item a {
		width: 100% !important;
		text-align: center !important;
	}
}


/* Contact Page
--------------------------------------------- */
#post-123 .plane-w-stats-banner .banner-clouds, 
#post-585 .plane-w-stats-banner .banner-clouds {
    background-image: url(/wp-content/uploads/2025/06/northern-lights-v2-top-right-scaled-1.webp);
    height: 500%;
    transform: translateY(-150px) scaleX(-1);
	background-position: left;
}
/* Purple Form Submit buton */
input[type="submit"]{
    color: #fff;
    width: fit-content;
    background-color: var(--otto-purple) !important;
    text-decoration: none;
    font-family: 'Idlewild-medium';
    font-size: 10px;
    border-radius: 50px;
    padding: 18px 40px !important;
    letter-spacing: 2px;
    line-height: 3px;
    transition: all .35s, box-shadow .7s;
    cursor: pointer;
    margin: 0 auto;
}

input[type="submit"]:hover {
    background-color: #4f40a0 !important;
}
.gform_footer.top_label {
    padding-top: 80px !important;
}
form textarea, form select, form input {
    background-color: transparent !important;
	color: #fff !important;
    font-family: 'Karla', serif;
    letter-spacing: 0px;
    font-weight: 300;
}
form select {
    border: 1px solid #ffffff82;
    border-left-color: #ffffffb0 !important;
    border-top: 1px solid #fff;
    color: #ffffff63 !important;
}
form textarea {
    border: 1px solid #ffffffab !important;
	color: #fff !important;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-family: Source Code Pro, sans-serif;
    text-transform: uppercase;
    font-weight: 300 !important;
    color: #fff;
    font-size: 13px !important;
}
form input {
    padding-left: 0 !important;
	margin-bottom: 25px !important;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border: none !important;
	border-bottom: 1px solid #fff !important;
}
input:focus-visible, textarea:focus-visible, select:focus-visible {
    outline: none;
    border-bottom: 1px solid var(--otto-green) !important;
    /* box-shadow: 0 0 6px 0 var(--otto-green); */
}

/* Validation Error Messages */
.gform_wrapper.gravity-theme .gform_validation_errors:focus {
    outline: 0px solid #0873a457 !important;
    box-shadow: 0 0 20px 10px #0873a457;
}
.gform_validation_errors {
    background-color: transparent !important;
    border-color: var(--otto-green) !important;
    font-weight: 300;
    backdrop-filter: blur(32px);
	-webkit-backdrop-filter: blur(32px);
}
.gform_validation_errors h2 {
    font-family: 'Karla';
    font-size: 18px !important;
    line-height: 23px !important;
    font-weight: 400 !important;
}
.gform_wrapper.gravity-theme .gfield_error label {
    color: var(--otto-purple) !important;
    font-weight: 500 !important;
}
div.validation_message {
    background-color: transparent !important;
    border-color: var(--otto-green) !important;
    color: #fff !important;
    font-family: Karla, serif !important;
    font-weight: 300;
    font-size: 12px !important;
}

span.gfield_required.gfield_required_asterisk {
    color: var(--otto-green) !important;
	transform: translateY(-3px);
}



/* Confirmation Messages */
div#gform_confirmation_wrapper_1, 
div#gform_confirmation_wrapper_3{
    height: 400px;
    text-align: center;
    color: #fff;
    font-family: 'Idlewild-Thin';
}
div.gform_confirmation_message, 
div.gform_confirmation_message_3{
    border: 1px solid #ffffff4d;
    border-radius: 40px;
    padding: 100px 50px;
    backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
    box-shadow: 2px 4px 20px 0 #000000a3, -8px -4px 20px 0 #dfdfdf00;
    width: 100%;
    max-width: 27ch;
    margin: 0 auto;
}


/* RSVP Form */
div#input_3_17 {
    color: #fff;
}
#post-585 h1 span {
    display: block;
    font-size: clamp(.5rem, 3.5vw, 1.5rem);
    margin-top: 16px;
    color: #ffffffcf;
}




/*
fieldset#field_3_17 {
    margin-bottom: 10px;
}
*/
#field_3_17 .gchoice {
    display: flex;
    align-items: baseline;
    gap: 14px;
	font-family: Source Code Pro;
    font-weight: 200;
}
#field_3_17 .gchoice label {
    font-size: 14px;
	text-shadow: 0 0 9px #000;
}

#field_3_17 legend.gfield_label.gform-field-label{
    font-size: 15px !important;
    margin-bottom: 25px !important;
	text-shadow: 0 0 9px #000;
}

label#label_3_17_2 {
    padding-bottom: 14px;
}


#gform_wrapper_3 .gform_heading {
    position: absolute;
    bottom: 125px;
}
#gform_wrapper_3  .gform_heading .gform_required_legend {
    font-size: 11px !important;
    font-family: Source Code Pro;
}


span.gfield_required.gfield_required_text {
    font-size: 9px !important;
    color: var(--otto-green) !important;
    transform: translateY(-2px);
}

/* Hide the default radio input */
.gfield_radio input[type="radio"] {
  display: none !important;
}

/* Style the custom radio appearance */
.gfield_radio label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: inline-block;
  line-height: 1.5;
  padding-bottom: 25px;
  padding-top: 4px;
}

/* Add a custom radio circle */
.gfield_radio label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  border: 2px solid #333;
  border-radius: 50%;
  background: #ffffffbf;
  transition: background .5s;
}


.gfield_radio input[type="radio"]:checked + label::before {
	background: #fff;
}


/* Fill in the circle when selected */
.gfield_radio input[type="radio"] + label::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  width: 10px;
  height: 10px;
  background: transparent;
  transition: background .5s, transform .3s;	
  border-radius: 50%;
  transform: scale(0);	
}
.gfield_radio input[type="radio"]:checked + label::after {
  background: var(--otto-purple);
  transform: scale(1);	
}





/* ReCAPTCHA on top of elements */
.grecaptcha-badge {
    z-index: 100000000;
}

/* Contact Form Media Queries */
@media only screen and (max-width: 776px){
    .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 2px !important;
    }
	
}


    



/* Footer
--------------------------------------------- */
footer#colophon {
    background-color: var(--otto-footer-grey);
	position: relative;
	z-index: 1;
}

.footer-curve {
    background-image: url(/wp-content/uploads/2025/06/OTTO-footer-curve-cropped-v2.webp);
    position: absolute;
    top: 0;
    left: 0;
    height: 700px;
    width: 100%;
    background-size: cover;
    background-position: bottom;
}
.footer-curve::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(180deg, var(--otto-bg-black) 2%, transparent 23%, transparent);
}
.footer-curve::before {
    content: "";
    height: 86%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(/wp-content/uploads/2025/04/ground-control.webp);
    background-size: cover;
    background-position: center;
    mix-blend-mode: lighten;
}

footer .site-info {
    padding: 300px 0 40px;
}
footer .logo-wrapper {
    margin: 0 auto;
	padding-bottom: 120px;
	width: 70%;
	opacity: .2;
}
.legal-menu-copywrite-group {
    display: flex;
    align-items: center;
    justify-content: center;
	gap: 50px;
}
.legal-menu-copywrite-group > * {
    font-size: 14px;
}
.legal-text p {
    font-family: source code pro, sans-serif;
    text-transform: uppercase;
    color: #aaaaac;
	margin: 0;
	font-size: 14px;
    font-weight: 400;
}
ul#footer-menu {
    padding: 0;
    margin: 0;
    list-style: none;
	display: flex;
    gap: 16px;
}
ul#footer-menu li:first-of-type, ul#footer-menu li:nth-of-type(2n) {
    border-right: 2px solid #aaaaac;
    padding-right: 16px;
}
.newsletter-cta {
    cursor: pointer;
}
ul#footer-menu li a {
    color: #aaaaac;
    font-family: source code pro, sans-serif;
    text-transform: uppercase;
display: block;
        transition:0.6s all;
}

a.contact-cta {
    padding: 50px 50px 45px;
    border-radius: 50%;
    height: 225px;
    width: 225px;
    text-align: center;
    line-height: 16px;
    display: grid;
    place-items: center;
    place-content: center;
    font-family: 'Idlewild-Medium';
    font-size: 12px;
    color: var(--otto-purple);
    /* border: 3px solid var(--otto-purple); */
    /* box-shadow: inset -1px 3px 19px 1px #000000; */
    position: relative;
    background-image: url(/wp-content/uploads/2025/04/neumorph.png);
    background-position: center;
    background-size: cover;
	cursor: pointer;
	transition: box-shadow .8s .22s, border .88s;
}

/* Green Glow shown on hover*/
a.contact-cta::after {
    content: "";
    position: absolute;
    border: 2px solid transparent;
    height: 72%;
    width: 72%;
    top: 31px;
    left: 30px;
    border-radius: 50%;
    box-shadow: 0 0 0px 0px var(--otto-purple);
}
a.contact-cta:hover::after {
    box-shadow: 0 0 14px 0px var(--otto-green);
	border: 2px solid var(--otto-green);
}

a.contact-cta::before {
    content: "";
    height: 103%;
    width: 103%;
    position: absolute;
    background-image: linear-gradient(114deg, #000000a8, transparent);
    border-radius: 50%;
    box-shadow: -6px -3px 20px 2px #6f6f6f54;
	display: none; /* Hide element based on Marker.io todo */
/*	mix-blend-mode: lighten;*/
}

a.contact-cta.green-hover {
    position: absolute;
    bottom: 0px;
    background-image: url(/wp-content/uploads/2025/04/neumorph-hover.png);
    color: var(--otto-purple);
    opacity: 0;
	text-decoration: none;
	transition: opacity .48s, color .34s .12s, text-shadow .32s .18s;
}
a.contact-cta.green-hover:hover {
    position: absolute;
    bottom: 0px;
    background-image: url(/wp-content/uploads/2025/04/neumorph-hover.png);
    color: var(--otto-green);
	text-shadow: 0 0 11px var(--otto-green);
    opacity: 1;
}

footer .btn-wrapper {
    padding: 350px 0 0;
	margin: 0 auto;
	position: relative;
}
.social ul {
list-style: none;
    margin: 0 0 25px;
    padding: 0;
    display: flex;
    gap: 10px;
    justify-content: center;
}
.social ul li {
    height: 40px;
    width: 40px;
    background-color: #7b61ff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    transition:0.6s all;
}
.social ul li a {
    color: #fff;
    transition:0.6s all;
}
.social ul li:hover{
    background-color: #00dc5a;
}
ul#footer-menu li a:hover {
    color: var(--otto-text-dark);
}

footer.site-footer::after {
	content: "";
    display: block;
    height: 80px;
    width: 100%;
    position: absolute;
    top: -79px;
    left: 0;
    background-image: linear-gradient(180deg, transparent, var(--otto-bg-black));
}

/* Footer Media Queries */
@media only screen and (max-width: 776px) {
	footer .site-info {
		padding: 150px 0 40px;
	}
	footer .logo-wrapper {
		padding-bottom: 100px;
	}
	.legal-menu-copywrite-group {
		flex-direction: column;
	}
}




/* Misc Page Element Tweaks */
p#bill-otto-img {
    position: relative;
}
p#bill-otto-img::after {
    content: "";
    background-image: linear-gradient(45deg, transparent, var(--otto-green), transparent);
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
	transform: scaleX(0);
	transition: transform 1s .25s ease;
    left: 0;
}
.in-viewport p#bill-otto-img::after {
	transform: scaleX(1);
}
@media only screen and (max-width: 550px){
	p#bill-otto-img img {
		width: 80% !important;
	}
}


/* Heading and Body Texts */
@media only screen and (max-width: 550px){
	h2 {
		font-size: clamp(1.25rem, 5.5vw, 5rem);
	}
	p {
		font-size: clamp(1.25rem, 3vw, 2rem);
	}
	.full-width.content-center p {
		font-size: clamp(1.5rem, 3vw, 2rem);
	}
	ul, ol {
		margin: 0 0 1.5em 2em;
	}
}




/* Clouds */
#cloud1, #cloud2, #cloud3, #cloud4, #cloud5, #cloud6, #cloud7, #cloud8, #cloud9, #cloud10, #cloud11, #cloud12, #cloud13{
    Width:100%;
    position:fixed;
    z-index:-2;
    height:100vh;
    top:0;
    left:0px;
    transition: opacity 5s ease, left 0s;

}
#cloud1{
    opacity: 0.4;
    margin-top:100vh;
    width:150%;
    left:15%;
}
#cloud2{
    margin-top:100vh;
    opacity: 0.4;
        left: 30%;
}
#cloud3{
     margin-top:120vh;
    opacity: 0.4;
}
#cloud4{
     margin-top:105vh;
     opacity: 0.3;
}
#cloud5{
     margin-top:170vh;
     opacity: 0.3;
}
#cloud6{
     margin-top:140vh;
     opacity: 0.6;
     left: 30%;
}
#cloud7{
     margin-top:210vh;
     opacity: 0.4;
}
#cloud8{
     margin-top:320vh;
     opacity: 0.5;
transform: rotate(180deg);
}
#cloud9{
     margin-top:340vh;
     opacity: 0.6;
     left: 10%;
}
#cloud10{
     margin-top:320vh;
     opacity: 0.6;
}
#cloud11{
     margin-top:420vh;
     opacity: 0.5;
    transform: rotate(176deg);
       left: 40%;
}
#cloud12{
     margin-top:420vh;
     opacity: 0.4;
    transform: rotate(180deg);
}
#cloud13{
     margin-top:420vh;
     opacity: 0.3;
}






/* Newsletter Sign-up Form */
.newsletter-form-wrapper {
    flex: 1;
}

.newsletter-tab-wrapper.confirmed .newsletter-form-wrapper {
    padding-top: 115px;
    text-align: center;
}

.tab-label {
    writing-mode: sideways-lr;
    font-family: 'Karla';
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    width: 70px;
    cursor: pointer;
    padding-left: 15px;
    opacity: 0;
    transition: opacity .5s .25s ease;
}

.newsletter-tab-wrapper.visible .tab-label {
    opacity: 1;
}

span#arrow-purple {
    height: 10px;
    width: 10px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2025/07/arrow-purple.png);
    margin-bottom: 20px;
	transition: transform .5s ease;
	transform: scaleX(-1);
}

.newsletter-tab-wrapper.visible.active span#arrow-purple {
	transform: scaleX(1);
}

.newsletter-tab-wrapper {
    display: flex;
    align-items: flex-start;
    width: 580px;
    background-color: #000000eb;
    position: fixed;
    right: 0;
    top: 27%;
    transition: width .9s ease-out, transform .7s ease, height .7s, backdrop-filter .7s, background-color .5s;
    z-index: 998;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-left: 1px solid var(--otto-purple);
    border-block: 1px solid var(--otto-purple);
    padding: 25px 40px 30px 0;
    transform: translateX(580px);
    height: 275px;
    overflow: hidden;
}

.newsletter-tab-wrapper.visible.active {
	width: 400px;
	transform: translateX(0px);
	height: 380px;
}
.newsletter-tab-wrapper.visible {
    transform: translateX(520px);
}

.newsletter-tab-wrapper.visible.confirmed {
    transform: translateX(600px) !important;
	opacity: 0;
    transition: width .7s ease-out, transform .7s 3.5s ease-in-out, opacity .2s 4s, border-left .8s, border-block .8s;
	border-left: 1px solid var(--otto-green); border-block: 1px solid var(--otto-green);
	animation: pulseGlow 2s ease;
}

input[type="submit"]#gform_submit_button_6 {
    margin-left: 0;
}
#gform_6 .gform_footer.top_label {
    padding-top: 30px !important;
	padding-bottom: 0;
}
form.newsletter-form input {
    margin-bottom: 0px !important;
}
.gform_wrapper.gravity-theme.newsletter-form_wrapper .gfield_label {
    margin-bottom: 0px;
}

.gform_wrapper.gravity-theme.newsletter-form_wrapper input[type=text] {
    padding: 0 0 6px;
}

.gform_wrapper.gravity-theme.newsletter-form_wrapper .gform_fields {
    grid-row-gap: 12px !important;
}

input#input_6_5 {
    padding-top: 0;
}


div.gform_confirmation_message_6 {
	 all: revert;
	 color: #fff;
/*
	 padding-top: 110px;
	 text-align: center;
*/
}

@media only screen and (max-width: 640px){
	.newsletter-tab-wrapper.visible.active {
		width: 95%;
		height: 315px;
/*
		background-color: #000000eb;
        backdrop-filter: blur(7px);
*/
	}
	
	.newsletter-tab-wrapper {
		height: 255px;
/*
    	background-color: #00000057;
    	backdrop-filter: blur(7px);
*/
	}
	
	.tab-label {
		font-size: 18px;
	}
	#gform_6 .ginput_container.ginput_container_text {
		margin-top: -8px;
	}
	#gform_6 .ginput_container.ginput_container_email {
		margin-top: -6px;
	}
	#gform_6 .gform_footer.top_label {
		padding-top: 20px !important;
	}
	.newsletter-form-wrapper {
		margin-top: -27px;
	}
/*
	div.gform_confirmation_message_6 {
    padding-top: 110px;
    text-align: center;
}
*/
}


/* 404 Page */
.error404 .banner {
    min-height: 200px;
}
.error404 .banner-graphic {
    transform: scale(1.015);
}
.error404 section.large-heading .heading-wrapper {
    margin: 0 auto;
}
.error404 .heading-wrapper h3 {
    margin-top: 0;
	font-family: 'Idlewild-Thin';
    font-size: 28px;
	font-size: clamp(1.5rem, 2vw, 4rem);
}
.error404 h1 {
    font-size: clamp(2.5rem, 7vw, 3rem) !important;
    width: 90% !important;
	padding-top: 70px;
}
.image-wrapper-404 {
    display: grid;
    place-items: center;
	padding-top: 100px;
}

.image-wrapper-404 img {
	max-width: 70%;
}
.error404 .large-heading.both-pad {
    padding: 80px 0px 350px;
}
.error404 #cloud1 {
    margin-top: 57vh;
}
.error404 #cloud2 {
    margin-top: 67vh;
}
.error404 #cloud4 {
    margin-top: 77vh;
}




.video-embed-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 aspect ratio (9 / 16 = 0.5625) */
  height: 0;
  overflow: hidden;
}

.video-embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}



/* Pop-up Notification Box */
.pop-up-wrapper {
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 20px;
    width: 100%;
    height: 100%;
	display:grid;
	place-items: center;
	padding-top: 5vh;
    background-color: rgb(0 0 0 / 58%);
    transition: opacity .29s, top .39s cubic-bezier(0, 0, 0.43, 1);
    backdrop-filter: blur(4px);
	opacity: 0;
}
.pop-up-wrapper.visible {
    opacity: 1;
	top: 0;
}
.pop-up-wrapper::before {
    content: "";
    position: absolute;
    background-image: linear-gradient(55deg, var(--otto-bg-black), transparent), url(/wp-content/uploads/2025/04/aurora-2-scaled.webp);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(0px);
    opacity: 0;
	transition: opacity 1s ease, backdrop-filter 1.47s ease;
}
.pop-up-wrapper.visible::before {
    backdrop-filter: blur(4px);
    opacity: .95;
}
.pop-up-content {
    padding: 50px;
    width: 90%;
	max-width: 1200px;
	max-height: 95vh;
	overflow: auto;
    border-radius: 40px;
    box-shadow: 0px 0px 10px 10px rgb(10 15 25 / 10%), inset 1px 2px 0px 0px #00000000, 5px 7px 20px 0px #156a57a8;
	background-color: #0d1114b3;
    border: 1px solid;
    position: relative;
    transform: translateY(20px);
    transition: transform 1s ease-out, border 1.5s .12s;
}

.pop-up-wrapper.visible .pop-up-content {
	border: 1px solid var(--otto-purple);
}

.pop-up-wrapper span#close-pop-up {
    width: fit-content;
    margin: 50px auto 0;
    padding: 2px 12px 4px;
    color: #ffffffd6;
    font-size: 17px;
    display: block;
    font-family: sans-serif;
    border: 2px solid #ffffff1a;
    border-radius: 50px;
	opacity: 0;
	transition:opacity 1.5s .42s, background-color .3s , color .5s;
	cursor: pointer;
}

.pop-up-wrapper.visible span#close-pop-up {
	opacity: 1;
}

.pop-up-wrapper span#close-pop-up:hover {
    background-color: var(--otto-green);
    color: var(--otto-dark);
}


@media only screen and (max-width: 650px){
	img#new-logo {
		width: 80%;
		padding-block: 20px !important;
	}
	h4#pop-up-subheading {
		margin-bottom: 30px !important;
		font-size: 14px !important;
	}
	.pop-up-wrapper span#close-pop-up {
		margin: 20px auto 5px;
	}
}





/* Media Queries */
@media only screen and (max-width: 1500px){
p, ul, ol {
    font-size: 18px;
}
ul#footer-menu li a, .legal-text p{
    font-size:12px;
}
ul#footer-menu li {
    line-height: 12px;
}
h2 {
    font-size: 27px;
}
h5 {
    font-size: 14px;
}
}
@media only screen and (max-width: 1100px){
h5 {
    font-size: 12px;
}
.light-section {
    padding: 70px 5% 121px;
}
.home #photo-grid .split-left.media-wrap {
    width: 100%;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
}
.home #photo-grid .split-right {
    width: 100%;
}
.home #photo-grid div#right.content-wrap {
	flex-direction: revert;
}
.home #photo-grid.split .media-wrap {
        min-height: 275px !important;
    }
.home #photo-grid div#top.image-wrapper {
    height: 275px;
    width: 100%;
}	
.home #photo-grid div#bottom.image-wrapper{
	height: 275px;
    width: 100%;
}
.home #photo-grid div#right #top .image {
    min-height: 275px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 30px;
}
.home #photo-grid div#right #bottom .image {
    min-height: 275px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 0;
}
.home .light-bg .container {
	padding: 50px;
	}	
	
}
@media only screen and (max-width: 850px){
	
	.home .__mobile-only{
		display: block;
	}
	.home .__desktop-only{
		display: none;
	}
	section#laminar-flow-headings.__mobile-only {
		margin-top: 80px;
		margin-bottom: 20px;
	}
	section#laminar-flow.__mobile-only {
		padding: 0px 0 80px 0;
	}
	.home .banner.__mobile-only {
		position: relative;
		margin-top: 8vh;
	}
	.home .__mobile-only .banner-text-group.center-content {
		position: relative;
	}
	.__mobile-only .scroll-down {
		bottom: -125px;
	}
	.scroll-spacer-initial.__mobile-only {
		height: 80px !important;
	}
	.scroll-spacer-initial.__desktop-only {
		display: none;
	}
	section#intro.__mobile-only {
        padding: 250px 0 0 5%;
    }
	
	.home #cloud5 {
		margin-top: 90vh;

	}
	
	.home #cloud9 {
		margin-top: 100vh;
		display: block !important;
		transition: opacity 5s ease, left 0s, transform 28s;
	}
	
	.home #cloud11 {
		margin-top: 110vh;
	}
	
	
	
	p, ul, ol {
		font-size: 16px;
	}
	ul#footer-menu li a, .legal-text p{
		font-size:12px;
	}
	h2 {
		font-size: 20px;
	}
	.btn {
		font-size: 9px;
		padding: 12px 30px 10px;
		letter-spacing: 1px;
	}

	header#masthead {
		padding: 50px 5%;
	}
    #sequence-canvas {
    width: 100% !important;
height: 40vw !important;
    display: block;
}
	.section-content.__mobile-only {
		display: block;
	}
	.section-content.__desktop-only {
		display: none;
	}
}
@media only screen and (max-width: 776px) {
	.news-item {flex-direction: column; padding:0;}
	.news-list-section #news-title, .news-list-section #news-date, .news-list-section #category-name {width: fit-content;text-align: center;}
	.news-list-section #news-title{width: 70%;}
	.news-list h5#category-name {margin: 25px 0;}
	
	.home #cloud7, 
	.home #cloud9, 
	.home #cloud10, 
	.home #cloud13 {
		display: none;
	}
	
	
}
@media only screen and (max-width: 650px){
	header#masthead {
		padding: 50px 5%;
	}
	p, ul, ol {
		font-size: 15px;
	}
	ul#footer-menu li a, .legal-text p{
		font-size:10px;
	}
	.form-content__mediakit {
   		padding: 30px;
	}
	.pop-up-content {
    	padding: 20px;
	}
}
@media only screen and (max-width: 550px){
	.home .light-bg .container {
		padding: 25px;
	}
	#photo-grid .split-left.media-wrap {
		height: 350px;
	}
	.home #photo-grid.split .media-wrap {
        min-height: 225px !important;
    }
	.home #photo-grid div#top.image-wrapper {
		height: 225px;
	}	
	.home #photo-grid div#bottom.image-wrapper{
		height: 225px;
	}
	.home #photo-grid div#right #top .image {
		min-height: 225px;
		border-top-right-radius: 0;
		border-bottom-left-radius: 30px;
	}
	.home #photo-grid div#right #bottom .image {
		min-height: 225px;
		border-bottom-right-radius: 30px;
		border-bottom-left-radius: 0;
	}
	.form-confirmation__mediakit.visible {
		transform: scale(.9);
	}
}	

@media only screen and (max-width: 450px){
	h2 {
		font-size: 19px;
	}
	.site-branding {
		max-width: 150px;
		margin-top: -6px;
	}
	header#masthead {
		padding: 0px 5%;
		height: 80px;
	}
	.menu-toggle {
		width: 40px;
		top: 25px;
	}
	.home #photo-grid div#right.content-wrap {
        flex-direction: column;
    }
	.home #photo-grid div#right #top .image {
        border-bottom-left-radius: 0;
    }
	.home #photo-grid div#right #bottom .image {
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    .page-template-page-aircraft .plane-w-stats-banner .banner-graphic {
        min-height: 0; 
        height: 45vw;
    }
	.news-list-section #news-title{width: 100%;}
}