/*!
Theme Name:CiviChild
Theme URI: https://civi.uxper.co/
Author: Uxper
Author URI: http://uxper.co/
Description: This is a child theme of Civi
Template: civi
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.4
License URI: https://choosealicense.com/licenses/gpl-2.0/
Text Domain:civichild
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* Hide employer chart  */
.civi-chart-warpper.civi-chart-employer {
  display: none;
}

.notification-dashboard .col-md-7 {
  display: none;
}

/* Hide items in caniddate dashbaord */
.civi-dashboard.area-main-control.applications .civi-boxdb,
.civi-dashboard.area-main-control.applications .interviews.civi-boxdb,
.civi-dashboard.area-main-control.applications .candidates.civi-boxdb {
  display: none;
}

/* Hide item employer dashbaord  */

.civi-dashboard.area-main-control
  .action-wrapper.row
  .col-xl-3.col-sm-6:nth-child(3) {
  display: none;
}

/*Hide btn message in tab candidate employer dashboard */

body.single-candidate
  .block-candidate-warrper
  .block-archive-top
  .candidate-head-details
  #civi-add-messages,
#btn-invite-candidate {
  display: none;
}

#civi-content-dashboard
  .site-main
  .entry-my-page.applicants-dashboard
  .table-dashboard-wapper
  .table-dashboard
  .applicants-control.action-setting
  .list-action
  .action.icon-video,
.action.icon-messages {
  display: none;
}

#civi-content-dashboard
  .site-main
  .entry-my-page.my-candidate
  .tab-dashboard
  .tab-list
  .tab-item.tab-candidates-dashboard,
.tab-item.tab-invite {
  display: none;
}

/*Hide btn invite */
#civi-content-dashboard
  .site-main
  .entry-my-page.my-jobs
  .tab-dashboard
  .tab-list
  .tab-item.tab-invite-item {
  display: none;
}

.civi-search-vertical .form-group .nice-select,
.civi-search-vertical .form-group input,
.civi-search-horizontal .form-group .nice-select,
.civi-search-horizontal .form-group input,
input[type="text"],
input[type="url"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="file"],
textarea {
  background-color: #fff;
}
.civi-search-vertical .icon-location {
  top: 50% !important;
  transform: translateY(-50%);
  bottom: auto !important;
}
.civi-search-vertical .icon-location svg {
  display: block;
}

.candidate-head-details .civi-candidate-header-bottom a {
  margin-bottom: 8px;
}

#tab-info .form-group {
  margin-top: 0;
}

.form-popup-apply-profile label sup {
  color: red;
}
.form-popup-apply-profile .apply-popup {
  max-width: 1200px;
  top: 50px;
  max-height: calc(100vh - 100px);
}
.form-popup-apply-profile .civi-fields-thumbnail {
  width: 100%;
}
.form-popup-apply-profile .civi-fields-thumbnail #civi_thumbnail_container {
  height: 148px;
}

.form-popup-apply-profile #civi_select_cv {
  height: 150px;
}
.form-popup-apply-profile #civi_drop_motivation_letter {
  position: relative;
  margin-bottom: 0;
}
.form-popup-apply-profile
  #civi_drop_motivation_letter
  .motivation_letter-icon-delete {
  position: absolute;
  right: 10px;
  z-index: 2;
  top: 10px;
}
.form-popup-apply-profile #civi_select_motivation_letter {
  position: relative;
  z-index: 1;
  height: 150px;
  background-color: #f9f9f9;
  border: 1px dashed #ddd;
  width: 100%;
  color: var(--civi-color-secondary);
  cursor: pointer;
}
.form-popup-apply-profile #civi_select_motivation_letter i {
  color: var(--civi-color-accent);
}
.form-popup-apply-profile .group-title {
  display: flex;
  flex-direction: row;
  column-gap: 14px;
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--civi-color-border);
  cursor: pointer;
}
.form-popup-apply-profile .group-title h6 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0px;
}
.form-popup-apply-profile .group-title i:last-child {
  margin-left: auto;
}
.form-popup-apply-profile .group-title i:before {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-popup-apply-profile .group-title.up ~ .form-group {
  display: none;
}
.form-popup-apply-profile .group-title.up i:last-child::before {
  transform: rotateX(180deg);
}
.form-popup-apply-profile .btn-more {
  position: relative;
  margin-top: 24px;
  border: none;
  background-color: white;
  color: var(--civi-color-accent);
  transition: transform 0.3s;
  font-weight: 500;
}
.form-popup-apply-profile .btn-more i {
  margin-right: 10px;
}
.form-popup-apply-profile .btn-more:hover {
  cursor: pointer;
  transform: scale(1.02);
}
.form-popup-apply-profile .tab-info:not(#tab-info, #tab-skills) .form-group {
  margin-top: 20px;
}
.form-popup-apply-profile .civi-candidate-warpper .row + .row {
  margin-top: 20px;
}
.form-popup-apply-profile #tab-social .civi-social-network {
  margin-top: -20px;
}
.form-popup-apply-profile #tab-social .civi-button {
  padding-left: 8px;
  margin-bottom: 0;
}
.form-popup-apply-profile #tab-social .field-social-clone {
  display: none;
}
.form-popup-apply-profile #tab-social .soical-remove-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--civi-color-border);
  margin-top: 24px;
  cursor: pointer;
}
.form-popup-apply-profile #tab-social .soical-remove-inner span {
  color: var(--civi-color-primary);
  margin-left: 10px;
  font-weight: 500;
  font-size: 18px;
}
.form-popup-apply-profile #tab-social .soical-remove-inner i {
  color: var(--civi-color-primary);
}

