/* 
Theme Name: Agency - Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child-agency
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 */
.field-type-switcher {
  --thumb-size: 2rem !important;
  --thumb-bg-color: var(--e-global-color-accent) !important;
  --checked-track-bg-color: var(--e-global-color-text) !important;
}

/* Reset button style */
[type=button], [type=submit], button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
}

.jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
}

body .__custom-select .jet-smart-filters-select.jet-filter .jet-select__control,
.jet-form-builder__field.text-field,
html body input:not([type="color"]),
html body select,
html body textarea,
html body .custom-form-wrapper form input,
html body .custom-form-wrapper form select,
html body .custom-form-wrapper form textarea {
  border: 1px solid var(--e-global-color-text) !important;
  text-indent: 8px !important;	
}

.__custom-select select,
select.__custom-select {
  height: 48px !important;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: '';
  position: relative;
}

select.__custom-select {
  -webkit-appearance: auto !important;
  -moz-appearance: auto;
}

select.__custom-select::after,
.__custom-select::after {
  content: '\f0d7';
  position: absolute;
  font-family: 'Font Awesome 6 Pro' !important;
  font-size: 16px;
  font-weight: 400;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  z-index: 999;
  color: var(--e-global-color-primary);
}


.custom-form input:not([type="file"], [type="checkbox"], [type="radio"], [type="color"]),
.custom-form textarea,
.custom-form select {
    width: 100%;
    border: 2px solid var(--e-global-color-text) !important;
    font-size: 14px !important;
    border-radius: 1000px;
    min-height: 50px;
}

.custom-form input.range-field {
  border: none !important;
}

.custom-form select[multiple],
.custom-form textarea {
  border-radius: 10px;
}

.custom-form select[multiple] {
  padding: 10px;
}

.custom-form input:not([type="file"], [type="checkbox"], [type="radio"]),
.custom-form select:not([multiple]) {
    height: 48px !important;
}

.custom-form textarea {
    resize: vertical;
    min-height: calc(48px * 3);
}


.custom-form input[type="submit"] {
    background: var(--e-global-color-accent) !important;
    color: var(--e-global-color-text) !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    border: none !important;
    outline: none !important;
    height: 48px !important;
}

.custom-form input[type="submit"]:hover {
    background: var(--e-global-color-primary) !important;
    color: #fff !important;
}

.custom-form .jet-form-builder-progress-pages {
  margin: auto;
  width: 98%;
}

.custom-form .jet-form-builder-progress-pages__item--wrapper.active-page {
  color: var(--e-global-color-text) !important;
}
.custom-form .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item--circle {
  border: 2px solid var(--e-global-color-text) !important;
}

.custom-form .jet-form-builder-progress-pages__item--label {
  font-size: 9px;
}

.custom-form .jet-form-builder-progress-pages__item--circle {
  width: 24px;
  height: 24px;
  font-size: 12px;
}

.custom-form .active-page .jet-form-builder-progress-pages__separator {
  background: var(--e-global-color-text) !important;
}

.custom-form .jet-form-builder__prev-page,
.custom-form .jet-form-builder__next-page {
  padding: .75em 2em;
  font-weight: 600;
  color: var(--e-global-color-text) !important;
  border: 2px solid var(--e-global-color-text) !important;
  border-radius: 1000px;
}

.custom-form .jet-form-builder__prev-page:hover,
.custom-form .jet-form-builder__next-page:hover {
  background: var(--e-global-color-accent) !important;
  color: var(--e-global-color-text) !important;
}

#sidebar-toggle:hover,
#sidebar-toggle:focus {
  background: transparent;
  color: var(--e-global-color-primary);
}

.dashboard-menu .menu-item a {
  display: flex !important;
  align-items: center;
}
/*
--e-global-color-accent: #F9F940;
--e-global-color-text: #000000;
--e-global-color-secondary: #FFFEF6;
--e-global-color-primary: #FDFCB2;
*/

.dashboard-menu .elementor-item-active {
  background-color: var(--e-global-color-secondary) !important;
  border-radius: 8px;
  color: var(--e-global-color-text) !important;
  
}

.dashboard-menu .menu-item {
  transition: background-color 0.3s ease-in-out;
  border-radius: 8px;
}

.dashboard-menu .menu-item:hover {
  color: var(--e-global-color-text) !important;
  background-color: var(--e-global-color-secondary) !important;
}

