:root {
	--white: #fff;
	--light-blue: #009ee3;
	--navy: #211757;
	--black: #000000;
}

.bg-navy { 
	background-color: var(--navy);
}
.logo {
	max-width: 150px;
}
.logo-large {
	max-width: 75%;
	margin-left: -5%;
}
.banner-image {
	height: 50vh;
	position: relative;
	background-color: rgba(33,23,87,0.8);
	background-blend-mode: overlay;
}
.banner-image-home {
	height: 85vh;
}
.banner-text {
	height: 100%;
  	align-content: center;
	display: grid;
}
.tab-image {
	background-size: cover;
	background-color: rgba(33,23,87,0.8);
	background-blend-mode: overlay;
	color: #fff;
	transition-property: all;
  	transition-duration: 500ms;
	background-position: center center;
	background-repeat: no-repeat;
	border: 2px solid var(--white);
	border-radius: 5px;
	padding: 20% 10%;
	height: 100%;
  	align-content: center;
}
.tab-image p, .tab-image h4 {
	color: #fff !important;
}
.tab-image p {
	font-size: 16px;
	line-height: initial !important;
	/*display: none;*/
}

button {
  text-align: center;
  background-color: var(--light-blue) !important;
  color: var(--white) !important;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 24px;
  text-decoration: none !important;
  transition-property: all;
  transition-duration: 500ms;
	border: 2px solid var(--light-blue);
	text-transform: uppercase;
	cursor: pointer;
}
button:hover {
	background-color: var(--white) !important;
    color: var(--navy) !important;
	border: 2px solid var(--white);
}

.btn-white-outline {
  background: none !important;
  color: var(--white) !important;
	border: 2px solid var(--white);
}
.btn-white-outline:hover {
  	background: var(--navy) !important;
	color: var(--white) !important;
}

.nf-field-label .nf-label-span, .nf-field-label label {
	color: var(--white) !important;
	font-weight: 400 !important;
	margin: 0 !important;
}
.nf-field-element p {
	color: var(--white) !important;
}
.nf-field-element input {
  	border: var(--white) 1px solid !important;
  	color: var(--white) !important;
	padding: 10px;
}
.nf-field-element textarea {
  	border: var(--white) 1px solid !important;
  	color: var(--white) !important;
	padding: 10px;
}
.list-checkbox-wrap .nf-field-element li {
	float: left;
  	margin-right: 30px !important;
}
.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
	background-color: var(--light-blue) !important;
  	color: var(--white) !important;
	font-size: 14px !important;
	padding: 8px 20px !important;
	width: auto !important;
  	transition-property: all;
  	transition-duration: 500ms;
}
.nf-form-content button:hover, .nf-form-content input[type="button"]:hover, .nf-form-content input[type="submit"]:hover {
	background-color: var(--white) !important;
	color: var(--navy) !important;
}
#ninja_forms_required_items, .nf-field-container {
	margin-bottom: 15px !important;
}

/* ----------------------------------------------------- Smaller than 1200px ------------------------------------------------------ */

@media only screen and (max-width : 1200px) {
	
}


/* ----------------------------------------------------- Smaller than 768px - iPad portrait ------------------------------------------------------ */

@media only screen and (max-width : 768px) {
	.content-padding-sm {
		padding: 5%;
	}
	.mobile-center {
		text-align: center;
	}
}

/* ----------------------------------------------------- Smaller than 540px ------------------------------------------------------ */

@media only screen and (max-width : 540px) {	
	
}