@media (max-width: 767px) {
  .form-popup-apply-profile .tab-list {
    overflow: auto;
  }
}

.civi-candidates-item
  .candidate-header
  .candidate-header-left
  .candidate-status-inner
  .logged-out
  .add-follow-candidate,
.block-candidate-warrper
  .block-archive-top
  .candidate-head-details
  .civi-candidate-header-bottom
  .logged-out
  .add-follow-candidate {
  display: none;
}

.search-dashboard-warpper,
.search-dashboard-warpper .search-left {
  flex-wrap: wrap;
}
.search-dashboard-warpper .search-left,
.search-dashboard-warpper .search-left .select2-field {
  margin-bottom: 12px;
}
#my-applicants.table-dashboard tbody td {
  align-items: center;
}
#my-applicants.table-dashboard input[type="checkbox"] {
  cursor: pointer;
}
#my-applicants .send-all-email i {
  font-size: 16px;
}
#my-applicants .send-all-email {
  padding-right: 24px;
}
#my-applicants .send-all-email .tooltip[data-title]::after {
  text-transform: none;
}
#my-applicants .send-all-email .align-right a,
#follow-candidate .send-all-email .align-right a {
  margin-left: 24px;
}
.esm_popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.esm_popup.open {
  opacity: 1;
  visibility: visible;
}
.esm_popup .popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.esm_popup .popup-inner {
  position: absolute;
  top: 50%;
  left: 15px;
  right: 15px;
  transform: translateY(-50%);
  background-color: #fff;
  max-width: 900px;
  margin: 0 auto;
  border-radius: 10px;
}
.sendEmail {
  padding: 20px 40px 40px;
}
.sendEmail .field-input,
.sendEmail .field-textarea,
.sendEmail .field-user {
  margin-bottom: 20px;
}
.sendEmail .field-user b {
  color: #111;
}
.sendEmail .field-user b span {
  margin-right: 5px;
}
.esm_popup .popup-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 40px 0;
  font-size: 28px;
  margin-bottom: 0;
}
.esm_popup .popup-close {
  cursor: pointer;
}
.esm_popup .popup-close i {
  font-size: 24px;
}
.p.notice {
  padding-left: 60px;
}
.sendEmail .civi-button i {
  margin-left: 5px;
}
.my-candidate .table-dashboard thead th:last-child {
  padding-right: 35px;
  width: 70px;
}
.my-candidate .table-dashboard thead th i {
  font-size: 16px;
}
input[name="check_all"],
input[name="send_email"] {
  cursor: pointer;
}
.mb20 {
  margin-bottom: 20px;
}
.entry-my-page.my-candidate .table-dashboard tr th:first-child,
.entry-my-page.my-candidate .table-dashboard tr td:first-child {
  width: 5%;
}
.form-select {
  position: relative;
}
body.single-candidate .container-breadcrumb {
  display: none;
}
.breadcrumb-back {
  margin: 24px 0;
}
.breadcrumb-back a {
  color: var(--civi-color-secondary);
}
.breadcrumb-back a:hover {
  color: var(--civi-color-primary);
}
.form-share-leader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.form-share-leader.is-active {
  opacity: 1;
  visibility: visible;
}
.form-share-leader .popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.form-share-leader .popup-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  right: 15px;
  max-width: 750px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 20px;
  padding: 32px;
}
.form-share-leader .popup-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  margin-bottom: 24px;
}
.form-share-leader .popup-close {
  cursor: pointer;
}
.form-share-leader .field-group {
  margin-bottom: 16px;
}
.form-share-leader .field-group:last-child {
  margin-bottom: 0;
}
.form-share-leader .field-submit .btn-loading {
  display: none;
  margin-left: 5px;
}
.form-share-leader .field-message {
  color: green;
}
.applicants-dashboard .search-left .select2-field-status .select2 {
  min-width: auto;
}

