/*
 * Frontend Job Posting Plugin Styling
 */

.mrg-0 {
  margin-bottom:0;
}

.mrg-btm {
  margin-bottom:1em;
}

input[type="search"]:focus{
    background:none;
    box-shadow:none;
}

.single-nc_job_postings section[role="document"]{
  padding:0 !important;
}

.not-available {
  padding: 1rem 1.9375rem;
}

.job-title {
  background: #e4e4e4 none repeat scroll 0 0;
  padding: 1rem 1.9375rem;
}

  .job-title h2 {
    color: #393939;
    display: inline-block;
    font-size: 2.1rem;
    line-height: 3rem;
    margin: 0;
    font-weight:500;
    position:relative;
  }

  .job-title h2 .employer{
    font-size: 0.5em;
    font-style: italic;
    display: block;
    line-height: 1em;
    margin-top: 0.12em;
  }

  .job-title h2 .id {
    background-color:#007cb3;
    color:#fff;
    font-size:0.7em;
    padding:3px 5px;
    border-radius:3px;
  }

/* Application Form */
#gform_1 label {
    font-weight: 600;
}
#gform_1 #field_1_13 {
    margin: 0 0 30px 0;
}
#gform_1 #field_1_13 label {
    display: none;
}
#gform_1 #input_1_4 {
    font-size: 1rem;
}
#gform_1 .gform_footer {
    margin-bottom: 35px !important;
}

#single-job-posting{
  margin-bottom:1em;
}

#single-job-posting .job-small-details {
/*  border-bottom: 4px solid #efefef;*/
/*  background:#edfcfb;*/
  border-bottom:3px solid #efefef;
  margin: 0 0 1rem;
  padding: 0.75rem 1.9375rem;
}

  #single-job-posting .inline-blue {
    margin-bottom:0.5em;
  }

  #single-job-posting .detail-title,
  #single-job-posting .inline-blue .detail-title {
    color: #707070;
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0 0.5rem 0 0;
    text-transform: uppercase;
    display: block;
  }

    #single-job-posting .job-small-details h3:not(.detail-title){
      font-weight:500;
    }

  #single-job-posting .job-small-details h3:not(.detail-title),
  #single-job-posting .inline-blue h4:not(.detail-title){
    color:#007dc3;
    font-size:1.4em;
    margin-bottom:0;
  }

#single-job-posting .main-job-info {
  padding:0.75rem 1.9375rem;
}

  #single-job-posting .main-job-info h4:not(.detail-title) {
    font-size:1.3em;
    color:#2d2d2d;
  }

  #single-job-posting .inline-blue {
    margin-top:0.5em;
    margin-bottom:0.5em;
  }
    #single-job-posting .inline-blue li {
      display:inline;
      list-style:none;
      margin:0 0.6rem 0 0;
    }

      #single-job-posting .inline-blue li.start-date {
        display:block;
      }

    #single-job-posting .main-job-info .job-summary .inline-blue h4 {
      color:#007dc3;
      font-size:0.95rem;
      text-transform: uppercase;
      background-color:#eaf6fd;
      padding:3px 5px;
      border-radius:3px;
    }

      #single-job-posting .main-job-info .job-summary .inline-blue .start-date h4 {
        background-color:#efefef;

      }

/*
#single-job-posting .inline-blue .start-date h4 .detail-title {
  color:#000;
}
*/

    #single-job-posting .inline-blue h4,
    #single-job-posting .inline-blue .detail-title {
      display:inline-block !important;
    }

  #single-job-posting .main-job-info .job-summary h3:not(.detail-title) {
    font-size:1.6em;
    text-transform:uppercase;
    margin-bottom:0;
    line-height:1em;
  }

  #single-job-posting .main-job-info .job-summary h3,
  #single-job-posting .main-job-info .job-summary h4,
  #single-job-posting .main-job-info .job-summary h5 {
    text-transform:uppercase;
  }

  #single-job-posting .main-job-info .job-summary h4 {
    font-size:1.4em;
    color:#393939;
    margin:0.5rem 0;
  }

  #single-job-posting .main-job-info .job-summary h5 {
    color:#707070;
    font-size:1.25em;
  }

  #single-job-posting ul {
    list-style-type: none;
    padding: 0;
  }

    .arrow > li,
    .job-summary ul:not(.inline-blue) > li,
    .checkbox-list > li {
      padding: 0rem 0 0 1.5rem;
      position: relative;
      margin: 0.15rem 0 0.5rem 1rem !important;
    }

    .arrow > li:before,
    .job-summary ul:not(.inline-blue) > li:before,
    .checkbox-list > li:before {
        content: "\f054";
        font-family: 'FontAwesome';
        font-size: 1.1rem;
        left: 0;
        line-height: 28px; /* px for ie */
        position: absolute;
        color: #007dc3;
    }

    .checkbox-list > li:before{
      content: "\f046";
      font-size:1.2rem;
    }