.dashboard-menu .custom-icon a::before {
  content: '';
  font-family: 'Font Awesome 6 Pro' !important;
  font-size: 18px;
  font-weight: 400;
  margin-right: 10px;
  color: var(--e-global-color-secondary);
  position: static;
  z-index: 1 !important;
  opacity: 1 !important;
  background: transparent !important;
}

.dashboard-menu .custom-icon a.elementor-item-active::before {
  color: var(--e-global-color-text) !important;
}

.dashboard-menu .menu-item:hover a::before {
  color: var(--e-global-color-text) !important;
}

.dashboard-menu .dashboard-icon a::before { content: '\f627'; }
.dashboard-menu .jobs-icon a::before { content: '\f0b1'; }
.dashboard-menu .application-icon a::before { content: '\f46d'; }
.dashboard-menu .candidate-icon a::before { content: '\f0f0'; }
.dashboard-menu .view-icon a::before { content: '\f06e'; }
.dashboard-menu .settings-icon a::before { content: '\f013'; }

.jet-form-builder__submit {
  padding: 0.75em 2em;
  border-radius: 1000px;
  background: var(--e-global-color-accent) !important;
  color: var(--e-global-color-text) !important;
  border: 2px solid var(--e-global-color-text) !important;
  font-weight: 600;
}

.custom-form .jet-form-builder__submit-wrap {
  gap: 1rem;
}

.remember-me {
  margin: 10px 0;
}

/* Custom styles for the file upload field */
.jet-form-builder__field-wrap.jet-form-builder-file-upload {
  background: transparent !important;
  border: 2px dashed var(--e-global-color-text) !important;
  padding: 20px !important;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 6px !important;
}

/* Styles for the image upload */
.jet-form-builder-file-upload__file img {
  display: block;
  width: 100%;
  height: 100% !important;
  padding: 0;
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  border-radius: 6px !important;
  box-shadow: 0 0 30px -8px rgba(0, 0, 0, 0.24) !important;
}

/* Styles for image content */
.jet-form-builder-file-upload__content {
  min-height: auto !important;
}

/* Styles for the custom "Choose File" and "File Uploaded" buttons */
.addfile,
.custom-form-buttom {
  padding: .75em 2em;
  font-weight: 600;
  color: var(--e-global-color-text) !important;
  border: 2px solid var(--e-global-color-text) !important;
  border-radius: 1000px;
  margin-top: 10px; /* Space between button and label */
  background: var(--e-global-color-accent);
}

.addfile:hover,
.addfile:focus {
  background: var(--e-global-color-accent) !important;
  color: var(--e-global-color-text) !important;
  border: 2px solid var(--e-global-color-text) !important;
}

/* Styles for the label that shows file upload status */
.labeladdfile {
  padding: 6px 12px;
  background-color: transparent; /* Default background is transparent */
  color: #000000 !important;
  font-size: 12px;
  font-weight: 400;
  display: block;
  margin-top: 10px;
  border-radius: 6px;
}

/* Class added when files are uploaded */
.files-uploaded {
  background-color: var(--e-global-color-primary) !important; 
  padding: 6px 12px;
  color: var(--e-global-color-text) !important;
  border-radius: 6px;
}

/* Hide the default file input visually */
.jet-form-builder-file-upload__input {
  display: none;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .addfile, .labeladdfile {
      padding: 8px 16px;
      font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .addfile, .labeladdfile {
      padding: 8px 16px;
      font-size: 12px;
  }
}

.candidate-content p:not(last-child) {
  margin-bottom: 1.5rem;
}

.job-content {
  padding: 20px;
  background: #00000025;
  border-radius: 20px;
}

.custom-form label {
  display: none !important;
}

.custom-form label.for-radio {
  display: block !important;
}

.erecruit-fetch-wrapper {
  padding: 20px;
  background-color: #f5f5f5;
  display: none;
  max-height: 400px;
  overflow-y: auto;
}

.erecruit-fetch-wrapper.show {
  display: block;
}

.erecruit-fecth-count {
  display: none;
  margin-bottom: 20px;
}

.erecruit-fecth-count.show {
  display: block;
}

#create-jobs-from-erecruit {
  display: none;
}

#create-jobs-from-erecruit.show {
  display: block;
}

#erecruit-clear-cache {
  display: none;
}

#erecruit-clear-cache.show {
  display: block;
}