body.overflow-hidden .site-content {
  z-index: 9;
}

.follow-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.follow-popup.is-active {
  opacity: 1;
  visibility: visible;
}

.follow-popup .follow-popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.follow-popup .follow-popup-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  right: 15px;
  max-width: 750px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 20px;
  padding: 32px;
}

.follow-popup .follow-popup-inner h3 {
  font-size: 18px;
  margin-bottom: 16px;
}

.follow-popup .follow-popup-inner .select2-field {
  margin-bottom: 20px;
}

.candidate-warpper a:after {
  content: "- ";
  position: static;
  background-color: unset;
  height: auto;
  width: auto;
}

.candidate-warpper a:last-child:after {
  content: "";
}

@media only screen and (max-width: 1199px) {
  .right-header {
    display: none;
  }
  .left-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .left-header .canvas-menu {
    margin: 0;
    order: 2;
  }
  .left-header .site-logo {
    margin: 0;
    order: 1;
  }
}
@media only screen and (max-width: 576px) {
  .elementor-10311
    .elementor-element.elementor-element-1ae3a73
    > .elementor-element-populated.elementor-element-populated {
    padding: 0;
  }
}

/* ruimte tussen 'Generate Password' en 'Save password' op het reset-formulier */
.civi-new-password-wrap .button-wrap .generate-password {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
}

/* status-kolom verbergen voor sollicitanten in 'Mijn sollicitaties'
   (werkgever-weergave gebruikt een andere tabel en blijft ongemoeid) */
.civi-my-apply #my-apply thead th:nth-child(2),
.civi-my-apply #my-apply tbody td.status {
  display: none;
}

/* delete-icoon van cv/motivatiebrief klikbaar houden boven de plupload-overlay
   (moxie-shim ligt met z-index:0 over de hele uploadzone). Enkel de z-index
   ophogen; de absolute positie (rechtsboven) van het thema laten staan. */
#civi_drop_cv a.cv-icon-delete,
#civi_drop_motivation_letter a.motivation_letter-icon-delete {
  z-index: 9999 !important;
}

/* Login-popup: maximale hoogte + compactere inhoud zodat het inlogformulier
   én de social-login (O365) onderaan in één keer zichtbaar zijn zonder
   scrollen -- ook op kortere/smallere schermen. Het thema reserveert veel
   verticale ruimte (tot 200px) en gebruikt royale marges; we beperken de
   reservering tot 40px en knijpen de tussenruimtes wat samen. Scrollen blijft
   als fallback (overflow:auto van het thema) op echt kleine schermen.
   Alles is gescoped op .popup-account, dus andere popups blijven ongemoeid. */
.popup-account.open .inner-popup,
.logged-in .popup-account.open .inner-popup {
  top: 20px;
  max-height: calc(100vh - 40px);
  padding: 20px;
}
.popup-account .head-popup .tabs-form {
  margin-bottom: 16px;
}
.popup-account .form-group + .form-group {
  margin-top: 14px;
}
.popup-account .addon-login-wrap {
  margin-top: 12px;
}

