/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


@import "/jobs/wp-content/themes/Avada-Child-Theme/styles/job-manager-core.css";
@import "/jobs/wp-content/themes/Avada-Child-Theme/styles/job-manager.css";

@import "/jobs/wp-content/themes/Avada-Child-Theme/styles/forms.css";
@import "/jobs/wp-content/themes/Avada-Child-Theme/styles/woocommerce.css";
@import "/jobs/wp-content/themes/Avada-Child-Theme/styles/woo-forms.css";

@import "/jobs/wp-content/themes/Avada-Child-Theme/styles/sidebars.css";


/* Main Menu */
ul#menu-logged-in-main-menu-left .menu-text::before, ul#menu-logged-out-main-menu-left .menu-text::before, ul#menu-logged-in-main-menu-right .menu-text::before, ul#menu-logged-out-main-menu-right .menu-text::before {
    content: "\002F";
    margin-right: 8px;
}


/* Footer */
.footer-widget .awb-widget-area-element .widget h4 {
  padding-bottom: 16px !important;
  margin-bottom: 0px !important;
  border-bottom: 0px solid rgba(0,0,0,.15) !important;
}
#wrapper .fusion-widget-area .current_page_item>a, #wrapper .fusion-vertical-menu-widget.left .menu li a {
  line-height: 1.4 !important;
}
.footer-widget .fusion-vertical-menu-widget.left .menu>li>a {
  padding: 5px 0 0 0 !important;
}
.fusion-vertical-menu-widget .menu li.current_page_item>a {
  border: 0 !important;
}
.footer-widget .fusion-content-widget-area .widget {
  margin-bottom: 0px !important;
}


/* Typography */
.typography-body--no_bold p {
  font-weight: 300;
}
.typography-body--no_margin_last_p p:last-of-type {
  margin-bottom: 0px !important;
}


/* Testimonials */
.fusion-post-cards.awb-swiper-slider {
  position: relative;
}
.fusion-post-cards.awb-swiper-slider .swiper-pagination {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: auto !important;
  left: auto !important;
  display: flex;
  justify-content: flex-end;
}
.fusion-post-cards.awb-swiper-slider .swiper-pagination-bullet {
  margin: 0 4px;
}
.testimonial-content-wrapper p:first-of-type:before {
  content: "\201C";
  font-size: 2rem;
  color: #000;
  margin-right: 5px;
}
.testimonial-content-wrapper p:last-of-type:after {
  content: "\201D";
  font-size: 2rem;
  color: #000;
  margin-left: 5px;
}


/* Animate and rotate icon in job listing bar inside .job-item */
.job-item .fusion-column-wrapper {
  position: relative;
}

.job-item .fusion-column-wrapper .job-item-icon_animate {
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
}

.job-item .fusion-column-wrapper:hover .job-item-icon_animate {
  transform: rotate(0deg);
}



/* featured Jobs */
.job-listing-featured .job-wrapper{
  border: 2px solid var(--awb-color4) !important;
}

/* Job Filters */
.mbw-jobs-filters-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}

/* Job Single */
.how-to-apply a {
  color: #1c1c1c !important;
  font-weight: 600 !important;
}
.how-to-apply a:hover {
  text-decoration: underline;
}

/* Load More Posts */
.fusion-post-cards .fusion-load-more-button {
  text-transform: capitalize !important;
}


#job_package_selection .job_listing_packages_title {
  display: none;
}

/* Jobs Company Social */
#company-social-links {
  display: flex;
  gap: 16px;
}
.social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 0;
  border: 3px solid white;
  background-color: transparent;
  transition: all 0.3s ease;
}
.social-link i {
  color: white;
  font-size: 20px;
  transition: all 0.3s ease;
}
.social-link:hover {
  border-color: var(--awb-color4);
}
.social-link:hover i {
  color: var(--awb-color4);
}


  
/* Job Manager Tweaks */
.rss_link {
  display: none !important;
}


/* 44bytes Credit */
.credit-44bytes {
  display: inline-block;
  background: url(/jobs/files/2024/06/44bytes.svg);
  background-size: 75px 32px;
  background-repeat: no-repeat;
  width: 75px;
  height: 32px;
  text-indent: -3333px;
  vertical-align: bottom;
  position: relative;
  top: 1px;
}

/* Author */
.current-post-details {
  display: flex;
  align-items: center;
  margin-top: 0px;
}
.current-post-details .author-image img {
  border-radius: 50%;
  width: 36px;
  height: 36px;
}
.current-post-details .author-meta {
  margin-left: 8px;
}
.current-post-details .author-name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
  line-height: 1.2;
  color: #20222d;
}
.current-post-details .meta-info {
  font-size: 13px;
  color: #535353;
  line-height: 1;
}


