/* Kayak.css */

@import url('fonts.css');

/* Scrollbar (global) */
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
::-webkit-scrollbar-track {
	background: #ddd;
}
::-webkit-scrollbar-thumb {
	background: #666; 
}

body, html {
	background-color: #FFFFFF;
	font-family: Raleway, sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	min-height: 100%;
}

/* Header */
.site-header {
	height: 150px;
	background-color: #005364;
}

/* Navbar */
.navbar-bg {
	/* background-color: #54B8B5; -- lighter */
	/* background-color: #3F929F; /* -- darker */
	background-color: #00222B;
	/* background-color: rgba(78, 184, 181, 0.5); */
}

/* Background colors */
.bg-tbd {
	background-color: #FCDAA5;
}

/* Jumbo */
.jumbo {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover !important;
	background-attachment: fixed;
	background-position: center left;
	height: 60vh;
}

.jumbo .inner {
	position: absolute; 
	width: 100%; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%);
	text-align: center;
	color: #FFFFFF;
}

.jumbotron {
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover !important;
	color: #ffffff;
	padding: 200px 25px;
	font-weight: 700;
	text-align: center;
	font-family: "Blockers Inky";
	/* text-shadow: 2px 2px 5px #000000; */
	/* filter: brightness(50%); */
}

.jumbotron H1 {
	font-family: Burtons;
}


/* Borders */
.border-bottom-md {
	border-bottom: #EFEFEF 3px solid;
}

/* Typefaces */
.blockers-inky-font {
	font-family: "Blockers Inky";
}

.burtons-font {
	font-family: Burtons;
}

.rustic-font {
	font-family: "Swanky and Moo Moo", sans-serif;
}

.navbar-font {
	/* font-family: "Long Cang", sans-serif; */
	/* font-family: "Patrick Hand SC", sans-serif; */
	font-family: "Blockers Inky";
	font-size: 20px;
}

.text-shadow {
	text-shadow: 2px 2px 4px #333333;
}

/* Sections */
section {
	padding: 50px 20px
}

section H1,
section H2 {
	/* font-family: "Walter Turncoat", sans-serif; */ 
	/* font-family: "Architects Daughter", sans-serif; */
	font-family: Burtons;
}

section H4 {
	font-family: "Blockers Inky";
}

/* Footer */
.footer {
	background-color: #005364;
	color: #FFFFFF;
	padding: 50px 20px;
	border-top: #FFC100 8px solid;
}

footer {
	background-color: #005364;
	color: #FFFFFF;
	padding: 50px 20px;
	border-top: #FFC100 8px solid;
}

footer a:link,
footer a:visited,
footer a:active {
	color: #ffffff;
	text-decoration: none;
}
footer a:hover {
	color: #FFC12A;
}

footer H3 {
	/* font-family: "Walter Turncoat", sans-serif; */
	/* font-family: "Architects Daughter", sans-serif; */
	font-family: Burtons;
}

/* Bootstrap adjustments */
/* https://stackoverflow.com/questions/48735679/bootstrap-change-navbar-link-colors */
/*
nav .navbar-nav li a:link,
nav .navbar-nav li a:active,
nav .navbar-nav li a:visited {
	color: #FFFFFF !important;
}
*/
nav .navbar-nav li a:hover {
	color: #FFC100 !important;
}

.img-thumbnail {
	border: 0px !important;
	border-radius: 0px !important;
	background-color: transparent !important;
}

.btn {
	border-radius: 0px !important;
}