/*** Font Declarations ***/

@font-face{font-family:'CallingCode';src:url(https://www.groupninemedia.com/fonts/CallingCode/calling_code_reg.woff2) format("woff2"),url(https://www.groupninemedia.com/fonts/CallingCode/calling_code_reg.woff) format("woff")}
@font-face{font-family:'CallingCode';src:url(https://www.groupninemedia.com/fonts/CallingCode/calling_code_bold.woff2) format("woff2"),url(https://www.groupninemedia.com/fonts/CallingCode/calling_code_bold.woff) format("woff");font-weight:700}
@font-face{font-family:'CallingCode';src:url(https://www.groupninemedia.com/fonts/CallingCode/calling_code_italic.woff2) format("woff2"),url(https://www.groupninemedia.com/fonts/CallingCode/calling_code_italic.woff) format("woff");font-style:italic}
@font-face{font-family:'CallingCode';src:url(https://www.groupninemedia.com/fonts/CallingCode/calling_code_bold_italic.woff2) format("woff2"),url(https://www.groupninemedia.com/fonts/CallingCode/calling_code_bold_italic.woff) format("woff");font-weight:700;font-style:italic}
@font-face{font-family:'Circular';src:url(https://www.groupninemedia.com/fonts/Circular/Circular-BoldItalic.woff2) format("woff2"),url(https://www.groupninemedia.com/fonts/Circular/Circular-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}
@font-face{font-family:'Circular Book';src:url(https://www.groupninemedia.com/fonts/Circular/Circular-Book.woff2) format("woff2"),url(https://www.groupninemedia.com/fonts/Circular/Circular-Book.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'Circular';src:url(https://www.groupninemedia.com/fonts/Circular/Circular-Black.woff2) format("woff2"),url(https://www.groupninemedia.com/fonts/Circular/Circular-Black.woff) format("woff");font-weight:900;font-style:normal}
@font-face{font-family:'Circular Book';src:url(https://www.groupninemedia.com/fonts/Circular/Circular-BookItalic.woff2) format("woff2"),url(https://www.groupninemedia.com/fonts/Circular/Circular-BookItalic.woff) format("woff");font-weight:400;font-style:italic}
@font-face{font-family:'Circular';src:url(https://www.groupninemedia.com/fonts/Circular/Circular-Medium.woff2) format("woff2"),url(https://www.groupninemedia.com/fonts/Circular/Circular-Medium.woff) format("woff");font-weight:500;font-style:normal}
@font-face{font-family:'Circular';src:url(https://www.groupninemedia.com/fonts/Circular/Circular-MediumItalic.woff2) format("woff2"),url(https://www.groupninemedia.com/fonts/Circular/Circular-MediumItalic.woff) format("woff");font-weight:500;font-style:italic}
@font-face{font-family:'Circular';src:url(https://www.groupninemedia.com/fonts/Circular/Circular-Bold.woff2) format("woff2"),url(https://www.groupninemedia.com/fonts/Circular/Circular-Bold.woff) format("woff");font-weight:700;font-style:normal}
@font-face{font-family:'Circular';src:url(https://www.groupninemedia.com/fonts/Circular/Circular-BlackItalic.woff2) format("woff2"),url(https://www.groupninemedia.com/fonts/Circular/Circular-BlackItalic.woff) format("woff");font-weight:900;font-style:italic}


/*** Resets & Defaults ***/

html, body {
    margin: 0;
    color: #000;
    background-color: #fff;
    font-family: 'Circular', sans-serif;
}


#wrapper {
    background-color: #fff;
}

#departments-select,
#offices-select,
#logo,
#board_title,
#footer {
    display: none;
}

#main {
    padding: 0;
}

#app_body {
    padding-left: 0 !important;
}

a {
    color: #000;
}

a:hover {
    color: #00A5F5;
}


/*** All Listings ***/

h2 {
    text-transform: uppercase;
    color: #C8C8C8;
    font: 15px/19px 'CallingCode';
}

.opening a {
    font: bold 16px/20px 'Circular';
    text-transform: lowercase;
    border-bottom: 1px dotted #000;
}

.location {
    color: #000;
    font: 10px/13px 'CallingCode';
    text-transform: uppercase;
}


/*** Single Listing ***/

#header {
    position: relative;
    max-width: 250px;
    padding-right: 0;
    padding-bottom: 58px;
    margin-bottom: 20px;
}

h1 {
    font: 500 24px/30px 'Circular';
}

.company-name {
    display: inline;
    font: 10px/13px 'CallingCode';
    text-transform: uppercase;
}

#header > .location {
    display: inline;
}

#header > .location:before {
    content: "\2014";
}

.button {
    color: #fff;
    background: #00A5F5;
    font: 20px/24px 'CallingCode' !important;
    padding: 8px 36px 7px;
    border-radius: 0;
    text-transform: uppercase;
    text-shadow: none !important;
}

.button:hover {
    color: #fff;
    background: #00A5F5;
}

#apply_button {
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    right: auto;
}

/* "View all jobs" link */
#header > a[data-mapped="true"] {
    display: none;
}

#content {
    font: 14px/22px 'Circular';
}

#application {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
}

.attach-or-paste .link-container a {
    font-family: 'Circular', sans-serif !important;
    border: none !important;
    color: white !important;
    background: #00A5F5;
}

.addthis_toolbox {
    margin-bottom: 0 !important;
}


/*** Desktop ***/
@media (min-width: 450px) {

    #header {
        padding-bottom: 0;
        padding-right: 230px;
        max-width: 100%;
    }

    #apply_button {
        left: auto;
        bottom: auto;
        top: 0;
        right: 0;
    }

    #application {
        background-color: transparent;
        padding-left: 30px;
        padding-right: 30px;
    }

}