#loading-spinner {
  display: none;
}

#loading-spinner.show {
  display: block;
}

.lds-spinner,
.lds-spinner div,
.lds-spinner div:after {
  box-sizing: border-box;
}
.lds-spinner {
  color: currentColor;
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
}
.lds-spinner div {
  transform-origin: 25px 25px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3.2px;
  left: 36.8px;
  width: 6.4px;
  height: 17.6px;
  border-radius: 20%;
  background: currentColor;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.job-element__title {
  margin-bottom: 10px;
}

.erecruit-connection-status.checking {
  color: #000000;
}

.erecruit-connection-status__icon.loading {
  animation: spin 1s linear infinite;
  color: #000000;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.connect-error {
  color: firebrick !important;
}

.connect-success {
  color: forestgreen !important;
}

#fetch-jobs-erecruit,
#setup-erecreuit-button {
  display: none;
}

#fetch-jobs-erecruit.show,
#setup-erecreuit-button.show {
  display: block;
}

html body select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4'%3E%3Cpath fill='%23000000' d='M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
  background-size: 0.65rem auto;
}

.advanced-dropdown__content {
  position: absolute;
  top: calc(48px + 10px);
  z-index: 999;
  display: none;
}

.advanced-dropdown__content.show {
  display: block;
}

.custom-form h3 {
  font-size: 23px;
  font-weight: 600;
  margin: 10px 0;
}

#jobs-cv-form {
  display: none;
}

#jobs-cv-form.show {
  display: block;
}

#wfls-management-embedded input[type=text] {
  width: 100%;
  margin-top: 10px;
}

#wfls-half {
  padding: 10px 0;
}

/* Temporary disabled fields */
.custom-form .membership-selection .radio-wrap:not(:nth-child(1)) label {
  opacity: 0.5;
  pointer-events: none;
}

.custom-form .membership-selection .radio-wrap:not(:nth-child(1)) label strong {
  text-decoration:line-through;
}

.custom-form .membership-selection .jet-form-builder__label-text {
  margin-bottom: 10px;
}

/*
    --e-global-color-accent: #F9F940; <- Accent
    --e-global-color-text: #000000; <- Text
    --e-global-color-secondary: #FFFEF6; <- Secondary
    --e-global-color-primary: #FDFCB2; <- Primary
*/
.bg-locum-accent-2 {
  background: var(--e-global-color-accent) !important;
}

.hover\:bg-locum-accent-2:hover {
  background: var(--e-global-color-accent) !important;
}

.hover\:text-locum-accent-2:hover {
  color: var(--e-global-color-accent) !important;
}

.focus\:bg-locum-accent-2:focus {
  background: var(--e-global-color-accent) !important;
}

.bg-locum-text-2 {
  background: var(--e-global-color-text) !important;
}

.text-locum-text-2 {
  color: var(--e-global-color-text) !important;
}

.hover\:text-locum-text-2:hover {
  color: var(--e-global-color-text) !important;
}

.hover\:bg-locum-text-2:hover {
  background: var(--e-global-color-text) !important;
}

.focus\:bg-locum-text-2:focus {
  background: var(--e-global-color-text) !important;
}

.locum-text-2 {
  color: var(--e-global-color-text) !important;
}

.bg-locum-secondary-2 {
  background: var(--e-global-color-secondary) !important;
}

.hover\:bg-locum-secondary-2:hover {
  background: var(--e-global-color-secondary) !important;
}

.text-locum-secondary-2 {
  color: var(--e-global-color-secondary) !important;
}

.hover\:text-locum-secondary-2:hover {
  color: var(--e-global-color-secondary) !important;
}

.focus\:bg-locum-secondary-2:focus {
  background: var(--e-global-color-secondary) !important;
}

.locum-secondary-2 {
  color: var(--e-global-color-secondary) !important;
}

.bg-locum-primary-2 {
  background: var(--e-global-color-primary) !important;
}

.hover\:bg-locum-primary-2:hover {
  background: var(--e-global-color-primary) !important;
}

.hover\:text-locum-primary-2:hover {
  color: var(--e-global-color-primary) !important;
}

.focus\:bg-locum-primary-2:focus {
  background: var(--e-global-color-primary) !important;
}

.locum-primary-2 {
  color: var(--e-global-color-primary) !important;  
}