/* Job Tags */
.job-cat-buttons {
  margin: 1em 0;
}
.job-cat-button {
  display: inline-block;
  margin: 0.2em 0.4em;
  padding: 0.4em 0.8em;
  background-color: var(--awb-color2);
  border: 0px solid #ddd;
  font-size: 13px;
  color: #535353;
}
.job-cat-button.small {
  padding: 0.2em 0.4em;
  font-size: 13px;
}
.job-cat-button:hover {
  background-color:#e2e2e2;
  color: #535353;
}

.fieldset-job_salary_unit {
padding-bottom: 32px !important;
}



/* Additional Post Content Styling */
@media screen and (max-width: 768px) {
  .post-content p img.alignright {
    float: none;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 32px;
  }
}


/* Medium Screen */
@media screen and (max-width: 1024px) {

}


/* Small Screen */
@media screen and (max-width: 640px) {
  .bytes-credit .fusion-column-wrapper {
    justify-content: center !important;
  }
  .footer-widget .awb-widget-area-element .widget h4 {
    padding-bottom: 3px !important;
  }
}

/* Small Screen */
@media screen and (max-width: 480px) {
  .mbw-jobs-filters-wrapper .search_location .placeholder-text {
    top: 32px !important;
    left: 10px !important;
  }
}
















