/* 
Theme Name: Instilled Hello Elementor Child 
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Instilled Ltd
Author: Instilled Ltd
Author URI: https://instilled.co.uk/
Template: hello-elementor
Version: 1.0.6
Text Domain: hello-elementor-instilled
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Hide overflow on mobile */
html,
body{
  width:100%;
  overflow-x:hidden;
}

/*body h1,
body h2 {
    text-wrap: balance;
}*/

/* Hello theme overrides */
[type=button], [type=submit], button {
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-secondary);
    border: 1px solid var(--e-global-color-7dadbff);
	border-radius: 10px 0px 20px 0px;
}


[type=button]:hover, [type=submit]:hover, button:hover {
   color: #FFFFFF;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: 1px solid var(--e-global-color-81e166c);
}

/* Main Menu */

a.has-sub-menu .sub-menu, span.sub-arrow{  fill: currentColor; }

ul.e-n-menu-heading > li.e-n-menu-item:not(:last-child) {
border-right: 1px solid #FFFFFF;
}

/* Mobile Menu */

.nav-startup {
    background-image: url('/wp-content/uploads/2025/01/Icon_sector1_40px-1.svg');
}

.main-nav-contact-canada {
    background-image: url('/wp-content/uploads/2022/06/canada-flag.svg');
}

.nav-startup,
.main-nav-contact-canada {
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 30px;
    padding-left: 60px;
}


/* Particles js */

.particles-js-canvas-el {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

/* Header sticky*/

.elementor-sticky--effects {
 background: #000000ac!important;
 transition: background 0.5s ease-in-out;
}

/* Shut this logo off and activate the other logo after scroll*/
.elementor-sticky--effects .scroll-menu {
opacity: 1;
display: inline-block;
transition: opacity 0.5s ease-in-out, display 0.5s ease-in-out;
}

.elementor-sticky--effects .original-menu,
.elementor-sticky--effects .original-utility,
.elementor-sticky--effects .original-button {
 display: none;
 transition: display 0.8s ease-in-out;
}

header.sticky-header.elementor-sticky--effects {
  min-height: 0px!important;
}

/***
* class: .sticky-header
*/
header.sticky-header {
   --header-height: 46px;
   --shrink-header-to: 0.3;
   --transition: .45s cubic-bezier(.4, 0, .2, 1);
   transition: background-color var(--transition),
      backdrop-filter var(--transition),
      padding var(--transition),
      box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
   background-color: rgba(0, 0, 0, .7);
   -webkit-backdrop-filter: saturate(180%) blur(20px);
   backdrop-filter: saturate(180%) blur(20px);
}

header.sticky-header > .e-con-inner {
   min-height: var(--header-height);
   transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .e-con-inner {
   min-height: calc( var(--header-height) * var(--shrink-header-to) );
   padding-top: 0;
   padding-bottom: 0;
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
   header.sticky-header {
    --header-height: 70px;
   }
}

/***
* class: .logo
*/
header.sticky-header .logo img {
   transition: transform var(--transition);
   transform-origin: left center; /* Set the transform origin to the left */
}
header.sticky-header.elementor-sticky--effects .logo img {
   transform: scale(.6);
   margin-top: -10px!important;
}


/* Changed featured row background */
body .wpjb .wpjb-featured {
    background-color: #d6f6ff;
}

/* Remove name the company */
.wpjb-col-title .wpjb-sub.wpjb-sub-small {
    display: none;
}

/* Remove banner "NEW" */
span.wpjb-bulb {
    display: none !important;
}


/*Remove name the company and change the color of the name work*/
.wpjb-job-list .wpjb-sub-small {
    display: none !important;
}

/*Remove time work*/
.wpjb-col-location .wpjb-sub.wpjb-sub-small {
    display: none;
}

/* Remove date */
.wpjb-sub.wpjb-sub-opaque.wpjb-sub-right.wpjb-job_created_at,
.wpjb-page-single .wpjb-row-meta-job_created_at  {
    display: none !important;
}

/* Remove top header */
.wpjb .wpjb-top-header {
    display: none;
}

.wpjb .wpjb-col-logo {
    display: none;
}


/* change default select icon to match multiselect */
 .wpjb .wpjb-element-input-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px; /* Adjust padding as needed */
  background: #ffffff url('/wp-content/plugins/wpjobboard/public/images/icon-arrow-down-b-16.png') no-repeat 98% center !important; /* Use your SVG image path */
  background-size: 20px; /* Adjust size as needed */
  border: 1px solid #ccc; /* Add border style */
  border-radius: 4px; /* Add border radius */
  width: 200px; /* Set width */
  font-size: 16px; /* Set font size */
}


/* change title color of jobs */
.dark-jobs-list .wpjb .wpjb-line-major a {
  color: var(--e-global-color-primary);
}

/* colored job holder */

.dark-jobs-list .colored-job-holder .wpjb,
.dark-jobs-list .colored-job-holder .wpjb .wpjb-line-major a,
.dark-jobs-search .wpjb-label {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: normal !important;
}

#wpjb-top-search .wpjb-label  {
  color: #ffffff !important;
}


.dark-jobs-search wpjb .wpjb-form div textarea,
.dark-jobs-search .wpjb .wpjb-form div select, 
.dark-jobs-search .wpjb .wpjb-form div input[type=text],
.dark-jobs-search .wpjb .wpjb-form div input[type=password],
.dark-jobs-search .wpjb .wpjb-element-input-select select {
  background-color: var(--e-gobal-color-primary) !important;
  border-color: var(--e-global-color-accent) !important;
  color: #fff;
}

/* Job Search - Advanced Search Fields */

