/*
Theme Name: Flight Deck
Author: Danford Showan
Version: 1.0
*/

@font-face {font-family: 'Supercell'; src: url('supercell-headline-heavy.otf') format('opentype'); font-weight: normal; font-style: normal;}

nav img, nav svg  { height: 50px; width: auto; max-width: 100%; display: block; }

/* Add spacing between menu items ONLY on desktop */
@media (min-width: 992px) {
	.navbar-nav .menu-item { margin-left: 1rem; }
    .navbar-nav .menu-item:first-child {margin-left: 0;}
}

.navbar-nav .menu-item a { color: #fff; font-family: 'Supercell', sans-serif; transition: color 0.3s; } 

/*
.navbar-nav .menu-item a { color: #fff; font-weight: 500; text-transform: uppercase; transition: color 0.3s; } 
.navbar-nav .menu-item a:hover { color: #275F89; } 
.navbar-brand .logo { height: 40px; width: auto; display: block; } 
.carousel-item img { height: 500px; width: 100%; object-fit: cover; }
*/
.text-splash {font-size: calc(3rem + 1.5vw); line-height: 1; letter-spacing: -0.02em;}
.splash-shadow{text-shadow: 2px 2px 0 rgb(255, 0, 0), -2px -2px 0 #00f;}

#gradient-bg {background: #1C232D;
background: -webkit-linear-gradient(134deg, rgba(28, 35, 45, 1) 40%, rgba(31, 122, 235, 1) 70%, rgba(90, 177, 255, 1) 100%);
background: -moz-linear-gradient(134deg, rgba(28, 35, 45, 1) 40%, rgba(31, 122, 235, 1) 70%, rgba(90, 177, 255, 1) 100%);
background: linear-gradient(134deg, rgba(28, 35, 45, 1) 40%, rgba(31, 122, 235, 1) 70%, rgba(90, 177, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1C232D", endColorstr="#5AB1FF", GradientType=0);}

.grid-bg {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 40px 40px; /* adjust cell size */
}

h1, h2, h3 { font-family: 'Supercell', sans-serif; }

.brand-logo {height: 150px; width: auto; object-fit: contain; }
.bg-cover-center {background-size: cover; background-position: center; background-repeat: no-repeat;}

.svg-container { width: 50px;  height: 50px; margin: 0 auto; text-align: center;}
.svg-container svg { width: 100%; height: 100%; display: inline-block; }

.bg-brand {background-color: var(--bs-brand) !important; color: #fff !important;}
.text-brand {color: var(--bs-brand) !important;}
.btn-brand {--bs-btn-color:#fff;--bs-btn-bg:var(--bs-brand);--bs-btn-border-color:var(--bs-brand);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:rgba(var(--bs-brand-rgb),0.9);--bs-btn-hover-border-color:rgba(var(--bs-brand-rgb),0.9);--bs-btn-focus-shadow-rgb:var(--bs-brand-rgb);--bs-btn-active-color:#fff;--bs-btn-active-bg:rgba(var(--bs-brand-rgb),0.85);--bs-btn-active-border-color:rgba(var(--bs-brand-rgb),0.85);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:rgba(var(--bs-brand-rgb),0.5);--bs-btn-disabled-border-color:rgba(var(--bs-brand-rgb),0.5);} 
.btn-brand {color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color);} 
.btn-brand:hover {color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);} 
.btn-brand:focus,.btn-brand.focus {color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);} 
.btn-brand:active,.btn-brand.active,.show>.btn-brand.dropdown-toggle {color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color);} 
.btn-brand:disabled,.btn-brand.disabled {color:var(--bs-btn-disabled-color);background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);}