/* ==========================================================================
   MBW Custom Package Selection Styles
   ========================================================================== */

   .mbw-job-submit-flow {

   }
   
   .mbw-job-submit-flow .job_listing_packages, .mbw-job-submit-flow .resume_packages {
     border: none;
   }
   
   
   /* --- Overall Wrapper & Layout --- */
   .mbw-package-selection-override {
     margin-top: 30px;
     margin-bottom: 30px;
   }
   
   .mbw-package-selection-override .package-section {
     font-size: 1.5em; /* Example size */
     font-weight: bold;
   }
   
   .mbw-package-selection-override .job-packages-grid {
     display: grid;
     /* Adjust minmax width based on desired minimum card width */
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 30px;
     margin-top: 20px;
   }
   
   /* --- Base Package Item Styling --- */
   .mbw-package-selection-override .job-package-item {
     border: 1px solid #e0e0e0;
     display: flex;
     flex-direction: column; /* Stack header, features, footer */
     position: relative; /* For absolute positioning highlight tag */
     background-color: #fff; /* Base background */
     transition: box-shadow 0.3s ease, border-color 0.3s ease; /* Smooth selection */
     text-align: left;
     cursor: pointer; /* Add this line */
   }
   
   /* --- Package Header (Colored Section) --- */
   .mbw-package-selection-override .package-header {
     padding: 30px 30px 30px 30px;
     position: relative; /* Context for tag */
     color: #fff; /* Default text color for colored headers */
   }
   
   .mbw-package-selection-override .package-highlight-tag {
     position: absolute;
     top: 0px;
     right: 30px;
     background-color: #1c1c1c;
     color: #fff;
     padding: 8px 12px;
     font-size: 12px;
     font-weight: bold;
     line-height: 1.2;
   }
   
   .mbw-package-selection-override .package-title {
     font-size: 20px;
     font-weight: 600;
     margin-top: 16px;
     margin-bottom: 24px;
     line-height: 1.1;
     color: #fff;
   }
   
   .mbw-package-selection-override .package-price {
     font-size: 48px; /* Large price */
     font-weight: 600;
     margin-bottom: 10px;
     line-height: 1.1;
   }
   /* Make currency symbol slightly smaller/raised if needed */
   .mbw-package-selection-override .package-price .woocommerce-Price-currencySymbol {
     font-size: 0.5em;
     vertical-align: super;
     margin-right: 2px;
   }
   /* Style sale prices if applicable */
   .mbw-package-selection-override .package-price del {
     font-size: 0.5em;
     opacity: 0.7;
     margin-right: 5px;
     display: block; /* Stack if needed */
   }
   .mbw-package-selection-override .package-price ins {
     text-decoration: none;
     background: none;
   }
   
   
   .mbw-package-selection-override .package-duration {
     font-size: 15px;
     margin-bottom: 25px;
     opacity: 0.9;
   }
   
   /* --- Select Button --- */
   .mbw-package-selection-override .package-select-button-wrap {
     margin-top: 10px; /* Space above button */
   }
   
   .mbw-package-selection-override .package-select-button {
     display: inline-block;
     padding: 12px 30px;
     font-size: 16px;
     font-weight: 600;
     text-align: center;
     cursor: pointer;
     border: none;
     transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
     line-height: 1.3;
   }
   .mbw-package-selection-override .package-select-button:hover {
     /*opacity: 0.85;*/
   }

   .mbw-package-selection-override .job-package-item:hover .package-select-button,
   .mbw-package-selection-override .job-package-item.selected .package-select-button {
     background-color: #1c1c1c !important; /* Use !important to override specific nth-child styles */
     color: #ffffff !important; /* Use !important to override specific nth-child styles */
     opacity: 1; /* Ensure opacity doesn't interfere if set elsewhere */
   }
   
   /* --- Features Section --- */
   .mbw-package-selection-override .package-features {
     background-color: #FFFFFF; /* Light grey background for the whole container */
     padding: 25px 15px;
     flex-grow: 1; /* Allows this section to expand if cards vary in height */
     border-top: 1px solid #eee;
     border-bottom: 1px solid #eee;
   }
   
   .mbw-package-selection-override .package-features ul {
     list-style: none;
     padding: 0;
     margin: 0;
   }
   
   .mbw-package-selection-override .package-features li {
     display: flex;
     align-items: flex-start; /* Align icon top with text */
     margin-bottom: 14px;
     font-size: 14px;
     line-height: 1.5;
     color: #333; /* Default text color for active features */
     padding: 5px; /* ADDED: Padding consistent with the other stylesheet */
     background-color: transparent; /* ADDED: Default background for active/base li */
   }
   .mbw-package-selection-override .package-features li:last-child {
     margin-bottom: 0;
   }
   
   .mbw-package-selection-override .package-features i {
     width: 1.4em; /* Ensure alignment */
     text-align: center;
     margin-right: 10px;
     margin-top: 3px; /* Fine-tune vertical alignment */
     font-size: 1.1em; /* Icon size */
     color: #E6007E; /* Default pink icon color (check and cross) */
     flex-shrink: 0; /* Prevent icon shrinking */
   }
   
   .mbw-package-selection-override .package-features li.non-active {
     color: #888; /* Greyed out text for inactive features */
     background-color: #f4f4f4; /* ADDED: Background for non-active items */
   }
   /* Override icon color if needed for non-active items */
   /* .mbw-package-selection-override .package-features li.non-active i { color: #aaa; } */
   
   .mbw-package-selection-override .package-features li span {
     flex-grow: 1;
   }
   .mbw-package-selection-override .package-features li strong {
     font-weight: bold;
     color: #111; /* Make bold text stand out more */
   }
   .mbw-package-selection-override .package-features li.non-active strong {
      color: inherit; /* Inherit grey color */
   }
   
   /* ADDED: Specific rule for active item background if needed (currently transparent) */
   .mbw-package-selection-override .package-features li.active {
       /* background-color: transparent; /* Already set on base li */
       /* Add any other specific active styles here if necessary */
   }
   
   
  /* --- Package Footer (Colored Section) --- */

  .mbw-package-selection-override .package-footer .job-item-icon_animate {
    display: inline-block; /* Ensure transform works correctly */
    transform: rotate(-45deg);
    transition: transform 0.3s ease; /* Smooth transition for hover */
  }
  
  .mbw-package-selection-override .job-package-item:hover .package-footer .job-item-icon_animate,
  .mbw-package-selection-override .job-package-item.selected .package-footer .job-item-icon_animate {
    transform: rotate(0deg);
  }

.mbw-package-selection-override .package-footer {
  padding: 18px 25px;
  /* Remove text-align: right; */
  /* Add Flexbox properties */
  display: flex;
  justify-content: flex-end; /* Align item(s) to the end (right) */
  align-items: center; /* Optional: Vertically center the icon */
}