.custom-post-content h2:not(:first-child),
.custom-post-content h3:not(:first-child),
.custom-post-content h4:not(:first-child) {
  margin-top: 0.625rem;
}

.custom-post-content h2,
.custom-post-content h3,
.custom-post-content h4,
.custom-post-content h5 {
  font-weight: 600;
  line-height: 1.5;
}

.custom-post-content p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: 1.5rem;
}

.custom-post-content h2 {
  font-size: 2.25rem;
}

.custom-post-content h3 {
  font-size: 2rem;
}

.custom-post-content h4,
.custom-post-content h5,
.custom-post-content h6 {
  font-size: 1.5rem;
}

.custom-post-content ul {
  list-style-type: disc;
  padding: 0;
  margin: 0;
  margin-bottom: 1.5rem;
  margin-left: 20px;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-white {
  color: #fff !important;
}

.single-job-agency-content .single-job-agency-form {
  position: relative;
}

.single-job-agency-content .single-job-agency-form form,
.single-job-agency-content .single-job-agency-form h3,
.single-job-agency-content .single-job-agency-form p {
  opacity: .25;
  pointer-events: none;
}

table thead th {
  background: var(--e-global-color-accent);
  color: #fff !important;
  vertical-align: middle;
}

table {
  border: none !important;
}

table tbody {
  font-size: 16px !important;
}

.dt-search {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  width: 40%;
  gap: 10px;
}

.dt-search input {
  margin: 0 !important;
}

.dt-paging {
  margin-top: 20px;
}

#default-table_wrapper {
  position: relative;
}

.dt-info {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 5px;
  font-size: 16px;
}

.action-column .dt-column-order {
  display: none;
}

.action-column {
  text-align: right !important;
  padding-right: 10px !important;
}

.title-column a {
  width: 40ch !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

table td, table th {
  border: none !important;
}

table th {
  text-wrap: nowrap;
}

table {
  border-radius: 10px;
  overflow: hidden;
}

html body div.dt-container .dt-paging .dt-paging-button.current {
  border: none !important; 
  background: var(--e-global-color-accent) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

html body div.dt-container .dt-paging .dt-paging-button.current:hover {
  border: none !important;
  background: var(--e-global-color-accent) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

html body div.dt-container .dt-paging .dt-paging-button {
  color: #444 !important;
  font-weight: 400 !important;
  border: none !important;
}

html body div.dt-container .dt-paging .dt-paging-button:hover {
  border: none !important;
  background: var(--e-global-color-accent) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

html body div.dt-container .dt-paging .dt-paging-button.previous:hover,
html body div.dt-container .dt-paging .dt-paging-button.next:hover {
  border: none !important;
  background: var(--e-global-color-accent) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

.dt-paging-button.first,
.dt-paging-button.last {
  display: none !important;
}

.download-btn .jet-download__text {
  display: flex;
  align-items: center;
  gap: 5px;
}

.single-application p:not(:last-child) {
  margin-bottom: 20px;
}

.customization-form label {
  display: block !important;
  margin-bottom: 10px;
}

.form-tabs__tab {
  display: none;
}

.form-tabs__tab.active {
  display: block;
}

.form-tabs__nav-item.active {
  font-weight: bold;
  background: var(--e-global-color-text) !important;
  color: #fff !important;
}

.form-tabs__nav {
  margin-bottom: 2rem;
}

.form-tabs__nav ul {
  display: flex;
}

.form-tabs__nav .form-tabs__nav-item {
  border-radius: 1000px;
  padding: .5em 2em;
  background: transparent;
  border: 2px solid var(--e-global-color-text);
  color: var(--e-global-color-text);
  font-size: 14px;
}

.form-tabs__nav li {
  display: flex;
  align-items: center;
}

.form-tabs__nav li:not(:last-child)::after {
  content: '';
  width: 30px;
  height: 1px;
  border: 1px solid #000;
}

.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  border-radius: 26px;
  border: 2px solid var(--e-global-color-text);
}

.select2-selection__rendered {
    line-height: 48px !important;
}
.select2-container .select2-selection--single {
    height: 50px !important;
}
.select2-selection__arrow {
    height: 44px !important;
}

input[type="color"] {
  width: 100%;
  height: 50px !important;
  border: 2px solid var(--e-global-color-text) !important;
  border-radius: 10px !important;
}

.customizable-job-listing .elementor-widget-wrap {
  background: #fff;
}