/* <-- NAV BUTTON & STYLES --> */

.wpbf-button-small {
	margin-left: 4px !important;
	margin-right: 4px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.wpbf-button-small a {
	color: #ffffff !important;
}
.wpbf-button-small.current-menu-item {
	background: #989898 !important;
}

/* Preheader Click to Text Button */
.wpbf-button-preheader {
	margin-left: 4px !important;
	margin-right: 10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	background-color: #ffffff !important;
	color: #BA0102 !important;
	border-radius: 4px;
	font-weight: bold !important;
}
.wpbf-button-preheader:hover {
	background-color: #BA0102 !important;
	color: #ffffff !important;
}

/* Make sure Font Awesome icon displays correctly in button */
.wpbf-button-preheader i {
	margin-right: 8px;
	font-size: 14px;
}

/* <-- STICKY HEADER STYLES --> */

/* Disable the theme's sticky navigation (we'll make the entire header sticky instead) */
.wpbf-navigation.is-sticky {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    transform: none !important;
}

/* Make the entire header sticky (includes preheader + navigation) */
.wpbf-page-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background-color: white !important;
}

/* Ensure preheader stays visible */
#pre-header,
.wpbf-pre-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    transform: none !important;
}

/* <-- LOGO & ADDITIONAL HEADER STYLES --> */

/* Only apply negative margin when NOT sticky */
body:not(.wpbf-sticky-navigation-active) .wpbf-logo {
	margin-top: -18% !important;
}

/* Only apply fixed height when NOT sticky */
body:not(.wpbf-sticky-navigation-active) .wpbf-navigation {
	height: 100px !important;
}

.wpbf-navigation .wpbf-menu-container {
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 0px!important;
}
.sub-menu {
	border-radius: 12px !important;
	overflow: hidden;
	margin-top: 10px !important;
}

/* <-- MOBILE RESPONSIVE NAV BUTTON & HEADER STYLES --> */
@media only screen and (max-width: 800px) {	
.wpbf-button-small  {
	display: block!important;
	margin: auto!important;
	width: 95%!important;
}
.wpbf-pre-header {
	font-size: 12px!important;
	}
.wpbf-button-small {
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}
/* Only apply fixed height when NOT sticky on mobile */
body:not(.wpbf-sticky-navigation-active) .wpbf-navigation {
	height: 100px !important;
}
.wpbf-mobile-nav-wrapper {
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}
.wpbf-mobile-logo-container {
	margin-bottom: 10px !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
	}
}

/* <-- BLOG FEATURED IMAGE --> */
.wpbf-post-image {
  width: 100%;
  height: auto; /* Let the height scale proportionally */
  max-height: 350px; /* Optional: Set a max height */
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  object-position: center top;
}

/* <-- FORMINATOR STYLES --> */
.forminator-button {
	padding: 6px 30px !important; 
	border-radius: 7px !important;
	color: #FDF9F3 !important;
	background-color: #223b5a;
	font-size: 20px;
	font-weight: 700 !important;
}
.forminator-button:hover {
	background-color: #000000!important;
}
.forminator-field-consent {
	line-height: 1 !important; 
	font-size: 12px !important;
}
.forminator-input, .forminator-textarea{
    width: 100%;
    border: 1px solid #bdbdbd !important;
	border-radius: 11px !important;
}

.fl-node-9n7cbejr826o > .fl-col-content {
    background: #f5f5f5;
    border: 1px solid #d5d5d5;
    padding-top: 88px;
}
#wpadminbar .nojq {
    display: none !important;
}
.single-job_listing .site-content,
.job_listing,
.job_listing-page {
  margin-top: 100px; /* adjust based on your header height */
}
/* Strong, catch-all spacing for WP Job Manager "Apply" button */
.single-job_listing .application,
.single-job_listing .job-application,
.single-job_listing .job_application,
.single-job_listing .job-application .application,
.single-job_listing .job-application .application_button,
.single-job_listing .job_application_button,
.single-job_listing a.application_button,
.single-job_listing button.application_button,
.job_listing .application_button,
.wp-job-manager-application-button,
.job_manager_single_job_listing .application_button {
  margin-bottom: 90px !important; /* main spacing — adjust 60-120px as needed */
  display: inline-block !important;
}

/* Ensure the whole job content has padding at the bottom as a fallback */
.single-job_listing .site-content,
.single-job_listing .entry-content,
.single-job_listing .job_listing {
  padding-bottom: 0px !important;
}

/* Mobile tweak: slightly smaller spacing on narrow screens */
@media (max-width: 10px) {
  .single-job_listing .application,
  .single-job_listing .job-application,
  .single-job_listing .job_application_button,
  .single-job_listing a.application_button,
  .single-job_listing button.application_button {
    margin-bottom: 10px !important;
    padding-bottom: 10 !important;
  }
}
a[href*="forms.gle"] {
  color: transparent !important;
  position: relative;
  text-decoration: none !important;
  white-space: nowrap !important;
  display: inline-block;
  min-width: 150px; 
}

a[href*="forms.gle"]::after {
  content: "Click here to apply";
  color: #0073aa;
  text-decoration: underline;
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
html {
  margin-top: 0 !important;
}
/* Center the password protection form */
.post-password-form {
  max-width: 400px;
  margin: 120px auto 60px auto;
  text-align: center;
  padding: 40px;
}

.post-password-form p {
  margin-bottom: 16px;
}

.post-password-form input[type="password"] {
  display: block;
  width: 100%;
  margin: 8px 0 16px 0;
  padding: 10px;
  box-sizing: border-box;
}

.post-password-form input[type="submit"] {
  display: block;
  margin: 0 auto;
}
/* Hide GF's native submit button — we use our own */
.gform_footer,
.gform_page_footer {
  display: none !important;
}