#single-job-posting .button.apply-now{
  font-size: 1.15rem;
  margin: 0;
  padding: 0.5rem 1rem;
  position: relative;
  text-transform: none;
  background-color:#A58F55;
}

#single-job-posting .button.apply-now:hover{
  background-color:#7e6933 !important;
}

#single-job-posting .panel.application {
  margin:0.2rem 0 2rem !important;
}

#single-job-posting .panel.application .detail-title {
  font-size:1.25rem;
  color:#393939;
}

#apply-form-wrapper {
  padding: 1rem 1.2rem;
}

/* Single Job Posting Apply Page */
#job-posting-apply {
  margin-bottom:2em;
}

#job-posting-apply .gform_wrapper .gform_footer {
  padding:0;
}

/* Job Postings Page Styling */
/* Utility Classes */
#open-close-filters, .clear-single-taxonomy-button  {
  display:none;
}

.overlay{
  position:relative;
  z-index:99;
  -webkit-animation: blurin 1s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: blurin 1s; /* Firefox < 16 */
  -ms-animation: blurin 1s; /* Internet Explorer */
  -o-animation: blurin 1s; /* Opera < 12.1 */
  animation: blurin 1s;
}

.job-posting-loader,
.job-posting-loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.job-posting-loader{
  position:absolute;
  width:90px;
  height:90px;
  top:10em;
  left: 0;
  right: 0;
  font-size:10px;
  text-indent: -9999em;
  margin-left: auto;
  margin-right: auto;
  z-index:999999;
  border-top: 1.2em solid rgba(255, 255, 255, 1);
  border-right: 1.2em solid rgba(255, 255, 255, 1);
  border-bottom: 1.2em solid rgba(255, 255, 255, 1);
  border-left: 1.1em solid #007bce;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes blurin {
    from { -webkit-filter: blur(0);
        filter: url('blur.svg#blur');
        filter: blur(0);
       }
    to   { -webkit-filter: blur(5px);
        filter: url('blur.svg#blur');
        filter: blur(5px); }
}

/* Firefox < 16 */
@-moz-keyframes blurin {
    from { -webkit-filter: blur(0);
        filter: url('blur.svg#blur');
        filter: blur(0);
       }
    to   { -webkit-filter: blur(5px);
        filter: url('blur.svg#blur');
        filter: blur(5px); }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes blurin {
    from { -webkit-filter: blur(0);
        filter: url('blur.svg#blur');
        filter: blur(0);
       }
    to   { -webkit-filter: blur(5px);
        filter: url('blur.svg#blur');
        filter: blur(5px); }
}

/* Internet Explorer */
@-ms-keyframes blurin {
    from { -webkit-filter: blur(0);
        filter: url('blur.svg#blur');
        filter: blur(0);
       }
    to   { -webkit-filter: blur(5px);
        filter: url('blur.svg#blur');
        filter: blur(5px); }
}

/* Opera < 12.1 */
@-o-keyframes blurin {
    from { -webkit-filter: blur(0);
        filter: url('blur.svg#blur');
        filter: blur(0);
       }
    to   { -webkit-filter: blur(5px);
        filter: url('blur.svg#blur');
        filter: blur(5px); }
}

#nc-job-postings #content{
  padding-right:0.9375rem;
  border-right:none;
}
#nc-job-postings-filters-inner {
/*  border-right: 3px solid #d8eef8;*/
  padding-right:1em;
}

#nc-job-postings-filters-main .taxonomy-wrapper {
  position:relative;
}

#nc-job-postings-filters-main .taxonomy-wrapper,
#nc-job-postings-filters-main .selected-filters {
  background-color:#EFF8FC;
}

#nc-job-postings-filters-main .taxonomy-title h4 {
  font-size:1.4em;
  color:#02679f;
  font-weight:600;
  padding:0.6em 1em 0.1em;
}
#nc-job-postings-filters-main h4{
  margin:0 !important;
}

