/* Make header transparent and fixed */
.e-parent.e-lazyloaded
{
	background: #0a0000b8;
}
.elementor-button
{
	background-image: linear-gradient(180deg, #FA8E04 0%, #FF4204 100%) !important;
}
.elevate-cutom-menu-container {
  padding: 2rem 0 0 0;
  position: fixed !important;
  width: 100% !important;
  top: 0;
  left: 0;
  z-index: 999;
     background: rgb(6 3 3 / 77%) !important;
    backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(20px); /* Safari support */
  color: #fff; /* All text white */
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.elevate-cutom-menu-container a,
.elevate-cutom-menu-container ul li,
.elevate-cutom-menu-container button,
.elevate-cutom-menu-container span {
  color: #ffffff !important;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover animation (optional slide or lift) */
.elevate-cutom-menu-container a:hover,
.elevate-cutom-menu-container ul li:hover,
.elevate-cutom-menu-container button:hover {
  color: #f06721 !important; /* Accent color on hover */
  transform: translateY(-2px); /* Slight upward lift */
}

.elevate-cutom-menu-container.scrolled {
   background-image: linear-gradient(90deg, rgb(6 6 6 / 42%) 0%, rgb(20 12 0 / 45%) 50%, rgb(24 8 0 / 55%) 100%);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    background-color: #06060685;
}

/* Optional: add transition to nav links on scroll */
.hfe-menu-item {
    color: #fff;
    transition: color 0.3s ease;
}

.elevate-cutom-menu-container.scrolled .hfe-menu-item {
    color: #000;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .elevate-cutom-menu-container {
        background: #fff !important;
    }

    .hfe-nav-menu__toggle {
        color: #000;
    }
}
body.awsm_job_openings-template-default {
  font-family: "Poppins", sans-serif;
  background: linear-gradient(to bottom right, #0f2027, #203a43, #2c5364);
  color: #ffffff;
  margin: 0;
  padding: 0;
  line-height: 1.6;
  overflow-x: hidden;
}

/* Container styling */
.awsm-job-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
}

/* Section heading */
.awsm-job-container h1,
.awsm-job-container h2 {
  font-size: 2.5rem;
  font-weight: 700;
  background: linear-gradient(to right, #00c6ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2rem;
  text-align: center;
}

/* Job listing grid */
.awsm-job-listings {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

/* Job card */
.awsm-job-item {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  padding: 2rem;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

.awsm-job-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}

/* Gradient border animation */
.awsm-job-item::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  background: linear-gradient(135deg, #6e2603, #541903, #541f05, #521c02);
  background-size: 400% 400%;
  animation: gradientBorder 8s ease infinite;
  border-radius: inherit;
}
input#awsm-application-submit-btn {
    /* background: #c32805; */
    background-image: linear-gradient(180deg, #ed7102 0%, #FF4204 100%);
}
.awsm-job-form-inner {
    background: #ffffff96 !important;
    border: 1px solid #ccc;
    padding: 35px;
}
.awsm_job_openings.type-awsm_job_openings.status-publish .entry-title
{
	color: white;
}
.awsm_job_openings.type-awsm_job_openings.status-publish
{
	margin-top:7%;
	    background: linear-gradient(60deg, #202222, #434a4a, #2c0709, #2e0c0e, #100604, #3c1b10, #160d26, #1c0f2c, #092c2c);
    background-size: 400% 400%;
    animation: gradientFlow 90s ease infinite, hueRotation 180s linear infinite;
}
.awsm-job-listings.awsm-lists
{
	border:none !important;
}
.awsm-job-post-title a
{
	color:#ffffff !important;
}
@keyframes gradientBorder {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Job title */
.awsm-job-item h3 {
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
  font-weight: 600;
  color: #ffffff;
}

/* Meta info */
.awsm-job-item .awsm-job-location,
.awsm-job-item .awsm-job-type {
  font-size: 0.9rem;
  background: rgba(255, 255, 255, 0.12);
  padding: 0.3rem 0.8rem;
  border-radius: 16px;
  display: inline-block;
  margin-right: 0.5rem;
  color: #eee;
}

/* Apply Button */
.awsm-job-item .awsm-job-cta {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.6rem 1.2rem;
  border-radius: 30px;
  background: linear-gradient(to right, #ff416c, #ff4b2b);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.awsm-job-item .awsm-job-cta:hover {
  background: linear-gradient(to right, #ff4b2b, #ff416c);
  transform: scale(1.05);
}
.awsm_job_openings.type-awsm_job_openings
{
	background: #eaebeb;
}