/*body,
.ashby-job-posting-brief,
.ashby-job-posting-left-pane,[tabindex="0"], .ashby-job-posting-right-pane,.ashby-application-form-container, .ashby-application-form-autofill-pane {
    background-color: transparent !important;
}

:root {
    --borderRadiusControl: 0px;
    --widthMaxJobBoard: 100%;
    --borderRadiusContainer: 0px;
    --borderRadiusButton: 100rem;
    --colorAppBackground: transparent;
}

footer {
    display: none !important;
}

.ashby-job-board-heading,
.ashby-department-heading {
 
    display: none !important;
}


.ashby-job-posting-brief-title, .ashby-job-posting-heading, .ashby-application-form-success-container h2, [class^="_errorsContainer"] h2 {
    font-size: 1.625rem !important;
    font-family: Affairs, "Times New Roman", sans-serif;
    line-height: 1.125;
    font-weight: 400;
    color: #18181a;
    letter-spacing: -.02em;
}

.ashby-job-posting-brief-details,
.ashby-job-board-filters-label, .ashby-application-form-question-title, .ashby-job-posting-left-pane h2, .ashby-job-posting-right-pane-overview-tab, .ashby-job-posting-right-pane-application-tab {

    font-size: .75rem !important;
    font-family: "Geist Mono", sans-serif;
    line-height: 1;
    color: #16231B;
    font-weight: 400;
    letter-spacing: .02em;
    text-transform: uppercase;

}

.ashby-job-board-filter , [tabindex="0"] p, .ashby-job-posting-left-pane p, [class^="_errorsContainer"] p{
    font-size: 1rem !important;
    font-family: "Geist Mono", sans-serif;
    line-height: 1.25;
    color: rgba(24, 24, 26, 0.7);
    font-weight: 400;
    letter-spacing: .02em;

}

.ashby-job-posting-brief{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    border-bottom: 1px solid rgba(22, 35, 27, 0.16) !important;
    box-shadow: none !important;
}  

input{
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
    padding-left: 0px !important;
}


.ashby-job-posting-brief-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    justify-content: space-between;
  }
  
  .ashby-job-posting-brief-title::after {
    content: ""; 
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'><path d='M5 12h14'/><path d='M13 5l7 7-7 7'/></svg>") no-repeat center;
  background-size: contain;
    display: inline-block;
    margin-left: auto;
    transition: transform 0.3s ease;
  }


  .ashby-job-posting-brief-title::before {
    content: "→"; 
    display: none;
  }
  
  .ashby-job-posting-brief:hover h3{
    color: #207dff;
  }

  .ashby-job-posting-brief h3{
    transition: color 0.3s ease;
  }

  .ashby-application-form-field-entry button, .ashby-application-form-autofill-input-base-layer button, .ashby-job-board-back-to-all-jobs-button, .ashby-job-posting-left-pane, .ashby-job-posting-right-pane nav, [tabindex="0"], .ashby-application-form-container, .ashby-application-form-success-container{
    box-shadow: none !important;
  }

  [class^="_content"]{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .ashby-application-form-success-container {
    background-color: #207DFF !important;
  }

  .ashby-application-form-success-container p, [class^="_errorsContainer"] p{
    color:  #f7f7f7 !important;
  }

  .ashby-application-form-success-container h2, [class^="_errorsContainer"] h2{
    color: #f7f7f7 !important;
  }

  @media screen and (max-width: 730px) {
    .ashby-job-posting-right-pane nav{
        background-color: transparent !important;
    }
    .ashby-job-posting-brief{
        padding-left: 0px !important;
        padding-right: 0px !important;
      }

      [tabindex="0"], .ashby-application-form-container, .ashby-job-posting-left-pane{
        padding-left: 0px !important;
        padding-right: 0px !important;
      }

      div:has(.ashby-job-posting-heading){
        margin-left: 0px !important;
      }

      .ashby-job-posting-brief{
        padding-top: .5rem !important;
        padding-bottom: 1rem !important;
      }

      .ashby-job-posting-brief h3{
        font-size: 1.25rem !important;
        line-height: 1;

      }
  }*/




  /* ==========================================================================
   Ashby Job Board Custom Styles - Optimized
   ========================================================================== */

/* CSS Variables
   ========================================================================== */