.clear-single-taxonomy-button {
  top: 1.1em;
  position: absolute;
  right: 1.3em;
  background-color: #d8eef8;
  padding: 7px 9px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 0.95em;
  text-decoration: none !important;
  color: #02679f;
}

  .clear-single-taxonomy-button:hover{
    background-color: #007bc3;
    color: #fff;
  }

#nc-job-postings-filters-main ul {
  list-style: none;
  padding:0.9em 0.5em;
  margin:0.7em 1.1em 0.5em;
  border-top:3px solid #d8eef8;
}

  #nc-job-postings-filters-main ul li{
    margin:0;
  }
    #nc-job-postings-filters-main ul li a{
      position:relative;
      color:#383838;
      text-decoration: none;
      display:block;
      line-height:1.4em;
      font-size:1em;
      border-radius:4px;
      padding:0 0.1em 0.4em 1.7em;
    }

#nc-job-postings-filters-main .selected-filters {
  display:none;
}
#nc-job-postings-filters-main .selected-filters ul li a {
  padding-left:0.2em;
}
#nc-job-postings-filters-main ul li a:before,
#nc-job-postings-filters-main .selected-filters ul li a:after,
#nc-job-postings-filters-main ul li a.active:after {
  position:absolute;
  font-family: FontAwesome;
  font-size:0.8em;
}

#nc-job-postings-filters-main .taxonomy-wrapper ul li a:before,
#nc-job-postings-filters-main ul li a.active:before {
  left:0.2em;
  top: 0.1em;
  content:"\f10c";
}

#nc-job-postings-filters-main .taxonomy-wrapper ul li a:hover:before {
  content:"\f055";
  color:#007dc3;
}

#nc-job-postings-filters-main .selected-filters ul li a:after,
#nc-job-postings-filters-main ul li a.active:after{
  content:"\f05c";
  color:#843535;
  font-size:1.3em;
  right:0.5em;
}
#nc-job-postings-filters-main .taxonomy-wrapper ul li a:hover,
#nc-job-postings-filters-main .selected-filters ul li a {
  color:#007dc3;
}

#nc-job-postings-filters-main ul li a.active:before,
#nc-job-postings-filters-main ul li a.active:hover:before{
  content: "\f058";
}

#nc-job-postings-filters-main ul li a.active:hover{
  text-decoration: underline;
}

#nc-job-postings-filters-main .selected-filters ul li a:hover,
#nc-job-postings-filters-main ul li a.active,
#nc-job-postings-filters-main ul li a.active:hover:before,
#nc-job-postings-filters-main ul li a.active:hover,
#nc-job-postings-filters-main ul li a.active:before{
  color:#843535;
}

#nc-job-postings-filters-main .selected-filters ul li a:hover:after,
#nc-job-postings-filters-main ul li a.active:hover:after{
  content:"\f057";
}
#nc-job-postings-list thead {
  display:none;
}
.nc-job-postings-search-wrapper,
#nc-job-postings-list thead tr{
  height:60px;
}

.nc-job-postings-search-wrapper{
  background-color:#eff8fc;
  padding:0.2em 1.1em;
  position:relative;
  margin-bottom:0.5em;
}
  .nc-job-postings-search-wrapper:before{
    position:absolute;
    content: "\f002";
    font-family: FontAwesome;
    font-size:1.3em;
    top:0.8em;
    left:1em;
    color:#02679f;
  }

  .nc-job-postings-search-wrapper input {
    border:0;
    box-shadow:0 0 0 rgba(0, 0, 0, 0) inset;
    background-color:rgba(0,0,0,0);
    font-weight:400;
    font-size:1.2em;
    margin:0.4em 0 0.6em;
    padding:0 0 0.2em 1.7em;
    border-bottom:3px solid #d8eef8;
  }


/* Job Posting List Styling */
.nc-job-posting-sort {
  float:right;
  clear:both;
  margin-right:0.5em;
  margin-bottom:0.5em;
  position:relative;
  border-bottom: 3px solid #d8eef8;
}

  .nc-job-posting-sort h4 {
    color: #02679f;
    font-size: 1.1rem;
    font-weight: 600;
    display:inline-block;
    margin-right:0.3em !important;
    margin-bottom:0.16em;
    margin-top:0.45em;
  }

  .nc-job-posting-sort a {
    color:#383838;
    text-decoration: none !important;
    font-size:1.1em;
  }

