/* Fonts */
@font-face
{
    font-family: 'Chrono';
    src:
        url('//panic.com/fonts/ChronoWeb_EOT/ChronoWebLight.eot?#iefix') format('embedded-opentype'),
        url('//panic.com/fonts/ChronoWeb_WOFF/ChronoWebLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face
{
    font-family: 'Chrono';
    src:
        url('//panic.com/fonts/ChronoWeb_EOT/ChronoWebLightItalic.eot?#iefix') format('embedded-opentype'),
        url('//panic.com/fonts/ChronoWeb_WOFF/ChronoWebLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face
{
    font-family: 'Chrono';
    src:
        url('//panic.com/fonts/ChronoWeb_EOT/ChronoWebRegular.eot?#iefix') format('embedded-opentype'),
        url('//panic.com/fonts/ChronoWeb_WOFF/ChronoWebRegular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face
{
    font-family: 'Chrono';
    src:
        url('//panic.com/fonts/ChronoWeb_EOT/ChronoWebMedium.eot?#iefix') format('embedded-opentype'),
        url('//panic.com/fonts/ChronoWeb_WOFF/ChronoWebMedium.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face
{
    font-family: 'Chrono';
    src:
        url('//panic.com/fonts/ChronoWeb_EOT/ChronoWebMediumItalic.eot?#iefix') format('embedded-opentype'),
        url('//panic.com/fonts/ChronoWeb_WOFF/ChronoWebMediumItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
}
body{
    line-height:1
}
ol,ul{
    list-style:none;
}
blockquote,q{
    quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
*{
    margin:0;
    padding:0;
    outline:1px solid chartreuse;
    outline:0;
    text-decoration:none;
    color:inherit;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
html{
    font-size:10px;
}
.content{
    margin:0 auto
}

footer .content p
{
    text-align: center;
}
@media (min-width: 85.4rem){
    .content{
        width:85rem;
    }
}
@media (max-width: 85.4rem){
    .content{
        width:64rem;
    }
}
@media (max-width: 65rem){
    .content{
        width:100%;
        padding:0 1rem;
    }
}
section{
    margin:3.6rem auto;
}

a{
    text-decoration:none;
}

a:hover {
    text-decoration: inherit !important;
}

body{
    font-family:"Chrono",Helvetica,sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#333;
}
body>footer{
    font-size:1.6rem;
}
h1{
    font-size:14rem;
    font-weight:200;
    font-style: italic;
    letter-spacing:-0.1em
}
@media (max-width: 65rem){
    h1{
        font-size:9rem;
    }
}
h2{
    margin-top:2rem;
    margin-bottom:2rem;
    font-size:6rem;
    line-height:1.1em;
    letter-spacing:-0.08em;
    font-weight:200;
    font-style: italic;
}
@media (max-width: 65rem){
    h2{
        font-size:4rem;
    }
}
h3, .resumator-job-title-column {
    font-size:2.6rem;
    font-weight:600;
    font-style: normal;
}
p,li,#resumator-job-application{
    font-size:1.8rem;
    letter-spacing:-0.05rem;
    line-height:160%;
}
p+p,li+p,p+li,li+li{
    margin-top:1em;
}
ul{
    margin:1.0em 0;
    list-style-type:disc;
}
li{
    margin-left:1em;
    line-height:130%;
}
li+li{
    margin-top:0.75em;
}
strong{
    font-weight:600;
    font-style: normal;
}
em{
    font-weight:600;
    font-style: italic;
}
strong em,em strong{
    font-weight:800;
    font-style: italic;
}
body>header{
    background:orange;
}
body>header a{
    color:inherit;
    font-family:inherit;
}
body>footer{
    background:#222;
    font-weight:200;
    font-style: normal;
    text-align:center;
}
body>footer p{
    color:rgba(255,255,255,0.375)
}
.logotype{
    font-weight:200;
    font-style: normal;
    display:block;
    height:4.9rem;
    padding-left:5.9rem;
    background-image:url("//signserver.panic.com/get/svg");
    background-size:4.8rem 4.9rem;
    background-repeat:no-repeat;
    background-position:0% 50%;
    color:rgba(255,255,255,0.6);
    font-size:3.0rem;
    line-height:4.9rem;
    letter-spacing:-0.2rem;
}
 body>footer{
     background:#222;
     padding:2.4rem;
}
 body>header{
     background:url(//assets.jazz.co/customers/customer_20200924175829_DPNU3VPYLJ5IWYRM/layout/header-background.png),linear-gradient(90deg, #fca15e, #ad51a3);
     background-attachment:fixed;
     padding:2rem;
}
 h1{
     color:rgba(255,255,255,0.9);
}
 .positions dt{
    font-weight:200;
     font-style: normal;
     letter-spacing:-1px;
}
 .positions dd{
    font-weight:200;
     font-style: normal;
 }
 a{
     color:#1a7191;
}
 p a,li a{
     text-decoration:underline;
}
 p,li{
     color:rgba(51,51,51,0.7);
}
 .about h2{
     color:#47ba9c;
}
 .about strong{
     color:rgba(51,51,51,0.8);
     white-space:nowrap;
}
 .about:after{
     content:"";
     display:block;
     margin:6.4rem auto;
     background-image:url(//assets.jazz.co/customers/customer_20200924175829_DPNU3VPYLJ5IWYRM/layout/office.jpg);
     background-repeat:no-repeat;
     background-position:50% 60%;
     background-size:1024px;
     height:32rem;
}
 @media (max-width: 65rem){
     .about:after{
         margin:3.6rem auto;
    }
}
 .benefits h2{
     color:#f07e2b;
}
 .benefits:after{
     content:"";
     display:block;
     margin:6.4rem 0;
     background-image:url(//assets.jazz.co/customers/customer_20200924175829_DPNU3VPYLJ5IWYRM/layout/office-roof.jpg);
     background-repeat:no-repeat;
     background-position:50% 65%;
     background-size:1024px;
     height:32rem;
}
 @media (max-width: 65rem){
     .benefits:after{
         margin:3.6rem auto;
    }
}
 .inclusion h2{
     color:#32bf2f;
}
.encouragement h2{
    color:#41bb9c;
}

 .job-apply{
     background-color:#e9f9f9;
     padding:2.4rem 0 4.8rem;
     margin-bottom:0;
     text-align:center;
}
 .job-apply ul,.job-apply li,.job-apply p,.job-apply h2,.job-apply h3{
     text-align:left;
}
 .job-apply h2{
     color:#48b9cf;
}
 .job-apply .content{
     position:relative;
     text-align:left;
}
 .job-apply .apply{
    font-weight:200;
     font-style: normal;
     display:inline-block;
     margin:2.4rem 0;
     font-size:3.5rem;
     background:#48b9cf;
     border-radius:1rem;
     padding:1.4rem 3rem;
     color:white;
     letter-spacing:-1px;
}
 .job-description h3{
    font-weight:600;
     font-style: normal;
     color:#f07e2b;
     margin-top:2rem;
     margin-bottom:1rem;
     letter-spacing:-0.025em;
}
.job-description h2
{
    color: #32bf2f;
}
 .job-description p,.job-description ul{
     margin:1rem 0 3rem 0;
}
 .job-title h2, #resumator-job-title{
     color:#47ba9c;
}
 .job-title p{
     margin:0 auto;
}
 .openings{
     background-color:#f9f9f9;
     padding:7.2rem 0;
     margin-bottom:0;
}
 @media (max-width: 65rem){
     .openings{
         padding:1.8rem auto;
    }
}

#resumator-job-listings table,
#resumator-job-listings td
{
    display: block;
}

.resumator-job-heading,
.resumator-job-location-column,
.resumator-department-column
{
    display: none !important;
}

 .openings h2{
     color:#48b9cf;
     margin-bottom:3rem;
     margin-top:0;
}
 .openings ul,.openings li{
     list-style:none;
     margin-left:0;
}
 .openings li, div.resumator-job-listings {
     background:#ebebeb;
     padding:3.6rem 3.6rem 1.8rem 3.6rem;
     border-radius:1rem;
     margin-bottom:2.4rem;
     position:relative;
}
 @media (max-width: 48rem){
     .openings li, div.resumator-job-listings {
         padding:2.4rem;
         padding-bottom:8.6rem;
    }
}
 .openings h3, td.resumator-job-title-column{
     margin-bottom:1.2rem;
}
 .openings h3 a, td.resumator-job-title-column a{
     color:inherit;
     text-decoration:none;
}
 .openings h3 a:after, td.resumator-job-title-column a:after{
    font-weight:200;
     font-style: normal;
     content:"Apply Now";
     float:right;
     margin-left:2rem;
     margin-top: 1rem;
     margin-bottom:1rem;
     border-radius:1rem;
     padding:1.4rem 3rem;
     background:#48b9cf;
     color:white;
     letter-spacing:-0.1rem;
     font-size:2.4rem;
     text-align:center;
     display: inline-block;
}
td.resumator-job-title-column a:after
{
    float: none;
}
 @media (max-width: 48rem){
     .openings h3 a:after, td.resumator-job-title-column a:after{
         position:absolute;
         bottom:1.4rem;
         left:1.6rem;
         float:none;
    }
}
 .openings .emb-dev h3{
     color:#836ac6;
}
 .openings .controller h3{
     color:#47ba9c;
}
 .openings .mac-dev h3,
 .openings .playdate-dev h3{
     color:#c66ebe;
}
 .openings .web-dev h3{
     color:#f07e2b;
}

#resumator-message-required
{
    font-weight: 200;
    color: #999;

}
div.resumator-field-wrapper {
    margin: 2% 0;
}

#resumator-address-value {
    margin-bottom: 1%;
}

.resumator-input
{
}
.resumator-field {
    width: 100%;
    font-size: 1em;
    padding: 5px;
    margin: 0px;
    border-radius: 0.8rem;
    border: 0;
    padding: 0.5em 1em;
}

.resumator-field ::-webkit-placeholder
{
    font-weight: 200;
}

.resumator-label {
    margin: 8px 0 2px 0;
    padding: 0;
    font-weight: 400;
    color: #999;
    font-size: 1em;
    text-transform: uppercase;
    font-style: italic;
    white-space: nowrap;
}

#resumator-city-value,
#resumator-phone-value {
    width: 49%;
    margin-right: 1%;
}

#resumator-state-value {
    width: 24%;
    margin-right: 1%;
}

#resumator-postal-value {
    width: 25%;
    margin-right: 0%;
}

#resumator-resume-options
{
    padding: 0.5em 0;
}

#resumator-submit-resume {
    -webkit-appearance: none;
    background: #c167ba;
    color: white;
    font-weight: 200;
    font-size: 2.4rem;
    font-family: inherit;
    border: 0;
    border-radius: 0.8rem;
    letter-spacing: -0.05em;
    display: inline-block;
    padding: 0.5em 1em;
    cursor: pointer;
}
#resumator-messages
{
    font-size: 2.4rem;
    color: #fc4349;
    font-weight: 400;
    font-style: italic;
}

#resumator-apply-with-indeed-wrapper,
#resumator-apply-with-linkedin-wrapper,
#resumator-apply-with-linkedin2-wrapper,
#resumator-logo
{
    display: none;
}