@font-face {
    font-family: "AvenirBold";
    src: url("/static/fonts/AvenirNextLTPro-Bold.otf") format('opentype');
}

@font-face {
    font-family: "AvenirMedium";
    src: url("/static/fonts/AvenirNextLTPro-Medium.otf") format('opentype');
}

@font-face {
    font-family: "AvenirRegular";
    src: url("/static/fonts/AvenirNextLTPro-Regular.otf") format('opentype');
}

@font-face {
    font-family: "MonostenA";
    src: url("/static/fonts/Monosten-A.otf") format('opentype');
}

@font-face {
    font-family: "NeoSansStd";
    src: url("/static/fonts/NeoSansStd-Light.otf") format('opentype');
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url("../media/ubaae5in/glyphicons-halflings-regular.ttf") format('truetype');
}

body {
}
span {
}
.homePageContainer {
    background-size: auto;
    /*background-image: url(../media/ljqfkxtn/bg-variant.jpg);*/
}
h1 {
    font-family: AvenirRegular,Century Gothic,sans-serif;
    font-size: 3rem;
    color: #7347ff;
}

ul > a > li {
    font-family: MonostenA,Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-size: 12.5px;
    color: #1d1d1b;
    cursor: pointer;
}

nav li.active::before {
    min-height: 10px;
    min-width: 20px;
    content: "";
    background-image: url(../media/c3ilnlm2/arrow-black.svg);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.landingBlurb > p > span {
    font-family: AvenirMedium;
}

.subheaderContainer > p {
    font-family: AvenirMedium;
}

.subheader > h3 {
    width: 199px;
}
        

#bg1 {
    background-image: url(../media/ljqfkxtn/bg-variant.jpg);
    height: inherit;
    width: inherit;
    position: inherit;
}

#bg2 {
    background-image: url(../media/a3tbvqla/bg.jpg);
    opacity: 0;
    height: inherit;
    width: inherit;
    position: inherit;
}

#bgholder {
    position: absolute;
    height: 100%;
    width: 100%;
    min-height: 660px;
    z-index: -1;
}

.showcasePageContainer ul li a {
    font-size: 1.118rem;
    font-family: MonostenA, Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}