.nc-job-posting-sort .f-dropdown li {
  margin:0 !important;
}
    .nc-job-posting-sort .f-dropdown ul li a{
      text-decoration:none;
    }

    #nc-job-posting-sort-dropdown a{
      font-size:1em;
    }

.nc-job-posting-sort .f-dropdown .fa{
  font-size:1.3em;
}

.nc-job-posting-sort .fa.active {
  color:#007bc3;
}

/* Job Posting Table Styling */

#nc-job-postings-list{
  border:0;
  width:100%;
}

#nc-job-postings-list thead th{
  font-weight:500;
  font-size:1.2em;
  padding:0.5em;
}

#nc-job-postings-list td a {
  color: #007dc3;
font-size: 1.25rem;
line-height: 2rem;
font-weight: 600;
}

  #nc-job-postings-list td.title {
    position:relative;
    width:75%;
  }

#nc-job-postings-list td.closing {
  width:25%;
}
  #nc-job-postings-list tr:nth-of-type(2n) {
    background:#efefef;
  }

  #nc-job-postings-list tbody tr:hover{
    background-color:rgba(252, 226, 160, 0.3);
  }

    #nc-job-postings-list .job-types {
      list-style: none;
      margin:0 !important;
    }

    #nc-job-postings-list .job-types.set-inline-title {
      position:absolute;
    }

      #nc-job-postings-list .job-types.set-inline-title {
        display: inline-block;
        margin-left:5px !important;
      }

      #nc-job-postings-list .job-types:not(.set-inline-title) {
        margin-bottom:5px !important;
      }

        #nc-job-postings-list .job-types:not(.set-inline-title) li {
          display: inline-block;
        }

      #nc-job-postings-list .job-types li {
        margin:0 5px 0 0;
        background:#D8EEF8;
        padding:2px 4px;
        font-size:0.8em;
        border-radius:3px;
        color:#02679f;
        font-weight:600;
        text-transform:uppercase;
      }

    #nc-job-postings-list .employer {
      color: #494949;
font-size: 1rem;
    }

    #nc-job-postings-list .location {
      color: #383838;
      font-size: 1rem;
      font-style: italic;
      font-weight: 400;
    }

    #nc-job-postings-list .closing {
      color:#383838;
      line-height:1rem;
    }

      #nc-job-postings-list .closing span {
        font-weight:500;
        display:block;
        margin-bottom:0.2em;
        font-size:0.9em;
      }

/* Media Queries */
@media screen and (max-width: 1300px) {
  #nc-job-postings {
    min-height:300px;
  }
  #nc-job-postings-list .location{
    display:block;
  }

  .no-jobs-found {
    padding-left:1.25em;
  }
}
/* Medium and down */
@media screen and (max-width: 1100px) {
  #nc-job-postings-list .job-types.set-inline-title {
    position:relative;
    top:-2px;
  }

  #nc-job-postings-list .job-types li {
    margin:0 5px 0 0;
  }

}

@media screen and (max-width: 1030px) {
  body,html{
    position:relative;
    height:100%;
    width:100%;
  }
  .is-navOpen{
    overflow-y:hidden;
  }
  /* overlay layer */
  .ssm-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    display: none;
    z-index: 0;
  }

  /* sidenav pull out */
  /* Mobile Nav Styling */
  #nc-job-postings-filters-wrapper{
    backface-visibility: hidden;
    background: #f6fbfe none repeat scroll 0 0;
    bottom:0;
    top:65px;
    position:fixed;
    z-index:99999;
    right:0;
    display:block;
    width:350px;
    border-left:18px solid #007bce;
    transform: translateX(95%);
  }

  #open-close-filters {
    display:block;
  }

  #open-close-filters {
    backface-visibility: hidden;
    background-color: #007bce;
    border-radius:4px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    text-transform:uppercase;
    font-weight:700;
    height: 1.5em;
    line-height: 0.2;
    padding-top: 1em;
    padding-bottom: 1em;
    position: absolute;
    text-align: center;
    transform: rotate(-90deg) translateY(100%) translateX(50%);
    width: 12em;
    left:-10em;
    top:65%;
    z-index:999;
  }


  #nc-job-postings-filters-outer{
    backface-visibility:hidden;
    background: #f6fbfe none repeat scroll 0 0;
    max-width: 100%;
    max-height: 100%;
  }

  #nc-job-postings-filters{
    padding:0;
    top:0;
    bottom:0;
    height:100%;
    display:block;
  }

  #nc-job-postings-filters-main,
  #nc-job-postings-filters-inner {
    padding:0;
  }

  #nc-job-postings-filters-main,
  .is-navOpen #nc-job-postings-filters-main{
    overflow-y: scroll;
    position:absolute;
    height:98%;
  }
  #nc-job-postings-filters a:not(.clear-single-taxonomy-button) {
    display:block;
    transition: 0.3s;
  }