:root {

    --borderRadiusControl: 0px;
    --widthMaxJobBoard: 100%;
    --borderRadiusContainer: 0px;
    --borderRadiusButton: 100rem;
    --colorAppBackground: transparent;
    
    /* Custom variables for consistency */
    --color-primary: #207dff;
    --color-text-dark: #18181a;
    --color-text-medium: #16231b;
    --color-text-light: rgba(24, 24, 26, 0.7);
    --color-border: rgba(22, 35, 27, 0.16);
    --color-success-bg: #207dff;
    --color-success-text: #f7f7f7;
    
    --font-serif: Affairs, "Times New Roman", sans-serif;
    --font-mono: "Geist Mono", sans-serif;
    
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
  }
  
  /* Base Resets & Backgrounds
     ========================================================================== */
  body,
  .ashby-job-posting-brief,
  .ashby-job-posting-left-pane,
  .ashby-job-posting-right-pane,
  .ashby-application-form-container,
  .ashby-application-form-autofill-pane,
  [tabindex="0"] {
    background-color: transparent !important;
  }
  
  /* Hide Elements
     ========================================================================== */
  footer,
  .ashby-job-board-heading,
  .ashby-department-heading {
    display: none !important;
  }
  
  /* Typography - Headings
     ========================================================================== */
  .ashby-job-posting-brief-title,
  .ashby-job-posting-heading,
  .ashby-application-form-success-container h2,
  [class^="_errorsContainer"] h2 {
    font-family: var(--font-serif);
    font-size: 1.625rem !important;
    font-weight: 400;
    line-height: 1.125;
    letter-spacing: -0.02em;
    color: var(--color-text-dark);
  }
  
  /* Typography - Labels & Small Text
     ========================================================================== */
  .ashby-job-posting-brief-details,
  .ashby-job-board-filters-label,
  .ashby-application-form-question-title,
  .ashby-job-posting-left-pane h2,
  .ashby-job-posting-right-pane-overview-tab,
  .ashby-job-posting-right-pane-application-tab {
    font-family: var(--font-mono);
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--color-text-medium);
  }
  
  /* Typography - Body Text
     ========================================================================== */
  .ashby-job-board-filter,
  .ashby-job-posting-left-pane p,
  [tabindex="0"] p,
  [class^="_errorsContainer"] p {
    font-family: var(--font-mono);
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.25;
    letter-spacing: 0.02em;
    color: var(--color-text-light);
  }
  
  /* Job Posting Brief Card
     ========================================================================== */
  .ashby-job-posting-brief {
    border-bottom: 1px solid var(--color-border) !important;
    box-shadow: none !important;
  }
  
  .ashby-job-posting-brief h3,  .ashby-job-posting-brief h3:after{
    transition: all 0.3s ease;
  }
  
  .ashby-job-posting-brief:hover h3 {
    color: var(--color-primary);
  }

  .ashby-job-posting-brief:hover h3:after {
    transform: translateX(5px);
  }

  div:has(.ashby-job-posting-heading){
    margin-left: 1rem !important;
  }
  
  /* Job Posting Brief Title with Arrow
     ========================================================================== */
  .ashby-job-posting-brief-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
  }
  
  .ashby-job-posting-brief-title::after {
    content: "";
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 5l7 7-7 7'/%3E%3C/svg%3E") no-repeat center / contain;
    transition: transform 0.3s ease;
  }
  
  .ashby-job-posting-brief-title::before {
    content: "→";
    display: none;
  }
  
  /* Form Inputs
     ========================================================================== */
  input {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    padding-left: 0 !important;
  }
  
  /* Remove Box Shadows
     ========================================================================== */
  .ashby-application-form-field-entry button,
  .ashby-application-form-autofill-input-base-layer button,
  .ashby-job-board-back-to-all-jobs-button,
  .ashby-job-posting-left-pane,
  .ashby-job-posting-right-pane nav,
  .ashby-application-form-container,
  .ashby-application-form-success-container,
  [tabindex="0"] {
    box-shadow: none !important;
  }
  
  /* Content Padding Reset
     ========================================================================== */
  [class^="_content"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Success & Error States
     ========================================================================== */
  .ashby-application-form-success-container {
    background-color: var(--color-success-bg) !important;
  }
  
  .ashby-application-form-success-container h2,
  .ashby-application-form-success-container p,
  [class^="_errorsContainer"] h2,
  [class^="_errorsContainer"] p {
    color: var(--color-success-text) !important;
  }
  
  /* Mobile Responsive Styles
     ========================================================================== */
  @media screen and (max-width: 730px) {
    .ashby-job-posting-right-pane nav {
      background-color: transparent !important;
    }
    
    .ashby-job-posting-brief,
    .ashby-job-posting-left-pane,
    .ashby-application-form-container,
    [tabindex="0"] {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    
    div:has(.ashby-job-posting-heading) {
      margin-left: 0 !important;
    }
    
    .ashby-job-posting-brief {
      padding-top: var(--spacing-xs) !important;
      padding-bottom: var(--spacing-sm) !important;
    }
    
    .ashby-job-posting-brief h3 {
      font-size: 1.25rem !important;
      line-height: 1;
    }

    .ashby-job-board-back-to-all-jobs-button{
        padding-left: 0px !important;
    }
  }