/* From the WordPress theme header and the Customizer (inline <style> blocks in the old <head>). Loaded after custom.css to keep the old cascade. */
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}

.helicopter {
position: absolute;
z-index: 9999;
top: 100px;
left: -20px;
}

.jet {
position: absolute;
z-index: 9999;
top: 85px;
right: -20px;
}

#Subheader  {
margin-bottom: 32px;
}

.button-comments, .button-love, .author, .Recent_posts li .photo {
display: none !important;
}

.hover-box h5 {
font-size: 18px !important;
}

.Recent_posts li .desc {
padding-left: 0 !important;
}

.post-meta-modern .date, .post-meta-modern .button-comments  {
padding-bottom: 5px !important;
border-bottom-width: 0;
border-style: none;
margin-bottom: 0;
}

.icon_box .icon_wrapper i {
font-size: 40px !important;
}

.home-header {
text-align: center;
line-height: 50px;
color: white;
}

body:not(.template-slider) #Content {
padding-top: 0 !important;
}

.bot-h3 {
color: #205e99 !important; 
margin-top: 32px !important;
margin-bottom: 0 !important;
}

.bottom-img-text-box {
background-color: black;
color: white;
width: 450px;
opacity: .9;
text-align: center;
margin: 4% auto 0 auto !important;
display: block;
padding: 20px;
}

.bottom-img-text-box h3 {
color: white;
}

.column_portfolio_slider {
margin-bottom: 0 !important;
}

.widgets_wrapper {
text-align:center;
}



@media (max-width: 1280px) {
.jet, .helicopter {
display: none;
}
#Top_bar #logo img {
width: 250px;
}
.bot-h3 {
font-size: 26px;
}

.home-header {
font-size: 30px;
}
}

@media (max-width: 1080px) {
.wp-image-99 {
width: 230px;
}
}

@media(max-width: 800px) {
.bot-h3 {
font-size: 21px;
}
.home-header {
font-size: 24px;
line-height: 32px;
}
.wp-image-99 {
width: 180px;
}
}

@media(max-width: 767px) {
	.bottom-img-text-box {
		background-color: black;
		color: white;
		width: 334px;
		opacity: .9;
		text-align: center;
		margin: 4% auto 0 auto !important;
		display: block;
		padding: 20px;
	}
	.bottom-img-text-box h3 {
		font-size: 24px;
	}
	.bottom-img-text-box h5 {
		font-size: 16px;
	}
}

@media(max-width: 375px) {
	.bottom-img-text-box {
		background-color: black;
		color: white;
		width: 220px;
		opacity: .9;
		text-align: center;
		margin: 4% auto 0 auto !important;
		display: block;
		padding: 20px;
	}
	.bottom-img-text-box h3 {
		font-size: 16px;
line-height: 30px;
	}
	.bottom-img-text-box h5 {
		font-size: 14px;
line-height: 28px;
	}
.home-header {
font-size: 18px;
line-height: 32px;
}
.wp-image-99 {
width: 100px;
}
}

/* Customizer: Additional CSS */
.header-social-links i{
	color: white;
	font-size:230%;
}

.header-social-links {
	position:absolute;
	top:5px;
	right: 5px;
	z-index:1;
	text-align: right;
}

.relative{
	position: relative;
}

/* ---- Static-site port: replacements for jQuery, Revolution Slider, gs-logo-slider, prettyPhoto, Contact Form 7 ---- */

/* Menu state (was set by jQuery in mfn.menu.js / scripts.js) */
#Header .menu li.hover > ul { display: block; }
#Header #menu.open { display: block; }

/* Carousel: same box as the old Revolution Sliders (620x400 grid scaled to the column width, never taller than 400px) */
.carousel { position: relative; width: 100%; aspect-ratio: 620 / 400; max-height: 400px; overflow: hidden; background: #e9e9e9; }
/* custom.css pads every "column > div" in some home rows; the old slider was not a div, so it never got that padding. */
.carousel { padding: 0 !important; margin: 0 !important; }
.carousel img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center top; opacity: 0; transition: opacity 1s ease-in-out; }
.carousel img.active { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .carousel img { transition: none; } }

