.elementor-kit-6{--e-global-color-primary:#808B4B;--e-global-color-secondary:#403F41;--e-global-color-text:#58595A;--e-global-color-accent:#58595A;--e-global-color-682b6f3:#BFC5A5;--e-global-color-4cf3c69:#F99906;--e-global-color-bbb2772:#BDCA9F;--e-global-color-5e4d7b5:#FCDE04;--e-global-color-d8f9e27:#FFCCB6;--e-global-color-cf0c9a9:#A53773;--e-global-color-2bfa573:#FFFFFF;--e-global-color-40a4cbf:#FBCE8D;--e-global-color-48a5f03:#FFF192;--e-global-color-679582d:#B4ABBD;--e-global-color-1087ea7:#ABE1DC;--e-global-color-bf2942c:#000000;--e-global-color-4f8aa93:#FFFFFF00;--e-global-color-3aae8e5:#58595A12;--e-global-typography-primary-font-family:"Archivo Black";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:600;--e-global-typography-420ffd5-font-family:"Archivo Black";--e-global-typography-420ffd5-font-size:16px;--e-global-typography-420ffd5-font-weight:500;--e-global-typography-3eb5fd0-font-family:"Montserrat";--e-global-typography-3eb5fd0-font-size:14px;--e-global-typography-3eb5fd0-font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-slideshow__title {
    display: none;
}

/*hollow-green-text*/
.elementor-19 .elementor-element.hollow-green-text .elementor-heading-title,
.elementor-widget-heading.hollow-green-text .elementor-heading-title {
  color: transparent !important;               /* keep fill fully transparent */
  -webkit-text-stroke: 2px #808B4B !important; /* green outline (stroke) */
  -moz-text-stroke: 2px #808B4B !important;    /* fallback (rare) */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

 
/* -----------------------------
   Container: Base hover animation (shared)
   ----------------------------- */
.hover-animate {
  display: inline-block; /* make scale visible */
  transform-origin: center center; /* scale from center */
  transition: 
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.4s ease;
}

.hover-animate:hover {
  transform: scale(1.05) !important; /* force scale */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

.hover-animate:active {
  transform: scale(0.98) !important; /* press down effect */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important;
}

/*icon box*/
/* -----------------------------
   Gradient IconBox Style
   Usage: Add class "gradient-icon" in Elementor
   ----------------------------- */

/* 🔵 Normal state: gradient background */
.gradient-icon .ha-infobox-figure--icon {
  font-size: 36px;
  border-radius: 6%;
  color: #ffffff; /* icon stays white */
  transition: background 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

/* 🟢 Hover state: lighter gradient + zoom + shadow */
.gradient-icon .ha-infobox-figure--icon:hover {
  color: #414042; /* icon dark grey */
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* 🔴 Active state: darker gradient + press effect */
.gradient-icon .ha-infobox-figure--icon:active {
  color: #414042;
  transform: scale(0.97);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

/* JOBS PAGE TITLE */
.singular .entry-title
 {
    font-family: "Archivo Black", Sans-serif;
    font-size: 40px;
    font-weight: 400;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    color: var(--e-global-color-2bfa573);
    padding-bottom: 50px;
    text-align: center;
}

.awsm-job-container{
    margin-top: 0 !important;
    
}

.awsm-job-container .entry-title.awsm-jobs-single-title {
    display: block;
    width: 100%;
    background-color: #BFC5A5;
    margin: 0%;
    padding: 6% 6%; 
    border-radius: 0; 
}

/*Job Category section*/
.awsm-job-head, .awsm_job_spec_above_content {
    margin: 20px 10px;
    
}

@media (max-width: 767px) {
    .awsm-job-head,
    .awsm_job_spec_above_content {
        margin: 20px 16px;      
     
    }
}


/*Form Title*/
.awsm-job-form-inner > h2 {
    font-size: var(--heading--font-size-h3);
    letter-spacing: var(--heading--letter-spacing-h3);
    line-height: var(--heading--line-height-h3);
}

/* Job Openings*/
.awsm-job-content {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 16px;
    font-weight: var(--e-global-typography-text-font-weight, 500);
    color: ffffff;
    line-height: 1.6; 
}

/* Job Application Form -  Elementor */
.awsm-application-form,
.awsm-application-form label,
.awsm-application-form input,
.awsm-application-form textarea,
.awsm-application-form select,
.awsm-application-form .awsm-job-form-inline-group,
.awsm-application-form .awsm-job-form-error,
.awsm-application-form small {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight, 400);
    color: ffffff;
}

/* submit button with same text style */
.awsm-application-form .awsm-application-submit-btn {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight, 400);
    color: var(--e-global-color-text);
}

/* textarea same text style */
.awsm-application-form textarea {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight, 400);
    color: var(--e-global-color-text);
}

.awsm-application-form label {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight, 400);
    color: ffffff;
}

.awsm-application-form .awsm-job-form-error {
    color: #d9534f; /* Keep red error reminder */
}/* End custom CSS */