/*
Theme Name: Hello Child
Theme URI: https://example.com/
Description: Child theme for Hello Elementor
Author: Your Name
Author URI: https://example.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-child
*/


/* Add your custom styles below */

body {
    background-color: #ffffff;
}

/**
* Job Grid Page
*/
.job_listing_grid { display:flex; column-gap: 36px;row-gap: 28px; flex-wrap: wrap; }
.job_listing_grid .job_item { 
    border-radius: 10px;
    border-left: 3px solid #D4C5AA;
    background: #FFF;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
    padding:24px 32px 25px 32px;
    flex: 0 0 calc(50% - 18px);
}
.job_listing_grid .job_item h3 { 
        color: #08293F;
        font-family: "Karla", Sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-top:  0px;  
        margin-bottom: 11px;
 }

 .job_listing_grid .job_item .job_type {
    color: #B8965A;
    text-align: center;
    font-family: "Karla", Sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 11px;
    background: rgba(184, 150, 90, 0.10);
    padding: 5px 13px;
    margin-bottom: 11px;
    display: inline-block
 }
.job_listing_grid .job_item p {
    color: #485E5E;
    font-family: "Karla", Sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 125% */
}
.job_listing_grid .job_item .apply_link {
    color: #046380;
    font-family: "Karla", Sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    align-items: center;
    column-gap: 2px;
    display:flex;
}

/**
*Job form box
*/
.job_form_box {
    border-radius: 8px;
    border: 1px solid #D4C5AA;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    max-width: 840px;
}
.form_row.two_column { display:flex; flex-wrap: wrap; column-gap: 20px;}
.form_row.two_column .col {  flex: 0 0 calc(50% - 10px); }
.form_row.no_p_mb p,
.form_row.two_column .col p { margin-bottom:0px; }
.field_name_label  {
    color: #B8965A;
    font-family: "Karla", Sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    border-bottom:1px solid #D4C5AA;
    padding-bottom:3px;
}
.form_row label {
    color: #08293F;
    font-family: "Karla", Sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom:5px;
}
.form_row span.notes {
    color: #485E5E;
    font-family: "Karla", Sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form_row .wpcf7-textarea,
.form_row  .wpcf7-email,
.form_row  .wpcf7-number,
.form_row  .wpcf7-select,
.form_row  .wpcf7-text,
.form_row  .wpcf7-date {
    border-radius: 4px;
    border: 1.5px solid #D4C5AA;
    background: #F5F0E8;
    height: 44px;
    padding: 9.5px 10px;
    margin-bottom:16px;
    color: #08293F;
    font-family: "Karla", Sans-serif;
    font-size: 16px;
    outline: 0;
}

.form_row  .wpcf7-text:focus { border-color: #D4C5AA; }

.form_row  select.wpcf7-select {
  appearance: none;
  -webkit-appearance: none; /* Safari */
  -moz-appearance: none;    /* Firefox */
  background-image:url('/wp-content/uploads/2026/04/fluent_ios-arrow-24-regular-1.svg');
  background-repeat: no-repeat;
  background-position:98% 10px;
}
.form_row .wpcf7-textarea { height:100px; }

.form_row  select.wpcf7-select::-ms-expand {
  display: none;
}
.form_row  .wpcf7-form-control-wrap .wpcf7-list-item input[type="radio"],
.form_row  .wpcf7-form-control-wrap .wpcf7-list-item input[type="checkbox"] { 
    border-radius: 3px;
     appearance: none;
    -webkit-appearance: none;
    border: 1.5px solid #D4C5AA;
    background-color: #F5F0E8;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
}
.form_row  .wpcf7-form-control-wrap .wpcf7-list-item input[type="radio"] { border-radius: 25px;}
.form_row  .wpcf7-form-control-wrap .wpcf7-list-item  input[type="radio"]:checked,
.form_row  .wpcf7-form-control-wrap .wpcf7-list-item  input[type="checkbox"]:checked {

   appearance: inherit;
  -webkit-appearance: inherit;
   background-color: #103B58F7;
}
.form_row  .wpcf7-form-control-wrap .wpcf7-list-item.first { margin-left:0px !important; }
.form_row  .wpcf7-form-control-wrap .wpcf7-list-item  label { display:flex; align-items: center; column-gap: 3px;}

.form_row .d_flex { 
    display:flex; 
    align-items: start; 
    column-gap: 6px;
}
.form_row.d_flex_ac p{
    display:flex; 
    align-items: center; 
    column-gap: 6px;
}

.form_row.mb_11 { margin-bottom:11px; }

.form_row .upload_file_area {
    border-radius: 4px;
    border: 2px dashed #D4C5AA;
    background: #F5F0E8;
    padding: 18px 20px 14px;
    text-align: center;
    position:relative;
    margin-bottom:16px;
}
.form_row .upload_file_area label { margin-bottom:0px; }
.form_row .upload_file_area p { margin-bottom:0px; }
.form_row .upload_file_area  .wpcf7-form-control-wrap {     width: 100%;
    display: block;}
.form_row .upload_file_area  .wpcf7-file { 
    width: 100%;
    height: 80px;
    position: absolute;
    z-index: 3;
    border: 0px solid red;
    visibility: visible; 
    left: 0;
    opacity: 0;
 }

 .wpcf7-form .wpcf7-submit {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-family: "Karla", Sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 4px;
    background-color: #378CB0;
    width:100%;
    padding: 17px 30px;
    border:1px solid  #378CB0;
 }
  .wpcf7-form .wpcf7-submit:focus,
  .wpcf7-form .wpcf7-submit:visited,
  .wpcf7-form .wpcf7-submit:active,
  .wpcf7-form .wpcf7-submit:hover {
    background-color: #103B58F7;
  }
  .wpcf7-form .wpcf7-not-valid-tip {
    font-size: 12px;
    font-family: "Karla", Sans-serif;
    font-style: italic;
  }

  .submit_wrapper p { margin-bottom:0px; }
  .wpcf7-response-output { margin-top:0px !important; margin-bottom:30px !important; font-family: "Karla", Sans-serif; }
  
  /**
   * CSS Mobile Responsive
   */
 
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 768px) {
    
    .job_listing_grid .job_item {
        flex: 0 0 calc(100% - 0px);
    }
    .form_row.d_flex_ac p {
        display: block;
    }
    .form_row.two_column {
        column-gap: 10px;
    }
    
    .form_row.two_column .col {
        flex: 0 0 calc(100% - 0px);
    }
    
}


@media only screen and (max-width: 668px) {
    
    
    
}