/* Target the icon within the footer */
.mbw-package-selection-override .package-footer > i {
   /* Font size is likely controlled by specific icon classes or inline styles */
   line-height: 1; /* Keep line height tight around the icon */
   /* No display property needed as flex child */
}
   
   /* --- Category Specific Styles --- */
   
   /* Basic Package (Pink/Black) - Applied to 1st Item */
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(1) .package-header { background-color: var(--awb-color4); }
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(1) .package-select-button { background-color: #fff; color: var(--awb-color4); }
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(1) .package-footer { background-color: var(--awb-color4); } /* Pink Footer */
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(1) .package-arrow-icon { color: #fff; } /* White Arrow */
   
   /* Enhanced Package (Pink/White Button) - Applied to 2nd Item */
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(2) .package-header { background-color: var(--awb-color4); }
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(2) .package-select-button { background-color: #fff; color: var(--awb-color4); } /* White Btn, Pink Text */
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(2) .package-footer { background-color: var(--awb-color4); } /* Pink Footer */
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(2) .package-arrow-icon { color: #fff; } /* White Arrow */
   
   /* Promoted Package (Green/Black Footer) - Applied to 3rd Item */
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(3) .package-header { background-color: #3eb38f; }
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(3) .package-select-button { background-color: #fff; color: #3eb38f; } /* White Btn, Green Text */
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(3) .package-footer { background-color: #1c1c1c; } /* Black Footer */
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(3) .package-arrow-icon { color: #fff; } /* White Arrow */
   /* ADDED: Specific icon color for the 3rd package features */
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(3) .package-features i {
       color: #3eb38f !important; /* Use the green color and !important to ensure override */
   }
   /* ADDED: Specific highlight color for the 3rd package features */
   .mbw-package-selection-override .job-packages.package-picker .job-packages-grid .job-package-item:nth-child(3) .package-features li span.highlight {
       color: #3eb38f !important; /* Use the green color and !important to ensure override */
       font-weight: bold; /* Ensure highlight remains bold */
   }
   
   
   /* Bundle Styling (Example: Assuming similar to Basic but adjust as needed) */
   .mbw-package-selection-override .job-item-type-bundle .package-header { background-color: #333; } /* Darker header maybe? */
   .mbw-package-selection-override .job-item-type-bundle .package-highlight-tag { background-color: #E6007E; color: #fff; } /* Pink highlight? */
   .mbw-package-selection-override .job-item-type-bundle .package-select-button { background-color: #E6007E; color: #fff; } /* Pink button */
   .mbw-package-selection-override .job-item-type-bundle .package-footer { background-color: #333; }
   .mbw-package-selection-override .job-item-type-bundle .package-arrow-icon { color: #fff; }
   
   /* --- Selected State --- */
   .mbw-package-selection-override .job-item.selected {
     /* Use outline for selection without affecting layout */
     /*outline: 4px solid #0073aa; */ /* WordPress blue, adjust color/thickness */
     /*outline-offset: -2px;*/ /* Pull outline slightly inwards */
     /* Optional: Add a subtle shadow */
     /*box-shadow: 0 5px 15px rgba(0, 115, 170, 0.3);*/
     /*border-color: transparent;*/ /* Hide base border when selected with outline */
   }
   
   /* Style button text when selected (JS already handles this, but CSS can reinforce) */
   .mbw-package-selection-override .job-item.selected .package-select-button span,
   .mbw-package-selection-override .job-item.selected .job-item-button {
     /* Optional: Slightly different style for selected button text if needed */
     /* font-weight: bold; */
   }
   
   /* --- User Owned Packages (Simple Styling) --- */
   .mbw-package-selection-override .job-packages.purchased {
     margin-bottom: 0px;
   }
   .mbw-package-selection-override .job-item-owned {
     border: 1px solid #eee;
     padding: 20px;
     margin-bottom: 15px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     background-color: #fdfdfd;
     cursor: pointer;
   }

   .mbw-package-selection-override .job-item-owned:last-of-type {
    margin-bottom: 0px !important;
   }

   .mbw-package-selection-override .job-item-owned .job-item_package_intro {
     flex-grow: 1;
     padding-right: 20px;
   }
   .mbw-package-selection-override .job-item-owned h3 {
     margin: 0 0 5px 0;
     font-size: 1.2em;
   }
   .mbw-package-selection-override .job-item-owned .price {
     font-weight: bold;
     margin-bottom: 5px;
   }
   .mbw-package-selection-override .job-item-owned .details {
     font-size: 0.9em;
     color: #666;
   }
   .mbw-package-selection-override .job-item-owned .job-item-button {
     padding: 8px 15px;
     background-color: #ffffff;
     color: var(--awb-color4);
     border: solid 3px var(--awb-color4);
     cursor: pointer;
     font-size: 0.9em;
     font-weight: bold;
     white-space: nowrap;
   }
   .mbw-package-selection-override .job-item-owned.selected .job-item-button {
      background-color: #1c1c1c; /* Darker grey when selected */
      color: #ffffff;
      border: 3px solid #1c1c1c;
   }

   .mbw-package-selection-override .job-item-owned.selected:hover .job-item-button {
      background-color: #1c1c1c; /* Darker grey when selected */
      color: #ffffff;
      border: 3px solid #1c1c1c;
   }
   

   .mbw-package-selection-override .job-item-owned:hover .job-item-button {
    padding: 8px 15px;
    background-color: var(--awb-color4);
    color: #ffffff;
    border: solid 3px var(--awb-color4);
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    white-space: nowrap;
  }
  
  
  .mbw-package-selection-override .job-packages-grid .job-package-item.job-item-cat-bundle:nth-child(3).selected .package-header .package-select-button {
    background-color: #1c1c1c !important;
  }

  .mbw-package-selection-override .job-packages-grid .job-package-item.job-item-cat-bundle.selected .package-header .package-select-button {
    background-color: var(--awb-color4) !important;
  }
  

  .mbw-package-selection-override .job-packages-grid .job-package-item.job-item-cat-bundle .package-header .package-highlight-tag {
    background: #ffffff;
    color: #1c1c1c;
  }
  

  .mbw-package-selection-override .job-packages-grid .job-package-item.job-item-cat-bundle:nth-child(1) .package-header, 
  .mbw-package-selection-override .job-packages-grid .job-package-item.job-item-cat-bundle:nth-child(2) .package-header {
    background: #1c1c1c !important;
  }


  .mbw-package-selection-override .job-packages-grid .job-package-item.job-item-cat-bundle:nth-child(1) .package-header, 
  .mbw-package-selection-override .job-packages-grid .job-package-item.job-item-cat-bundle:nth-child(2) .package-header {
    background: #1c1c1c !important;
  }


  .mbw-package-selection-override .job-packages-grid .job-package-item.job-item-cat-bundle:nth-child(1):hover .package-header .package-select-button, 
  .mbw-package-selection-override .job-packages-grid .job-package-item.job-item-cat-bundle:nth-child(2):hover .package-header .package-select-button{
    background-color: var(--awb-color4) !important;
  }

  
   /* --- Bundle Header --- */
   .mbw-package-selection-override .bundle-header {
     margin-bottom: 32px;
     
     
   }
   .mbw-package-selection-override .bundle-header h1 {
     font-size: 2.5em;
     margin-bottom: 0;
     line-height: 1.1;
   }
   .mbw-package-selection-override .bundle-header h2 {
     
     
   }
   .mbw-package-selection-override .bundle-header p {
     font-size: 1.1em;
     color: #555;
     max-width: 600px;
     margin-left: auto;
     margin-right: auto;
   }
   
   
   /* --- Main Continue Button --- */
   .mbw-package-selection-override .button-listing-details {
     /* Add styles to match your theme's primary buttons or style uniquely */
     display: block;
     width: fit-content;
     margin: 40px auto 20px auto; /* Center button below grid */
     padding: 15px 30px;
     font-size: 1.1em;
     font-weight: bold;
     /* Add background, color, border etc. */
     background: transparent;
     color: var(--awb-color4);
     border: solid 3px var(--awb-color4);
     cursor: pointer;
   }
   .mbw-package-selection-override .button-listing-details:hover {
     background-color: var(--awb-color4);
     color: #ffffff;
   }
   
   /* --- Responsiveness --- */
   @media (max-width: 991px) { /* Example: Tablet */
     .mbw-package-selection-override .job-packages-grid {
         /* grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); */ /* Adjust min size */
          grid-template-columns: repeat(2, 1fr); /* Force 2 columns */
     }
     .mbw-package-selection-override .package-title { font-size: 22px; }
     .mbw-package-selection-override .package-price { font-size: 44px; }
   }
   
   @media (max-width: 600px) { /* Example: Mobile */
     .mbw-package-selection-override .job-packages-grid {
         grid-template-columns: 1fr; /* Single column */
     }
     .mbw-package-selection-override .package-header { padding: 20px 15px 15px 15px; }
     .mbw-package-selection-override .package-title { font-size: 20px; }
     .mbw-package-selection-override .package-price { font-size: 40px; }
     .mbw-package-selection-override .package-duration { font-size: 14px; }
     .mbw-package-selection-override .package-features { padding: 20px 15px; }
     .mbw-package-selection-override .package-footer { padding: 15px; }
     .mbw-package-selection-override .package-arrow-icon { font-size: 30px; }
     .mbw-package-selection-override .job-item-owned { flex-direction: column; align-items: flex-start; }
     .mbw-package-selection-override .job-item-owned .job-item-button { margin-top: 15px; width: 100%; text-align: center;}
   }