/* CookieScript-banner vrij van de dashboard-sidebar. CookieScript wordt via
   Google Tag Manager ingeladen (niet in onze code) en plaatst zijn banner met
   eigen inline-CSS linksonder (position:fixed; left:20px; width:300px). Op het
   employer-dashboard staat daar de vaste linkse sidebar (.nav-dashboard-wapper,
   260px breed, enkel zichtbaar >991px), waardoor de banner ermee botst.
   We schuiven de banner op desktop-dashboardpagina's naar rechts van de
   sidebar. De banner staat buiten #wrapper (directe child van <body>), dus we
   scopen via :has() op de dashboard-wrapper. Op <=991px staat de sidebar
   off-canvas en blijft de banner ongemoeid. De hoge z-index houdt de banner
   sowieso boven de sidebar. */
@media (min-width: 992px) {
  body:has(#wrapper.page-dashboard) #cookiescript_injected,
  body:has(#wrapper.page-dashboard) #cookiescript_badge {
    left: 280px !important;
  }
}
#cookiescript_injected,
#cookiescript_injected_wrapper,
#cookiescript_badge {
  z-index: 2147483647 !important;
}

/* Talenkennis op de kandidaatpagina verticaal onder elkaar. De talen worden
   als losse <span>'s in .list-cate gerenderd; in sommige layouts plakken ze
   aaneen ("EngelsFransNederlands"). We geven het talen-blok de eigen class
   .list-languages (zie candidate/single/sidebar/info.php) en zetten elke taal
   op een eigen regel. De komma-scheiding (.candidate-sidebar .list-cate
   span+span:before) zetten we uit zodat er geen komma vooraan elke regel komt. */
.list-cate.list-languages span {
  display: block;
}
.list-cate.list-languages span + span:before {
  content: none;
}

/* Headroom: sticky header verbergen bij neerwaarts scrollen, tonen bij
   opwaarts. Het thema maakt de header sticky met .sticky-header.on
   (position:fixed; top:0; transition:all .3s). Onze JS (header-scroll.js) zet
   .header-hidden bij neerwaarts scrollen; we schuiven de header dan met
   translateY uit beeld. De transition erft van .sticky-header.on, dus het
   animeert vloeiend. Geldt enkel voor de publieke sticky header (het dashboard
   heeft geen .sticky-header). */
.site-header.sticky-header.on {
  will-change: transform;
}
.site-header.sticky-header.on.header-hidden {
  transform: translateY(-100%);
}

/* Ongebruikte secties op het vacature-formulier verbergen (titel + kader + veld).
   "Job apply type": select bevat enkel "By Profile", waarde "profile" gaat
   onzichtbaar mee. "Video": introductie-video-URL wordt niet gebruikt.
   Zelfde id's op submit- en edit-formulier. */
#jobs-submit-apply,
#jobs-submit-video {
  display: none;
}

/* Sidebar-filter (archive): lange checkbox-labels netjes naast het vakje laten
   uitlijnen i.p.v. eronder te vallen. Geldt voor alle taxonomie-filters
   (categorieën, regio's, interesse in, ...). */
.archive-layout .archive-filter .civi-menu-filter ul.filter-control li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.archive-layout .archive-filter .civi-menu-filter ul.filter-control li > input {
  flex: 0 0 auto;
  margin-top: 4px;
}
.archive-layout .archive-filter .civi-menu-filter ul.filter-control li > label {
  flex: 1;
  min-width: 0;
}
/* Geneste subtermen (kind-categorieën) op een eigen volledige regel. */
.archive-layout .archive-filter .civi-menu-filter ul.filter-control li > ul {
  flex: 0 0 100%;
}

/* 'Volume opdracht'-filter: jQuery UI range-slider (0–100%). jQuery UI levert
   geen styling mee, dus track/handles/range hier zelf opmaken. */
.civi-menu-filter .volume-filter {
  padding: 6px 6px 0;
}
.civi-menu-filter .volume-filter .volume-values {
  margin-bottom: 16px;
  font-size: 14px;
  color: var(--civi-color-secondary);
}
.civi-menu-filter .volume-filter .ui-slider {
  position: relative;
  height: 4px;
  margin: 8px 8px 14px;
  background: var(--civi-color-border, #e5e5e5);
  border-radius: 4px;
}
.civi-menu-filter .volume-filter .ui-slider .ui-slider-range {
  position: absolute;
  height: 100%;
  background: var(--civi-color-accent, #f7941e);
  border-radius: 4px;
}
.civi-menu-filter .volume-filter .ui-slider .ui-slider-handle {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  transform: translateY(-50%);
  background: #fff;
  border: 2px solid var(--civi-color-accent, #f7941e);
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  touch-action: none;
}