/*careers*/
.pageContainer {
    min-height: 40vmin;
    padding: 25px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.headers {
    grid-column: 2;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    font-weight: bolder;
    margin: 2rem 0 0;
}

.jobList_body {
    display: grid;
    /*grid-template-columns: 1fr 10fr 1fr;*/
}

.pageTitle {
    text-align: center;
    grid-column: 2;
    font-size: 3rem;
    color: #7347ff;
    font-weight: 600;
    font: 1.3rem AvenirBold;
}


.headers {
    grid-column: 2;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    font-weight: bolder;
    margin: 2rem 0 0;
}


@media (min-width: 700px) {
   .jobList_body {
    width: 100%;
    display: block;
    font-size: 1.5rem;
} 

.pageTitle {
    text-align: start;
    grid-column: 1;
    color: #7347ff;
    /*padding: 2rem 4rem; */
    padding-top: 2rem;
    padding-right: 4rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    font-weight: 600;
    font-size: 1.3rem !important;
}

.spPageTitle{
    padding-left: 0rem;
}

.careersData, .headers {
    width: 50vw;
    grid-column: initial;
}
.headers {
    margin: 2rem auto;
    grid-template-columns: 1fr 1fr 1fr;
}

}

th {
    font: 13px AvenirMedium;
    font-weight: bolder !important;
    width: 33.33% !important;
}

tr > td > a {
    font: 13px AvenirMedium !important;
    font-weight: bolder !important;
}

.table-h2 a {
    font: 13px AvenirRegular !important;
}

.table-h2 {
    text-align: center !important;
}

.job_basics--jobItem {
    height: 150px;
    display: grid;
    grid-template-columns: .5fr .5fr 1fr;
}

.jobItem_icons {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    -webkit-align-items: center;
    align-items: center;
    justify-items: center;
}

.jobItem_titles {
    grid-column: 2;
    font-size: 1.2rem;
    font: 13px AvenirRegular !important;
}

.jobItem_titles--text, .jobItem_variables--text {
    height: 20%;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    font-size: 13px;
}

.jobItem_titles--text{
    font: 13px AvenirBold;
}

.jobItem_variables--text{
    font-weight: normal;
}
    

th.th-sm::after {
    color: #7347ff;
}

.job_details {
    text-justify: center;
    margin: 0 0 0 .5rem;
    grid-column: 2;
    margin-left: 53px;
}

.job_details > ol, .job_details > ul{
   list-style: disc !important; 
}
.job_details > ul > li, .job_details > ol > li,
.job_details > ul > li> span, .job_details > ol > li >span{
   font: 12px AvenirRegular !important;
}
.job_details > ul > li> strong, .job_details > ol > li> strong,
.job_details > ul > li> span>strong, .job_details > ol > li> span>strong{
   font: 12px AvenirBold !important;
}
.job_details > p > strong{
   font: 12px AvenirBold !important;
}
.job_details > p > em{
       font-style: italic;
}
.job_details > ul>li> span >em, .job_details > ol>li> span >em{
       font-style: italic;
}
.job_details > p > strong> em, .job_details > p > em>strong{
       font-style: italic;
       font-family: AvenirBold !important;
       font-size: 12px !important;
}

.job_details > ul> li> span> strong> em, .job_details > ol> li> span> strong> em,
.job_details > ul> li> span> em> strong, .job_details > ol> li> span> em> strong{
       font-style: italic;
       font-family: AvenirBold !important;
       font-size: 12px !important;
}


.job_details--title {
    font: 13px AvenirBold;
}

.job_details--text {
    font: 12px AvenirRegular !important;
}
.job_details > p {
    font: 12px AvenirRegular !important;
}
.job_share {
    grid-column: 3;
    margin: 0;
}

.job_share {
    /*grid-column: 2;*/
    /*display: grid;*/
    /*grid-template-columns: .75fr .5fr;*/
    /*grid-template-rows: 3rem 3rem 2rem;*/
    /*font-size: 1.5rem;*/
    /*color: #7347ff;*/
    /*font-weight: lighter;*/
    /*margin: 4rem 6rem 4rem 0;*/
    grid-column: 3;
    display: block; 
    grid-template-columns: .75fr .5fr;
    grid-template-rows: 3rem 3rem 2rem;
    font-size: 1.5rem;
    color: #7347ff;
    font-weight: lighter;
    margin: 4rem 6rem 4rem 0;
    margin-left: 91px;
}

.main {
    /*background: white;*/
    z-index: 1;
}

.footerTopDiv {
    z-index: 0;
}

.mapIframe {
    width: 535px;
    height: 378px;
}

/*.google_maps { */
.mapouter {
    display: -webkit-flex;
    display: flex;

    position:relative;
    text-align:right;
    height:378px;
    width:535px;
}
.gmap_canvas 
{
    overflow:hidden;
    background:none!important;
    height:378px;
    width:535px;
}


/* Careers -> Job Specification page Mobile CSS */
@media only screen and (max-width : 480px){
    .line {
        display: block;
        border: none;
        color: #fff;
        height: 1px;
        background: black; /*gray */
        /*background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff)); */
        /*margin: 3rem 0;*/
        
        /*margin: 5%;*/
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .jobSpec_body {
        /*display: grid;*/
        grid-template-columns: 0.5fr 10fr 0.5fr;
        font-weight: bolder;
        width: 100%;
    }
    
    .pageContainer {
    min-height: 40vmin;
    padding: 25px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    }

    
    a.jobSpec_title {
        grid-column: 2;
        text-align: center;
    }
    .job_basics {
    grid-column: 2;
    padding: 15px;
    /*margin-right: 2.5rem;
    margin-left: 2.5rem; */
    }
    
    .job_basics--jobItem {
        height: 150px;
        display: grid;
        grid-template-columns: .3fr .6fr 1fr;
    }
    
    .jobItem_icons {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    -webkit-align-items: center;
    align-items: center;
    justify-items: center;
    }
    
    .jobItem_icons--icon {
        /*height: 1.5rem;*/
    }    
    
    .jobItem_titles {
    grid-column: 2;
    font-size: 1.2rem;
    }
    
    .jobItem_variables {
        grid-column: 3;
        font-size: 1.2rem;
        font-weight: 200;
    }    
    
    .jobItem_titles--text, .jobItem_variables--text {
        height: 20%;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: flex;
        margin: 0;
    }
    
    .jobItem_titles--text{
        font: 13px AvenirBold;
    }
    
    
    
    .job_basics--map {
    position: relative;
    height: 250px;
    /*margin: 30px auto 0;*/
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 0%;
    margin-right: 0%;
    /*width: 73%;*/
    }
    
    /*.google_maps { */
    .mapouter {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        height: 100%;
    }    
    
    .gmap_canvas {
    overflow: hidden;
    background: none!important;
    /*height: 378px;
    width: 535px;*/
    height: 100%;
    width: 100%;
    }

.mapIframe {
    /*width: 535px;
    height: 378px;
    */
    width: 100%;
    height: 250px;
}
    
    .job_details {
        text-justify: center;
        /*margin: 0 0 0 .5rem;
        margin-left: 2.5rem;
        margin-right: 2.5rem;*/
        grid-column: 2;

        margin-top: 5%;
        margin-left: 0%;
        margin-right: 5%;
        margin-bottom: 5%;
        text-align: -webkit-left;
        /*width: 73%;*/
    }    
    
    .job_details--title {
    font-size: 13px;
    margin-bottom: -0.8rem;
    }
    
    .job_details--bullets, .job_details--text {
    font-weight: 200;
    font-size: 1.2rem;
    }
    
    .job_share {
    /*grid-column: 2;
    display: grid;
    grid-template-columns: .75fr .5fr;
    grid-template-rows: 3rem 3rem 2rem;*/
    font-size: 1.5rem;
    color: #7347ff;
    font-weight: lighter;
    margin: 4rem 6rem 4rem 0;
    }
    
    .button_apply {
    grid-row: 1;
    /*margin: 0 0 0 8rem;*/
    }
    
    a.button_back {
    grid-row: 2;
    margin: 4rem 0 0 8rem;
    }

}

/*changes for Umbraco form Landing pages */
@media only screen and (max-width : 480px){
    .servicePageContainer h1{
        margin-top: 30px !important;
        font-size: 2.5rem;
        line-height: 0.85;
    }
}