#nc-job-postings-filters .taxonomy-wrapper,
#nc-job-postings-filters .selected-filters,
#nc-job-postings-filters .taxonomy-title {
  border-radius: 0;
}

  #nc-job-postings .taxonomy-title{
    padding:0.2em 1em;
    background-color:#e8e8e8;
  }

  #nc-job-postings-filters-main .taxonomy-title h4{
    font-size:1.7em !important;
    border-top-left-radius:0;
    border-top-right-radius:0;
    display:inline-block;
    padding: 0.2em 0.8em;
  }

  #nc-job-postings-filters-main{
    top:33px;
  }

  #nc-job-postings ul:not(.job-types){
    padding:0.7em 1.2em;
    margin:0 0 0 1em;
    border-top:none;
  }
    #nc-job-postings ul.taxonomy-terms-list li a{
      position:relative;
      color:#383838;
      text-decoration: none;
      display:block;
      padding:10px;
      line-height:1.2em;
      font-size:1.1em;
      border-radius:4px;
      background-color:#d5e8f2;
      margin-bottom:10px;
      margin-right:20px;
    }

    #nc-job-postings .selected-filters {
      display:none;
    }
    #nc-job-postings .selected-filters ul li a {
      padding-left:0.2em;
    }
    #nc-job-postings ul li a:before {
      display:none;
    }

  #nc-job-postings ul.taxonomy-terms-list li a.active {
    background-color:rgba(132, 53, 53, 0.22);
  }

  .nc-job-postings-search-wrapper {
    width:50%;
    float:left;
    background-color:rgba(0,0,0,0);
  }

  .nc-job-posting-sort {
    clear:none;
  }

  #nc-job-postings-list{
    width:97%;
    margin: 0 2em 0 1em;
  }
}

@media screen and (max-width: 650px) {

  .is-navOpen #nc-job-postings #open-close-filters {
    left:-7.2em;
  }

  .job-posting-loader{
    top:11em;
  }

  #nc-job-postings {
    padding: 0.3rem 1em 1.75rem 0;
  }

  #nc-job-postings-filters-wrapper {
    width:100%;
    top:32px;
  }
  .nc-job-postings-search-wrapper {
    float:none;
    padding:0.2em 0.5em;
    margin-left:0.5em;
    margin-bottom:0;
    height:50px;
    background-color:#eff8fc;
    width:97%;
  }

    .nc-job-postings-search-wrapper:before {
      left:0.8em;
      top:0.9em;
    }

    .nc-job-postings-search-wrapper input {
      padding: 0 0 0 1.6em;
      font-size:1.4em;
      border-bottom:none;
    }

  .nc-job-posting-sort {
    float:left;
    margin-top:0.3em;
    margin-left:0.5em;
    padding-left:1em;
    width:97%;
    background-color:#eff8fc;
    border-bottom:none;
  }

  .nc-job-posting-sort a {
    font-size:1.25em;
  }

  #nc-job-postings-list {
    margin: 0 0 0 0.5em;
  }

  #nc-job-postings-list tbody tr {
    border-top:3px solid #626262;
    border-bottom:3px solid #626262;
  }
  #nc-job-postings-list tbody tr td {
    display:block;
  }

  #nc-job-postings-list td a {
    font-size:1.6em;
  }

  #nc-job-postings-list td.title,
  #nc-job-postings-list td.closing {
    width:100%;
  }

  #nc-job-postings-list td.title {
    padding-bottom:0;
  }

  #nc-job-postings-list td.closing {
    padding-top: 10px;
    font-weight:600;
    font-size:1em;
  }

  #nc-job-postings-list .closing span {
    display:inline-block;
    margin-right:2px;
    font-size:1em;
  }

  #nc-job-postings-list .job-types li {
    font-size:1em;
    margin: 5px 0;
  }

  #nc-job-postings-list td.title p{
    margin-top:0;
  }
  #nc-job-postings-list .employer,
  #nc-job-postings-list .location {
    font-size:1em;
  }


}