/* Customer logos: static row like the old gs-logo-slider box; 5 per row, 3 + 2 on phones */
.logo-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 253px; }
.logo-row img { width: 20%; height: auto; padding: 5px 21px; box-sizing: border-box; }
@media (max-width: 767px) { .logo-row { min-height: 0; } .logo-row img { width: 33.333%; } }

/* Gallery grid: theme portfolio markup without isotope; one zoom button instead of zoom + link */
.gallery { display: flow-root; }
.gallery .portfolio-item .photo img { width: 100%; aspect-ratio: 411 / 385; object-fit: cover; }
.gallery .portfolio-item .photo .hover-box a.hover-button.zoom { right: 20px; }
.gallery.portfolio_group.one-fourth .portfolio-item .photo .hover-box a.hover-button.zoom { margin-left: -17px; }
.gallery .portfolio-item { cursor: zoom-in; }

/* Lightbox */
.lightbox { padding: 0; border: 0; background: transparent; max-width: 100vw; max-height: 100vh; overflow: visible; }
.lightbox::backdrop { background: rgba(0, 0, 0, .85); }
.lightbox img { display: block; max-width: 92vw; max-height: 88vh; }
.lightbox button { position: absolute; top: 50%; margin: -32px 0 0; width: 48px; height: 64px; padding: 0; border: 0; border-radius: 0; background: rgba(0, 0, 0, .5); color: #fff; font-size: 40px; line-height: 64px; cursor: pointer; box-shadow: none; }
.lightbox .lb-prev { left: 0; }
.lightbox .lb-next { right: 0; }
.lightbox .lb-close { top: 0; right: 0; margin: 0; height: 48px; line-height: 48px; }

/* Contact form: honeypot field stays off screen */
.contact-form label { display: inline; color: inherit; font-size: inherit; }
.contact-form .hp { position: absolute; left: -9999px; }
.contact-form .cf-turnstile { margin-bottom: 15px; }

/* News: one 1200x285 featured image per post; CSS crops it like the old WordPress 375x285 / 600x285 sizes */
.blog_wrapper.classic .post-photo img { width: 100%; max-width: 375px; aspect-ratio: 375 / 285; object-fit: cover; }
.post-related .photo_mask img { width: 100%; max-width: 600px; aspect-ratio: 600 / 285; object-fit: cover; }

/* News post content: the WordPress block styles the posts rely on, copied with their original selectors
   (block-library CSS is no longer loaded). :where() keeps WordPress's zero specificity so theme rules still win. */
:where(.the_content_wrapper figure) { margin: 0 0 1em; }
.the_content_wrapper figure img { box-sizing: border-box; height: auto; max-width: 100%; vertical-align: bottom; }
:where(.the_content_wrapper figcaption) { margin-bottom: 1em; margin-top: .5em; }
.wp-block-columns { box-sizing: border-box; display: flex; flex-wrap: wrap !important; align-items: normal !important; gap: 2em; }
:where(.wp-block-columns) { margin-bottom: 1.75em; }
.wp-block-column { flex-grow: 1; min-width: 0; overflow-wrap: break-word; word-break: break-word; }
@media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap !important; } .wp-block-columns > .wp-block-column[style*=flex-basis] { flex-grow: 0; } }
@media (max-width: 781px) { .wp-block-columns > .wp-block-column { flex-basis: 100% !important; } }
.wp-block-file { box-sizing: border-box; font-size: .8em; }
:where(.wp-block-file) { margin-bottom: 1.5em; }
.wp-block-file * + .wp-block-file__button { margin-left: .75em; }
.wp-block-file__button { background: #32373c; color: #fff; text-decoration: none; }
:where(.wp-block-file__button) { border-radius: 2em; display: inline-block; padding: .5em 1em; }
:where(.wp-block-file__button):where(a):active, :where(.wp-block-file__button):where(a):focus, :where(.wp-block-file__button):where(a):hover, :where(.wp-block-file__button):where(a):visited { box-shadow: none; color: #fff; opacity: .85; text-decoration: none; }