:root {

	--navbar-height:75px;
	--font-body:"Raleway", sans-serif;
	--font-fancy:"Poiret One", sans-serif;
	--font-headline:"Oswald", sans-serif;

	--bgcolor:#eee;
	--text-color:#000;
	--textcolor:#000;

	--default-gradient:linear-gradient(#444, #111);
	--gradient-bg:linear-gradient(#444, #111);

	--accent-color:#337ab7;
	--accent-lighter:#5195cf;
	--accent-color-lighter:#5195cf;
	--overlay-color:rgba(0,0,0,0.2);

}

html, body {
	font-size:13pt;
	font-family:var(--font-body);
	background-color:var(--bgcolor);
}

h1, h2, h3, h4, h5, h6 {
	font-family:var(--font-headline);
}

.headline, #headline {
	color:var(--accent-color);
	font-family:var(--font-headline);
	font-weight:700;
}
#headline {
	margin-bottom:30px;
}

p {margin: 0 0 20px;}

a {color:var(--accent-color);}
a:hover {color:var(--accent-color);}

button, .button, .btn {
	font-size:0.9rem;
}

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

nav {
	position:fixed;
	top:0; left:0;
	width:100vw; height:var(--navbar-height);
	background-image:var(--default-gradient);
	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	color:#fff;
	z-index:999;
	padding:0 15px;
}
#nav-logo {
	width:20rem;
	display:flex;
	flex-direction:row;
	align-items:center;
	line-height:1.1em;
	font-size:1.2em;
	padding-bottom:2px;
	color:#fff;
}
#nav-logo:hover {text-decoration:none;}
#nav-logo > img {
	height:calc(var(--navbar-height) - 20px);
	border:1px solid rgba(255,255,255,0.5);
	margin-right:15px;
	box-shadow:0 0 15px rgba(0,0,0,0.5);
}

#navbutton {
	display:none;
	cursor:pointer;
}
#navbutton div {
	font-size:2em;
	line-height: 20px;
    height: 30px;
}
@media(max-width:767px) {
	#navbutton {display:none;} /* Save for later */
}

nav ul {
	list-style-type:none;
	margin:0; padding:0;
}
nav > ul {
	width:calc(100% - 30em);
	margin:0 5em;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
}
nav > ul > li {
	display:inline-flex;
	align-items:center;
	height:var(--navbar-height);
	padding:0 1em;
	transition:0.3s ease-in-out;
}
nav > ul > li:hover {
	background-color:#000;
}
nav > ul > li > a {
	color:rgba(255,255,255,0.75);
	transition:0.2s ease-in-out;
	text-decoration:none;
	font-family:var(--font-fancy);
	font-weight:700;
	font-size:1.2em;
	line-height:1em;
}
nav > ul > li > a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:2px solid #fff;
	padding-bottom:1px;
}

@media(max-width:960px) {
	nav > ul {
		gap:1em;
		width:calc(100% - 10em);
		margin:0 2rem;
	}
	#nav-logo {width:15rem; font-size:1em;}
}

#main {
	min-height:calc(100vh - 230px);
	padding:3em;
	padding-top:calc(var(--navbar-height) + 2rem);
	max-width:1200px;
	margin:0 auto;
}
@media(max-width:900px) {#main {padding-left:2rem; padding-right:2rem;}}
@media(max-width:767px) {#main {padding-left:1rem; padding-right:1rem;}}

footer {
	width:100vw;
	background-image:var(--default-gradient);
	color:#fff;
	position:relative;
	margin:0 auto;
	padding:3em;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	gap:2em;
}
footer a {
	color:rgb(121, 167, 206);
	transition:0.3s ease-in-out;
}
footer a:hover {
	text-decoration:none;
	color:rgb(159, 200, 234);
	text-shadow:0 0 5px rgb(121, 167, 206);
}
#footer-logo {
	width:160px; height:130px;
	border:10px solid #fff;
	background-color:#fff;
	object-fit:contain;
}
#footer-brand {
	margin: 0 0 14px 0;
    border-bottom: 2px solid #fff;
    padding-bottom: 2px;
}
#footer-contact-form, #footer-email {white-space:nowrap;}


/* Custom Alert Box */

.alert-box {
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:flex-start;
	background-image:linear-gradient(#555, #222);
	color:#fff;
	border-radius:5px;
	padding:15px;
	margin:30px 0;
	font-weight:bold;
}
.alert-box > i {
	font-size:48px;
	margin-right:15px;
	color:orange;
}


/* Square form */
#card-container {
    height: 75px !important;
}
#payment-form-loader button, #payment-form-loader button * {color:#fff !important;}