/* 
HERO
*/
main[data-barba-namespace='careers'] #careers_p-hero h4 {padding: 0 .25rem;} 
main[data-barba-namespace='careers'] #careers_p-hero p {margin-top: 1.25rem;} 


/* 
TABLE
*/
main[data-barba-namespace='careers'] #careers_p-table {
    margin-top: 4rem;
    border-top: 1px solid rgba(255, 255, 255, .5);
} 

main[data-barba-namespace='careers'] li {
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(255,255,255,.5);
} 
main[data-barba-namespace='careers'] .careers_p-table-entry > * {grid-column: 1/-1;} 
main[data-barba-namespace='careers'] .careers_p-table-entry .--icon {
    min-width: 3.25rem;
    opacity: .5;
}
main[data-barba-namespace='careers'] .careers_p-table-entry .--icon img {
    width: auto;
    height: 2rem;
}

main[data-barba-namespace='careers'] .careers_p-table-entry .--department,
main[data-barba-namespace='careers'] .careers_p-table-entry .--location,
main[data-barba-namespace='careers'] .careers_p-table-entry .--type p {
    margin-left: 3.25rem;
}

main[data-barba-namespace='careers'] .careers_p-table-entry .--apply {margin-top: 1rem;}
main[data-barba-namespace='careers'] .careers_p-table-entry .--apply img {
    height: .5rem;
    width: auto;
    margin-left: .4rem;
    transform: translateY(3px);
    mix-blend-mode: difference;
}

@media only screen and (min-width: 768px) {
    main[data-barba-namespace='careers'] li {padding: 1rem 0;}

    main[data-barba-namespace='careers'] #careers_p-table {border-top: unset;}
    main[data-barba-namespace='careers'] #careers_p-table .--position {grid-column: 1/4; grid-row: 1; margin-left: 0;}
    main[data-barba-namespace='careers'] #careers_p-table .--department {grid-column: 4/5; grid-row: 1; margin-left: 0;}
    main[data-barba-namespace='careers'] #careers_p-table .--location {grid-column: 5/6; grid-row: 1; margin-left: 0;}
    main[data-barba-namespace='careers'] #careers_p-table .--type {grid-column: 6/-1; grid-row: 1; margin-left: 0;}
    main[data-barba-namespace='careers'] #careers_p-table .--apply {grid-column: 6/-1; grid-row: 2; margin-left: 0;}

    main[data-barba-namespace='careers'] .careers_p-table-entry .--type p {margin-left: 0rem;}
}

@media only screen and (min-width: 1096px) {
    main[data-barba-namespace='careers'] #careers_p-table {margin-top: 6rem;}

    main[data-barba-namespace='careers'] #careers_p-table li {padding: 1.25rem 0;}

    main[data-barba-namespace='careers'] .careers_p-table-entry {border-bottom: 0;}
    main[data-barba-namespace='careers'] .careers_p-table-entry > * {align-self: center;}
    main[data-barba-namespace='careers'] #careers_p-table .--apply {margin-top: 0;}
}

@media (hover: hover) {
    main[data-barba-namespace='careers'] #careers_p-table .careers_p-table-entry {transition: opacity 500ms ease-in-out;}
    main[data-barba-namespace='careers'] #careers_p-table:hover .careers_p-table-entry {opacity: .25 !important;}
    main[data-barba-namespace='careers'] #careers_p-table .careers_p-table-entry:hover {opacity: 1 !important;}

    main[data-barba-namespace='careers'] .careers_p-table-entry .--apply {transition: 250ms ease-in-out;}
    main[data-barba-namespace='careers'] .careers_p-table-entry .--apply:hover {
        background: white;
        color: black;
    }
}

/* 
INFO
*/
main[data-barba-namespace='careers'] #careers_p-info {margin-top: 8rem;}
main[data-barba-namespace='careers'] #careers_p-info .--text {margin-top: .5rem;}

main[data-barba-namespace='careers'] #careers_p-info .--email {margin: 2.6666rem auto 0;}

@media only screen and (min-width: 1096px) {
    main[data-barba-namespace='careers'] #careers_p-info {margin-top: 12rem;}
    main[data-barba-namespace='careers'] #careers_p-info .--email {
        margin: auto 0 0 auto;
        transition: 250ms ease-in-out;
    }

    main[data-barba-namespace='careers'] #careers_p-info .--email:hover {
        background: white;
        color: black;
    }
}