/*
Theme Name: Dixionline Theme
Theme URI: https://dixionline.com
Author: Dixionline
Theme URI: https://dixionline.com
Template: hello-elementor
Version: 1.0
*/

/*
    Add your custom styles here
*/
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after{
  width: 0 !important;
}

ul.job_listings li.job_listing a .meta .job-type{
  position: initial;
  display: inline-block;
  padding: 2px 10px;
  border-radius: 6px;
}

.job-manager .job-type, .job_listing .job-type, .job-types .job-type{
  color: #ffffff;
  background: #309dd8;
}

ul.job_listings li.job_listing{
  margin: 30px 0;
}

.job_listing {
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 2%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
    border-bottom: none;
    border-radius: 6px;
}

.job_filters .showing_jobs{
  width: 65%;
  margin: auto;
  color: white;
  background: #252b36;
  border-top: 0;
}

.job_listing h3{
  font-family: "Montserrat", Sans-serif;
  font-weight: 900;
  font-size: 20px !important;
}

.job_filters .search_jobs{
  width: 65%;
  margin: auto;
}

.job_filters{
  background: var( --e-global-color-text );
  padding: 1em;
  margin: -10px;
}

.job_filters .job_types{
  background: #ffffff;
  padding: 0.5em;
  border: 1px solid #e5e5e5;
  margin: auto;
  width: 65%
}

.job_filters .job_types li{
  border: 2px solid #309dd8;
  border-radius: 0.5em;
  margin: 0.25em;
  color: white;
}

.job_filters .job_types li:last-child{
  border-right: 2px solid #309dd8;
}

.job_filters .job_types li label{
  color: white;
}

.job_filters .job_types{
  border : 0;
  border-top : 0;
  background : transparent;
}

.rp4wp-related-job_listing>ul, ul.job_listings{
  border-top: 0;
  width: 65%;
  margin: auto;
}

div.job_listings ul.job_listings{
  margin: auto;
}

.uacf7-step p > .wpcf7-submit{
  position: absolute;
  right: 0;
  margin-top: 3em;
}

@media screen and (max-width: 1150px) {
  .job_filters .search_jobs, .job_filters .job_types, .rp4wp-related-job_listing>ul, ul.job_listings{
    width: 80%;
  }


}


@media screen and (max-width: 950px) {
  .job_filters .search_jobs, .job_filters .job_types, .rp4wp-related-job_listing>ul, ul.job_listings{
    width: 100%;
  }


}

/* CSS page poste */
.job_listing.type-job_listing{
  max-width: 100% !important;
}

.job_listing.type-job_listing header{
  background: #252b36;
}

.job_listing.type-job_listing header h1{
  margin: auto;
  width: 1140px;
  font-size: 48px;
  color: white;
  padding: 3rem 0 0 0;
}

.single_job_listing .meta .job-type{
  background-color: #309dd8;
}

.single_job_listing .meta li{
  padding: 1em;
}

.single_job_listing .meta li{
  color: #309dd8
}

.single_job_listing .meta{
  background: #252b36;
  padding: 2rem calc((100% - 1140px)/2) 0 calc((100% - 1140px)/2);
}

.single_job_listing .application .application_details p, .job-manager-application-wrapper .application .application_details p{
  color: white;
}

.site-main.job_listing{
  box-shadow: none !important;
}

.single_job_listing .meta{
  margin: 0;
}

.single_job_listing .company{
  max-width: 1140px;
  margin: 0 auto;
}

.single_job_listing .job_description{
  max-width: 1140px;
  margin: 1em auto;
}

.single_job_listing .application .application_button{
  padding: 1em 4em;
  font-size: 1em;
  border-radius: 0;
  margin: 0;
}

.job-listing-meta.meta .job-type{
  margin: 0 0 0 -1rem !important;
}

.single_job_listing .application{
  padding: 0;
  margin: 0 -1rem;
  overflow: hidden;
  float: right;
  display: flex;
  flex-direction: column;
  width: 50%;
}

@media screen and (max-width: 1140px) {
  .single_job_listing .job_description{
    max-width: 890px;
  }

  .single_job_listing .company{
    max-width: 890px;
  }

  .single_job_listing .meta{
    padding: 1rem calc((100% - 890px)/2) 0 calc((100% - 890px)/2);
  }

  .job_listing.type-job_listing header h1{
    width: 890px;
    padding: 1rem 0 0 0;
  }
}

@media screen and (max-width: 890px) {

  .single_job_listing .job_description{
    max-width: 90%;
  }

  .single_job_listing .application{
    width: 30%;
  }

  .single_job_listing .company{
    max-width: 100%;
  }

  .single_job_listing .meta{
    padding: 1rem;
  }

  .job_listing.type-job_listing header h1{
    width: 80%;
    padding: 1rem 0 0 0;
    font-size: 28px;
  }
}

@media screen and (max-width: 850px) {

  li.job-type{
    font-size: .75em !important;
    line-height: 1.5 !important;
  }
}

@media screen and (max-width: 768px) {
  .single_job_listing .application{
    margin: 1em 0;
    width: 100%;
  }
}

@media screen and (max-width: 412px){
  .job_filters .search_jobs input, .job_filters .search_jobs select{
    font-size: 12px !important;
  }

  ul.job_listings li.job_listing a .meta .job-type{
    padding: 2px 5px;
  }

  li.job-type{
    font-size: .75em !important;
    line-height: 1.5 !important;
  }
}


.low-caps{
  margin-top: 2em;
  font-size: 10px
}

.current-step-title{
  display: none;
}

.uacf7-multistep-form-wraper h3{
  color: #309dd8;
  font-weight: 600;
  font-size: 22px;
}

.uacf7_repeater_remove, .uacf7_repeater_add{
 padding: 6px 10px 6px 10px !important;
 font-size: 12px !important; 
}

.uacf7_repeater_sub_field p{
  height: 20px;
}

.uacf7_repeater_remove{
  margin-top: 3px;
}

.steps-row a{
  pointer-events: none;
}

.uacf7-prev, .uacf7-next{
  box-shadow: none !important;
}

.steps-step a{
  border: 0;
}

.tribe-events-calendar-list__event-title.tribe-common-h6.tribe-common-h4--min-medium{
  pointer-events: none;
}

.tribe-events .tribe-events-calendar-latest-past__event-row--featured .tribe-events-calendar-latest-past__event-date-tag-datetime:after,
.tribe-events-calendar-latest-past__event-featured-image-wrapper{
  display: none !important;
}