@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400;1,700&display=swap');

::selection {
	background: #666;
	color: #fff;
}

body {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}

/*********************
HEADINGS & TEXT STYLES
**********************/
h1, .h1 {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-size: 3.5rem;
	line-height: 1.2;
	font-weight: 400;
}

h2, .h2 {
	
}

h3, .h3 {
	
}

h4, .h4 {
	
}

h5, .h5 {
	
}

h6, .h6 {
	
}

blockquote {
	
}

cite {
	
}

figcaption {
	
}

.lead {
	font-size: 1.3em;
}

.text-serif {
	font-family: 'Noticia Text', Georgia, serif;
}

.text-sans {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
}

/*********************
ANIMATIONS
**********************/
@keyframes bounce { 
  0% { transform: translateY(0); }
  100% { transform: translateY(5px); }
}

/*********************
BUTTONS and LINKS
**********************/
.bounce {
  animation: bounce 0.5s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

    .caret {
        width: 0;
        height: 0;
        display: inline-block;
        border: 5px solid transparent;
		border-top-color: #000;
    }
	
	.caret-white {
		 width: 0;
        height: 0;
        display: inline-block;
        border: 5px solid transparent;
		border-top-color: #fff;
	}

.btn, .btn-primary {
	background: #001D44;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.9rem;
	padding: 15px;
	transition: 0.3s;
}

	.btn-outline-primary {
		background: none;
		border: 2px solid #001D44;
		transition: 0.3s;
	}

.btn-secondary {
	background: #FFAE00;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.9rem;
	padding: 15px;
	transition: 0.3s;
}

	.btn-outline-secondary {
		background: none;
		border: 2px solid #FFAE00;
		transition: 0.3s;
	}
	
		.btn-outline-secondary:hover {
			background: #FFAE00;
			border: 2px solid #FFAE00;
		}
	
.btn-tertiary {
	background: #3a7aa5;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.9rem;
	padding: 15px;
	transition: 0.3s;
}

	.btn-outline-tertiary {
		background: none;
		border: 2px solid #3a7aa5;
		transition: 0.3s;
	}
	
		.btn-outline-tertiary:hover {
			background: #3a7aa5;
			border: 2px solid #3a7aa5;
		}
	

/*********************
FORMS
**********************/
.form-control {
	
}

.form-control:active, .form-control:focus {
	
}

/*********************
CARDS and ACCORDIONS
**********************/
.accordion .btn {
	color: #fff;
	border-radius: 0;
	transition: 0.3s;
}
	
	.accordion .btn:hover, .accordion .btn:focus {
		text-decoration: none;
		color: rgba(255,255,255,0.8);
		padding-left: 20px;
	}

/*********************
MEDIA
**********************/

/*********************
COLORS (BGs and TEXT)
**********************/
.bg-primary {
	background: #001D44!important;
}

.text-primary {
	color: #001D44!important;
}

.bg-secondary {
	background: #FFAE00!important;
}

.text-secondary {
	color: #FFAE00!important;
}

.bg-tertiary {
	background: #3a7aa5!important;
}

.text-tertiary {
	color: #3a7aa5!important;
}

.bg-white-gradient {
	background: linear-gradient(180deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,1) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index:1 
}

.overlay-white-gradient {
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
}

.bg-pattern {
	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23001d44' fill-opacity='0.1' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.bg-overlay {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

.text-overlay {
	position: relative;
	z-index: 3;
}

/*********************
MISC
**********************/
hr {
	width: 100px;
	height: 2px;
	border: 1px solid #3a7aa5;
	background-color: #3a7aa5;
	margin: 15px 0;
}

/*********************
NAVBAR
**********************/
.navbar {
	padding: 20px 15px;
}

.navbar a {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	transition: 0.3s;
}

/*********************
HEADER
**********************/
.jumbotron {
	background: #fff url(../img/header.jpg) no-repeat center center;
	background-size: cover;
	padding: 30vh 0!important;
	margin-top: 80px;
}

.minitron {
	background: #fff url(../img/header.jpg) no-repeat center center;
	background-size: cover;
	padding: 10vh 0!important;
	margin-top: 80px;
}