/* ==========================================================================
   FONTS
   ========================================================================== */

/* Uncomment if Canela is self-hosted

@font-face {
    font-family: "Canela Light";
    src: url("/fonts/Canela-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
}

*/

/* ==========================================================================
   VARIABLES
   ========================================================================== */

:root {

    /* Colors */

    --colorPrimary900: #000000;
    --colorPrimary600: #000000;

    --colorAppBackground: #ffffff;

    --colorText: #000000;
    --colorMuted: #777777;

    /* Layout */

    --widthMaxJobBoard: 1100px;

    /* Clean, sharp corners */

    --borderRadiusContainer: 0px;
    --borderRadiusControl: 0px;
    --borderRadiusButton: 0px;

    /* Typography */

    --fontFamily: "Canela Light", serif;

}

/* ==========================================================================
   GLOBAL
   ========================================================================== */

body {

    background: #ffffff;
    color: #000000;

    font-family: "Canela Light", serif;

    font-size: 16px;
    line-height: 1.7;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;

}

/* Force Canela everywhere */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
button,
label,
input,
textarea,
select,
a {

    font-family: "Canela Light", serif !important;

    color: #000000;

}

a {

    text-decoration: none;
    transition: opacity .25s ease;

}

a:hover {

    opacity: .6;

}

/* ==========================================================================
   HERO VIDEO
   ========================================================================== */

video,
iframe {

    display: block;

    width: 100%;
    max-width: 1600px;

    margin: 0 auto;

    height: auto;

}

/* ==========================================================================
   OPEN POSITIONS TITLE
   ========================================================================== */

.ashby-job-board-heading {

    font-size: 36px;

    font-weight: 300;

    text-align: center;

    margin: 50px 0;

    letter-spacing: .03em;

}

/* ==========================================================================
   DEPARTMENTS
   ========================================================================== */

.ashby-department-heading {

    text-align: center;

    font-size: 30px;

    font-weight: 300;

    margin: 80px 0 40px;

    letter-spacing: .04em;

    width: 100%;

}

/* ==========================================================================
   JOB LIST
   ========================================================================== */

.ashby-job-posting-brief-list {

    display: flex;

    flex-direction: column;

}

/* ==========================================================================
   JOB CARDS
   ========================================================================== */

.ashby-job-posting-brief {

    padding: 26px 0;

    margin: 0;

    border-bottom: 1px solid #ECECEC;

    transition: all .25s ease;

}

.ashby-job-posting-brief:hover {

    padding-left: 12px;

}

.ashby-job-posting-brief-title {

    font-size: 20px;

    font-weight: 300;

}

.ashby-job-posting-brief-details {

    font-size: 15px;

    color: #777777;

}

/* ==========================================================================
   JOB PAGE
   ========================================================================== */

.ashby-job-posting-heading {

    font-size: 42px;

    font-weight: 300;

    margin-bottom: 30px;

}

.ashby-job-posting-header {

    margin-bottom: 60px;

}

.ashby-job-posting-left-pane {

    padding-right: 70px;

}

/* ==========================================================================
   FILTERS
   ========================================================================== */

.ashby-job-board-filter {

    border-radius: 0;

    border: 1px solid #DDDDDD;

    background: white;

}

/* ==========================================================================
   FORM
   ========================================================================== */

input,
textarea,
select {

    border: 1px solid #DDDDDD;

    border-radius: 0;

    background: white;

    padding: 14px;

    color: black;

}

input:focus,
textarea:focus,
select:focus {

    outline: none;

    border-color: black;

}

/* ==========================================================================
   BUTTONS
   ========================================================================== */

button,
.ashby-application-form-submit-button {

    background: black;

    color: white !important;

    border: none;

    border-radius: 0;

    padding: 15px 30px;

    font-size: 13px;

    letter-spacing: .08em;

    text-transform: uppercase;

    transition: .25s ease;

}

button:hover,
.ashby-application-form-submit-button:hover {

    background: #222222;

}

/* ==========================================================================
   APPLICATION FORM
   ========================================================================== */

.ashby-application-form-container {

    border-top: 1px solid #ECECEC;

    margin-top: 60px;

    padding-top: 50px;

}

.ashby-application-form-question-title {

    font-size: 15px;

    font-weight: 300;

}

.ashby-application-form-question-description {

    color: #777777;

}

/* ==========================================================================
   SPACING
   ========================================================================== */

.ashby-job-posting-right-pane {

    padding-left: 30px;

}

.ashby-job-posting-left-pane {

    padding-right: 70px;

}