/* Jump to 150 px above scroll target so that header does not hide content */
:target {
  scroll-margin-top: 150px;
}

/* Link Decorations off by default + underline drawn when hovered */
a {
  position: relative;
  color: var(--stk-link-color, #007c5f); /* Fallback to greenish tone */
  text-decoration: none;
}

a:hover{
	text-decoration: none;
	color: var(--stk-text-color, #007c5f);
}

/* Create the animated underline */
a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background-color: var(--stk-link-color, #007c5f);
  transition: width 0.3s ease-in-out;
}

/* Animate on hover */
a:hover::after {
  width: 100%;
}

/* Remove global list decorations */
ul, ol {
  list-style: none;
	margin: 0px;
}


ul li,
ol li {
  padding: 0px;
}

ul li::marker,
ol li::marker {
  display: none;
  content: none;
}

/* Contact Form Submission Form Styling */
.contact-form-submission {
  color: white !important;
	border-top: 3px solid white !important;
  border-bottom: 3px solid white !important;
}

/* Background line for Technologies explanations */
.split-line-box {
  position: relative;
  z-index: 2; /* Ensure it's above the line */
}

/* Create the full vertical line */
.split-line-box::before {
  content: "";
  position: absolute;
  top: -50px; /* Adjust to control visible length above */
  bottom: -50px; /* Adjust for length below */
  left: 50%;
  width: 2px;
  background-color: white; /* Line color */
  z-index: 0; /* Behind the content */
  transform: translateX(-50%);
}


/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Hiding overflow on some mobile browsers */
body {
  overflow-x: hidden;
}

html, body {
  max-height: 100%;
  overflow-y: auto;
}



/* Force custom column with full image display to stretch */
.full-image-column {
  display: flex !important;
  flex-direction: column !important;
}

.full-image-column > .stk-column-wrapper {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}

/* Stretch all wrappers inside */
.full-image-fill,
.full-image-fill figure,
.full-image-fill .stk-img-wrapper {
  flex-grow: 1 !important;
  height: 100% !important;
  display: flex !important;
  align-items: stretch !important;
}

/* Finally, force image to fill and behave like background */
.full-image-fill img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Fixed Postion Class */
.fixed-pos {
	position: fixed !important;
}