html { font-size: 18px; background-color: #042041; color: #fff; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
body:has(.content-aligner) { padding-top: 80px; }
.uk-container { max-width: 1200px; position: relative; }

h1, .uk-h1 { font-size: 3rem; }
h2, .uk-h2 { font-size: 2.3rem; }
h3, .uk-h3 { font-size: 1.8rem; }
h4, .uk-h4 { font-size: 1.5rem; }
h5, .uk-h5 { font-size: 1.35rem; }
h6, .uk-h6 { font-size: 1.2rem; }

@media (max-width: 640px) {
	html { font-size: 16px; }
	h1, .uk-h1 { font-size: 2.4rem; }
	h2, .uk-h2 { font-size: 1.9rem; }
	h3, .uk-h3 { font-size: 1.6rem; }
	h4, .uk-h4 { font-size: 1.3rem; }
	.dev-top { margin-top: 70px!important; }
}

h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6 { color: #fff; font-weight: 500; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .uk-h1 strong, .uk-h2 strong, .uk-h3 strong, .uk-h4 strong, .uk-h5 strong, .uk-h6 strong { font-weight: 500; }
p { color: #fff; }

ul { list-style-position: outside; padding-left: 20px; }
ul li { padding-bottom: 8px; }
ul li:last-child { padding-bottom: 0; }

.uk-link, a { color: #fff; text-decoration: underline; }
.uk-link:hover, a:hover, .uk-link:focus, a:focus { color: #f2f2f2; }

/* Header */
header { background-color: unset; box-shadow: unset; transition: background-color 0.4s ease, box-shadow 0.4s ease; position: fixed; top: 0; z-index: 1000; width: 100%; min-height: 80px;}
header.active { background-color: #042041; box-shadow: 0 5px 12px rgba(0, 0, 0, .15); }
header.no-shadow { box-shadow: unset; }
header .logo { width: 200px; filter: invert(1); display: flex; align-items: center; }
@media (max-width: 640px) {
	header .logo { width: 175px; }
}

#offcanvas-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #042041; color: #fff; transform: translateX(100%); transition: transform 0.3s ease; z-index: 99; display: flex; justify-content: center;}
#offcanvas-container.active { transform: translateX(0); }
#offcanvas-container .offcanvas-menu { text-align: center; padding-top: 80px; }
#offcanvas-container .offcanvas-menu ul { width: 100%; list-style-type: none; color: #fff; padding-left: 0px; }
#offcanvas-container .offcanvas-menu ul a { line-height: 4rem; font-size: 2rem; color: #fff; text-decoration: none; }
#offcanvas-container .offcanvas-menu ul a:hover, #offcanvas-container .offcanvas-menu ul a:focus { text-decoration: underline; color: #ffb900; }

.uk-img { border-radius: 6px; }

/* Footer */
footer { background-color: #011328; padding-top: 40px; padding-bottom: 40px; }
@media (max-width: 640px) {
	footer { padding-top: 25px; padding-bottom: 25px; }
}
footer .logo { width: 200px; }
footer .logo img { filter: invert(1); }
footer a { color: #fff; text-decoration: underline; }
footer a:hover,
footer a:focus { color: #fff; text-decoration: none; }

/* Main */
#button-open-offcanvas-container { color: #fff; font-size: 1.6rem; display: block; height: 36px; }

.banner-container { width: 100%; height: 50vh; min-height: 550px; position: relative; background-color: #031b36; }
.banner-container .banner-content,
.banner-container-large { height: 70vh; min-height: 550px; }
.banner-container .banner-content  { width: 100%; position: relative; }
.banner-container .banner-image { z-index: 5; width: 100%; height: 100%; object-fit: cover; position: absolute; object-position: center; display: block; }
.banner-container .banner-content { z-index: 10; }
.banner-container .banner-overlay { z-index: 6; position: absolute; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.6); color: #fff; text-align: center; }
.banner-container .banner-content .uk-button { margin-top: 30px; }

.uk-button { border-radius: 6px; font-weight: 500; }
.uk-button-primary { background-color: #042041; color: #fff; }
.uk-button-primary:hover,
.uk-button-primary:focus { background-color: #fff; color: #042041; }

.uk-button-secondary { background-color: #ffb900; color: #042041; }
.uk-button-secondary:hover,
.uk-button-secondary:focus { background-color: #fff; color: #042041; }

.uk-button-large { font-size: 1.125rem; }

/* Development Card */
.development-card { background-color: #fff; border-radius: 15px; overflow: hidden; color: #042041;}
.development-card h3 { color: #042041; line-height: 1.175em; margin-bottom: 15px; }
.development-card p { font-size: 0.875rem; color: #042041; margin-top: 0; max-width: 90%; text-align: center; margin-left: auto; margin-right: auto; }
.development-card .uk-button { width: 100%; }
.development-card a:hover,
.development-card a:focus { text-decoration: none; }
.development-card .uk-button:hover,
.development-card .uk-button:focus { background-color: #042041; color: #fff; }

.uk-section:not(.uk-section-darkblue) + .uk-section:not(.uk-section-darkblue) { padding-top: 30px; }

.two-column-grid img { width: 100%; object-fit: cover; }
div *:last-child { margin-bottom: 0; }
.uk-section-primary { background-color: #031b36; }
.uk-section-darkblue { background-color: #031b36; }
.uk-section-secondary { background-color: #e4e4e4; }
.uk-section-secondary p,
.uk-section-secondary h1,
.uk-section-secondary h2,
.uk-section-secondary h3,
.uk-section-secondary h4,
.uk-section-secondary h5,
.uk-section-secondary h6 { color: #031b36; }

form { margin-bottom: 0; }
.form-wrapper .wpcf7-not-valid-tip { padding-top: 5px; }
.form-wrapper { width: 500px; max-width: 500px; padding: 25px; padding-bottom: 15px; margin-top: 40px; border-radius: 10px; border: 1px solid #ffb900; }
@media (max-width: 640px) {
	.form-wrapper { width: unset; max-width: unset; }
}
.form-wrapper p { margin: 0; }
.form-wrapper label { margin-bottom: 15px; }
.form-wrapper label,
.form-wrapper label span { display: block; }
.form-wrapper input:not([type="submit"]),
.form-wrapper textarea { width: 100%; border-radius: 6px; padding: 10px; font-size: 1rem; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-top: 5px; }
.form-wrapper textarea { max-height: 200px; }
.form-wrapper input[type="submit"] { width: 100%; margin-top: 15px; }