.jobs-sidebar .wpjb_widget input[type="submit"],
.jobs-sidebar .elementor-widget-wp-widget-wpjb-widget-alerts {
  margin-top: 8px;
  width: 100%;
}


.jobs-sidebar .elementor-widget-wp-widget-wpjb-widget-alerts input,
.jobs-sidebar .elementor-element-2c46d9a9 form input {
  background: var(--e-global-color-3b0d97c);
  border-color: var(--e-global-color-3b0d97c);
}

.jobs-sidebar input[type="submit"],
.jobs-sidebar .elementor-button[type="submit"] {
  color: #ffffff;
  background: var(--e-global-color-679068e);
}

.jobs-sidebar input[type="submit"]:hover,
.jobs-sidebar .elementor-button[type="submit"]:hover {
  color: #ffffff;
  background: var(--e-global-color-primary);
}


#wpjb-top-search,
.wpjb-form-to-refine {
    background: var(--e-global-color-primary);
    border-radius: 10px;
    padding: 1rem !important;
    position: relative;
    overflow: visible;
  }

.wpjb .wpjb-tag {
  background: var(--e-global-color-primary);
}

.wpjb a.wpjb-button, .wpjb .wpjb-upload-actions a.button {
  background: var(--e-global-color-accent);
  background: #ddd;
}

/* Job Search - Advanced Search Fields - Dropdown Styling */

.wpjb select,
.wpjb select#category,
.wpjb textarea,
.wpjb input[type=password],
.wpjb input[type=text] {
    padding: 15px !important;

}


.wpjb .wpjb-form .wpjb-element-name-job_countries .daq-multiselect-options ul li {
    padding-left: 15px ! important;
}

.wpjb .wpjb-form .wpjb-element-name-job_countries .daq-multiselect-options ul li:nth-of-type(1),
.wpjb .wpjb-form .wpjb-element-name-job_countries .daq-multiselect-options ul li:nth-of-type(7),
.wpjb .wpjb-form .wpjb-element-name-job_countries .daq-multiselect-options ul li:nth-of-type(11) {
    padding-left: 0px ! important;
}

/* WP Job Board Regions Styling */


.wpjb-row-meta-_location,
.wpjb-row-meta-field_1,
.wpjb-row-meta-job_countries,
.wpjb-row-meta-job_divisions {
    display: none;
}


.wpjb-glyphs.wpjb-icon-spinner.wpjb-animate-spin.wpjb-mod-region-spinner {
    top: 160px !important;
    left: 33% !important;
}

.wpjb-grid .wpjb-grid-row {
  border-bottom: none;
  background: rgba(0,0,0,0.03);
  margin-bottom: 12px;
  padding: 12px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
    font-family: "Tomorrow", sans-serif !important;
    
}

::-moz-placeholder { /* Firefox 19+ */
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
    font-family: "Tomorrow", sans-serif !important;
}

:-ms-input-placeholder { /* IE 10+ */
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
    font-family: "Tomorrow", sans-serif !important;
}

:-moz-placeholder { /* Firefox 18- */
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
    font-family: "Tomorrow", sans-serif !important;
}

.dark-jobs-search input::-webkit-input-placeholder {
  color: #ffffff;
}
.dark-jobs-search input::-moz-placeholder {
  color: #ffffff;
}
.dark-jobs-search input:-ms-input-placeholder {
  color: #ffffff;
}
.dark-jobs-search input::placeholder {
  color: #ffffff;
}

.wpjb .wpjb-form > fieldset > div.wpjb-element-name-regions_2 {
  position: relative;
  overflow: visible;
}



/*
    New WPJB Regions - search form
  */

body .dark-jobs-list .wpjb .wpjb-line-major,
body .dark-jobs-list .wpjb .wpjb-line-minor {
  color: var(--e-global-color-642b4a1);
}
body .dark-jobs-list .wpjb .wpjb-line-major .wpjb-title {
  font-size: 20px;
  color: var(--e-global-color-65aa6b1);
  font-weight: 400;
}

body .dark-jobs-list .wpjb .wpjb-line-major .wpjb-featured a.wpjb-title {
 color: #ffffff;
}

body .wpjb .wpjb-line-minor .wpjb-sub.wpjb-regions_2 {
    display: inline-block;
    margin-left: -12px;
    font-size: 16px;
    font-weight: 500;
}

body .dark-jobs-list .wpjb .wpjb-line-minor .wpjb-sub.wpjb-regions_2 {
  color: var(--e-global-color-642b4a1);
}

.wpjb-form .wpjb-element-name-regions_2 {
    width: 100% !important;
}

.wpjb-mod-region-sub-wrap label {
    top: auto !important;
    left: 0px !important;
}

  .dark-jobs-search .wpjb .wpjb-form div input.wpjb-mod-region-sub-field {
  margin-top: 30px;
}



/* Media Queries */
@media screen and (min-width: 768px) {
  
  .dark-jobs-search .wpjb .wpjb-form div input.wpjb-mod-region-sub-field {
  margin-top: 0px;
}
  .animated-overlay img {
      min-width: 400vw;
  }
  
  .three-grid .c1 {
      grid-row: 1/2;
      grid-column: 1/2;
  }
  /* Block 2 */
  .three-grid .c2 {
      grid-row: 1/2;
      grid-column: 2/3;
  }
  /* Block 3 */
  .three-grid .c3 {
      grid-row: 2/3;
      grid-column: 1/3;
  }

    .dd-boxed-content {
        --dd-content-width: 1140px;
        width: min(50%, var(--dd-content-width) / 2);
    }
    
    
}

@media screen and (min-width: 1025px) {
  .scroll-menu {
    display: none;
  }
}

@media screen and (min-width: 1366px) {
  
  .animated-overlay img {
      min-width: 340vw;
  }
  
}