/* 00) Fonts 
------------------------------------------------ */

@font-face {
    font-family: AvenirNext;
    src: url(../fonts/AvenirNextLTPro-Regular.otf);
  }
  
  @font-face {
    font-family: AvenirNextBold;
    src: url(../fonts/AvenirNextLTPro-Bold.otf);
  }
  
  @font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova.otf);
  }
  
  @font-face {
    font-family: ProximaNovaBold;
    src: url(../fonts/ProximaNovaBold.otf);
  }
  
  @font-face {
    font-family: Helvetica;
    src: url(../fonts/Helvetica.ttf);
  }
  
  @font-face {
    font-family: HelveticaBold;
    src: url(../fonts/Helvetica-Bold.ttf);
  }
  
  /* 00) Layout, Colors, and Style
  ------------------------------------------------ */
  :root {
    /*  Green  */
    --green: #00954C;
    --greenhover: #01733c;
    --lightgreen: #EFF6F2;
    --mint: #89D1A3;
    --pine: #002D15;
    --pine-rgb: 0,45,21;
    --white: #ffffff;
    --bodytext: #021b0e;
  
    /*  Spacing  */
    --spacing-unit: .5rem;
      
    --margin: calc(0.5 * var(--spacing-unit));
    --padding: calc(0.5 * var(--spacing-unit));
  
    --spacer-0: calc(0 * var(--spacing-unit));
    --spacer-1: calc(1 * var(--spacing-unit));
    --spacer-2: calc(2 * var(--spacing-unit));
    --spacer-3: calc(3 * var(--spacing-unit));
    --spacer-4: calc(4 * var(--spacing-unit));
    --spacer-5: calc(5 * var(--spacing-unit));
    --spacer-6: calc(6 * var(--spacing-unit));
    --spacer-7: calc(7 * var(--spacing-unit));
    --spacer-8: calc(8 * var(--spacing-unit));
  
  
    --shadow: 0 .5rem 1rem rgba(var(--pine-rgb),.15);
    --shadow-sm: 0 .125rem .25rem rgba(var(--pine-rgb),.15);
    --shadow-lg: 0 1rem 3rem rgba(var(--pine-rgb),.15);
    
    --crna-rounded: 8px;
    --crna-rounded-lg: 16px;
    --crna-rounded-sm: 4px;

    --crna-fw-bolder: 900;
  }
  
  html {
    font-family: ProximaNova;
    background: #ffffff;
    height: 100%;
  }
  
  body {
    /*height: 100%;*/
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: grid;
    background-color: #FBFBFB;
  }
  
  
  
  /* 00) Bootstrap Navigation Bar and Overrides
  ------------------------------------------------ */
  .apTopNav {
      background-color: #00954C !important;
      height: 88px !important;
      z-index: 4;
  }
  
  .navbar>.container {
      width: 100% !important;
      max-width: initial !important;
      padding: 0 !important;
  }
  
  .navbar .mainLogo img {
      max-width: 100px;
      margin-left: 30px;
      margin-top: 14px;
  }
  
  .navbar-dark .navbar-nav .nav-link {
      color: white;
  }

  .navbar-dark .navbar-nav .nav-link:hover {
    text-decoration: none;
  }
  
  .nav-item {
      font-family: AvenirNextBold;
      font-size: 16px;
      cursor: pointer;
      z-index: 5;
      white-space: nowrap !important;
  }
  
  .navbar-nav li { padding: 15px 20px; }
  .dropdown-item { font-family: AvenirNext !important; }

  .dropdown-item:focus, .dropdown-item:hover { color: white; background-color: var(--green); text-decoration: none; }
  
  ul.navbar-acct-dropdown li a { padding: 12px; }
  ul.navbar-acct-dropdown li { padding: 0px; }
  ul.navbar-acct-dropdown img { margin-right: 0px; }
  
  .navbar-toggler {
      position: absolute;
      right: 30px;
      top: 24px;
      z-index: 7!important;
  }
  
  /* .navbar-collapse {
      background-color: #00954C !important;;
  } */
  
    .navButton_1 {
      width: 120px;
      height: 48px;
      border-radius: 10px;
      border: 1px solid #005D2C;
      background-color: rgba(255  255  255 / 0);
      color: #005D2C;
      margin-top: 20px;
      margin-right: 30px;
      margin-bottom: 20px;
      font-family: AvenirNextBold;
      font-size: 16px;
      font-weight: 100;
      line-height: 46px;
      display: inline;
      float: right;
      text-align: center;
  }
    
  .navButton_2 {
      width: 120px;
      height: 48px;
      border-radius: 10px;
      background-color: #005D2C;
      color: var(--white);
      margin-top: 20px;
      margin-right: 30px;
      margin-bottom: 20px;
      font-family: AvenirNextBold;
      font-size: 16px;
      font-weight: 100;
      line-height: 46px;
      display: inline;
      float: right;
      text-align: center;
  }
  
  .sideSeperator {
      border-left: 0.5px solid #89D1A3;
  }
  
  .sideSeperator a {
      color: #005D2C !important;
  }
  
  /* -- Main Navigation responsiveness overrides -- */
  @media (max-width: 1104px) {
      .navButton_1 {
          display: none;
      }
      .navButton_2 {
          display: none;
      }
      
  }
  
  /* -- Main Navigation responsiveness overrides -- */
  /*@media (max-width: 991px) {*/
  /*    .navButton_1 {*/
  /*        display: block;*/
  /*    }*/
  /*    .navButton_2 {*/
  /*        display: block;*/
  /*    }*/
  /*    .dropdown {*/
  /*        width: 100% !important;*/
  /*        margin-bottom: 10px;*/
  /*    }*/
  /*    .dropdown img {*/
  /*        margin-top: -12px !important;*/
  /*    }*/
  /*    .dropbtn {*/
  /*        height: 40px !important;*/
  /*        border-radius: 10px !important;*/
  /*        line-height: 10px !important;*/
  /*    }*/
  /*    .radiusOverride {*/
  /*        border-radius: 10px !important;*/
  /*    }*/
  /*    .searchBtn {*/
  /*        width: 100% !important;*/
  /*        height: 40px !important;*/
  /*        margin-bottom: 10px;*/
  /*    }*/
  /*    .searchPress {*/
  /*        border-radius: 10px !important;*/
  /*        height: 40px !important;*/
  /*        line-height: 9px !important;*/
  /*    }*/
      
  /*}*/
  
  .navbar-dark .navbar-toggler { border: none; padding: 0.5rem; }
  
  
  /* animated hamburger */
  .animated-hamburger {
      width: 30px;
      height: 16px;
      position: relative;
      margin: 0px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor: pointer;
    }
      
    .animated-hamburger span {
      display: block;
      position: absolute;
      height: 3px;
      width: 100%;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
      background: var(--white);
    }
  
    .animated-hamburger span:nth-child(1) {
      top: 0px;
    }
      
    .animated-hamburger span:nth-child(2) {
      top: 8px;
    }
      
    .animated-hamburger span:nth-child(3) {
      top: 16px;
    }
      
    .animated-hamburger.open span:nth-child(1) {
      top: 8px;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
    }
      
    .animated-hamburger.open span:nth-child(2) {
      opacity: 0;
      left: -60px;
    }
      
    .animated-hamburger.open span:nth-child(3) {
      top: 8px;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      transform: rotate(-135deg);
    }
  
  
  
  /* 00) Bootstrap Hero and Overrides
  ------------------------------------------------ */
  
  .homehero {
      min-width: 100%;
      height: 600px;
      background: url("/media/ntjhs4uo/homepagehero-green.jpg") top right no-repeat;
      background-size: cover;
      top: 88px;
      margin-top: 80px;
  }
  
  .heroContainer {
      max-width: 1090px;
      width: -webkit-fill-available;
      margin: 0 auto;
      display: block;
      z-index: 3;
  } 
  
  .heroContainer h1 {
      font-family: HelveticaBold;
      font-size: 60px;
      line-height: 64px;
      margin-top: 24px;
      margin-bottom: 10px;
      /*max-width: 362px;*/
      color: white;
  }
  
  .heroContainer h2 {
      font-family: ProximaNova;
      font-size: 25px;
      line-height: 30px;
      margin-top: 0px;
      /* margin-bottom: 40px; */
      max-width: 630px;
      display: block;
      color: var(--white);
  }
  
  .heroContainer p {
      font-size: 18px;
      color: var(--white);
      margin-bottom: 60px;
  }
  .searchpad {
      height: 93px;
      background: #fff;
      padding: 11px 0px;
      border-radius: 10px;
  }
  
  .dropbtn {
    background-color: var(--white);
    color: var(--lightgray2);
    padding: 16px;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 100;
    line-height: 36px;
    text-align: left;
    height: 70px;
    width: calc(100% - 20px);
    border-radius: 10px;
    border: 2px solid #f2f2f2;
    margin: 0 20px;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
    width: 27%;
    float: left;
  }
  
  .dropdown img {
      float: left;
      margin-right: 20px;
      height: 40px;
  }
  
  .dropdown-content {
      display: none;
      position: absolute;
      background-color: var(--lightgray2transparent);
      width: 100%;
      -webkit-backdrop-filter: blur(6px);
      -moz-backdrop-filter: blur(6px);
      -ms-backdrop-filter: blur(6px);
      backdrop-filter: blur(6px);
      z-index: 1;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-content a:hover {
      background-color: #ddd;
  }
  
  .dropdown:hover .dropdown-content {
      display: block;
      margin-top: -9px;
      border-radius: 0px 0px 10px 10px;
  }
  
  .dropdown:hover .dropbtn {
      background-color: var(--offwhite);
  }
  
  .searchBtn {
      position: relative;
      display: inline-block;
      width: 19%;
  }
  
  .searchPress {
      background-color: #00954C;
      color: var(--white);
      padding: 16px;
      font-family: AvenirNextBold;
      font-size: 20px;
      height: 70px;
      width: calc(100% - 40px);
      border-radius: 10px;
      border: none;
      margin: 0 20px;
  }
  
  /* -- Search Jobs responsiveness overrides -- */
  @media (max-width: 991px) {
      .searchpad {
          height: auto;
      }
      .dropbtn {
          width: calc(100% - 40px);
      }
      .dropdown img {
          height: 27px;
      }
      
  }
  
  form#fulltext-search-form { padding: 1rem; border-radius: .5rem; background: white; }
  .ui-state-active a,
  .ui-state-active a:link,
  .ui-state-active a:visited {
      background: var(--green); /* any color you like */
      border-color: var(--green);
  
  }
  .ui-widget-content .ui-state-active {
      background: var(--green); /* any color you like */
      border-color: var(--green);
  }
  
  .keyword-search {  }
  .keyword-search span.input-group-text,
  .interior-keyword-search span.input-group-text { background: white; padding-left: 1rem; padding-right: 1rem; border: 1px solid var(--mint); border-right: none; }
  .keyword-search span.input-group-text i,
  .interior-keyword-search span.input-group-text i { color: var(--mint); }
  .keyword-search input.input-keyword-search,
  .interior-keyword-search input.input-keyword-search { border-left: none; border-top: 1px solid var(--mint); border-bottom: 1px solid var(--mint); }
  .keyword-search > .input-group > .input-group-text { padding: 1.5rem 0rem 1.5rem 1rem;  }
  .keyword-search button { padding: 1rem 1.5rem; }
  
  .interior-keyword-search button { padding: .5rem 1rem; }
  .interior-keyword-search .form-control { padding: .5rem .5rem .5rem .25rem; }
  .interior-keyword-search > .input-group > .input-group-text { padding: .5rem;  }
  
  .homepage-intro { background: url('/media/j21h3yv2/crna-circle-bg.png') no-repeat; background-size: cover; background-position: bottom center; }
  
  
  .jobs-by-specialty { background: url("/media/mbxfwefa/mapsectionbg.jpg") no-repeat center center; background-size: cover; padding: 64px 0px; }
  .home-specialty-icon { max-width: 64px; height: auto; margin-bottom: 1rem; }
    .home-specialty-card { height: 100% !important; margin-bottom: 1rem; padding: var(--spacer-2); }
    .home-specialty-card .card-body { padding: 0; }
    .home-specialty-card .card-footer { padding: 0; border: none; background: none; }
    .home-specialty-card .card-footer a { color: var(--pine); }


    img.img-crnaxlt { max-width:350px; }
  
  
  
  /* 00) Bootstrap Post a Job and Overrides
  ------------------------------------------------ */
  .cardSizingOverlay {
      position:relative;
      height: 482px !important;
      margin-top: 0;
      border-radius: 10px;
  }
  
  .postJob {
      height: auto;
      background-color: rgba(137, 209, 163, 0.1);
  }
  .postJob .jobsContainer {
      max-width: 1090px;
      margin: 0 auto;
      /*margin-top: -100px;*/
  } 
  
  .jobsContainer h1 {
      font-family: HelveticaBold;
      font-size: 48px;
      text-align: center;
      color: #00954C;
  }
  
  .jobsContainer p {
      max-width: 473px;
      margin: 0 auto;
      font-size: 18px;
      font-family: ProximaNova;
      text-align: center;
      color: #707070;
  }
  
  .checkMark {
      margin: 0 auto;
      margin-top: 20px;
      width: fit-content;
  }
  
  .checkMark img {
      width: 65px;
      height: 60px;
  }
  
  .jobsContainer .card01 {
      background-color: var(--white);
      border-radius: 10px;
      width: 29%;
      height: 482px;
      float: left;
      position: relative;
      box-shadow: 0 7px 10px var(--fadeddarkbluetransparent);
  }
  
  .jobsContainer .card02 {
      background-color: var(--white);
      border-radius: 10px;
      width: 29%;
      height: 482px;
      float: left;
      margin: 0 64px;
      position: relative;
      box-shadow: 0 7px 10px var(--fadeddarkbluetransparent);
  }
  
  .jobsContainer .card03 {
      background-color: var(--white);
      border-radius: 10px;
      width: 29%;
      height: 482px;
      float: left;
      position: relative;
      box-shadow: 0 7px 10px var(--fadeddarkbluetransparent);
  }
  
  .jobsContainer .info {
      color: var(--fadeddarkblue);
      text-align: center;
      position: absolute;
      top: 50px;
      padding: 17px;
      height: 400px;
      display: block;
      z-index: 2;
      left: 0;
      right: 0;
  }
  
  .jobsContainer .info img {
      margin-bottom: 30px;
      max-height: 92px;
  }
  
  .jobsContainer .info h2 {
      font-family: HelveticaBold;
      font-size: 24px;
      font-weight: 100;
  }
  
  .jobsContainer .info p {
      font-size: 18px;
      line-height: 26px;
  }
  
  .jobsContainer .info .cardButton {
      width: 144px;
      height: 48px;
      border-radius: 10px;
      background-color: var(--fadeddarkblue);
      color: var(--white);
      margin: 0 auto;
      font-family: AvenirNextBold;
      font-size: 16px;
      font-weight: 100;
      line-height: 46px;
      position: absolute;
      bottom: 35px;
      right: 0;
      left: 0;
  }
  
  .jobCol01 {
      margin-top: 120px;
      width: 37%;
      max-width: 540px;
      /*width: calc(60% - 540px);*/
      display: inline-block;
      padding-left: 40px;
      position: absolute;
  }
  
  .jobCol01 span {
      color: #89D1A3;
      font-family: Helvetica;
      font-size: 20px;
  }
  
  .jobCol01 h1 {
      color: #00954C;
      font-family: HelveticaBold;
      font-size: 80px;
      max-width: 240px;
  }
  
  .jobCol01 p {
      color: #2D2D2D;
      font-family: ProximaNova;
      font-size: 18px;
      margin-bottom: 30px;
  }
  
  .postJobBtn {
      width: 144px;
      height: 48px;
      border-radius: 10px;
      background-color: #00954C;
      color: #ffffff;
      margin-right: 40px;
      font-family: AvenirNextBold;
      font-size: 16px;
      font-weight: 100;
      line-height: 46px;
      display: inline;
      float: left;
      text-align: center;
  }
  
  .jobCol02 {
      margin-top: 120px;
      width: 60%;
      max-width: 540px;
      /*width: calc(100% - 540px);*/
      display: inline-block;
      background: #89D1A3 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 20px #00954C60;
      border-radius: 20px;
      height: 506px;
  }
  
  .jobCol02 img {
      max-width: 600px;
      float: right;
      margin-top: 45px;
      width: -webkit-fill-available;
  }
  
  
  
  
  
  main#carousel {
    grid-row: 1 / 2;
    grid-column: 1 / 8;
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transform-style: preserve-3d;
    perspective: 600px;
    --items: 5;
    --middle: 3;
    --position: 1;
    pointer-events: none;
  }
  
  div.item {
    position: absolute;
    width: 300px;
    height: 371px;
    --r: calc(var(--position) - var(--offset));
    --abs: max(calc(var(--r) * -1), var(--r));
    transition: all 0.25s linear;
    transform: rotateY(calc(-10deg * var(--r)))
      translateX(calc(-300px * var(--r)));
    z-index: calc((var(--position) - var(--abs)));
  }
  
  
  .top-jobs-va { background: url('/media/xq0ftxjk/crna-virginia.jpg') no-repeat center center; }
  .top-jobs-ca { background: url('/media/yghaimuw/crna-california.jpg') no-repeat center center; }
  .top-jobs-ny { background: url('/media/c0birnpr/crna-new-york.jpg') no-repeat center center; }
  .top-jobs-tx { background: url('/media/axxbjsif/crna-texas.jpg') no-repeat center center; }
  .top-jobs-pa { background: url('/media/231b0bec/crna-pennsylvania.jpg') no-repeat center center; }
  .top-jobs-fl { background: url('/media/nzhn4fci/crna-florida.jpg') no-repeat center center; }
  .top-jobs-il { background: url('/media/oftmdwvr/crna-illinois.jpg') no-repeat center center; }
  
  .top-jobs { background-size: cover; color: white; padding: 24px;}
  .top-jobs::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; background-color: rgba(0,0,0,.3)!important; z-index: -1; border-radius: 12px }
  .top-jobs h2 { color: var(--mint);}
  
  div.item:nth-of-type(1) {
    --offset: 1;
    background-color: #89D1A3;
    border-radius: 12px;
    box-shadow: 0px 3px 20px #005D2C58;
  }
  div.item:nth-of-type(2) {
    --offset: 2;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 3px 20px #005D2C58;
  }
  div.item:nth-of-type(3) {
    --offset: 3;
    background-color: #89D1A3;
    border-radius: 12px;
    box-shadow: 0px 3px 20px #005D2C58;
  }
  div.item:nth-of-type(4) {
    --offset: 4;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 3px 20px #005D2C58;
  }
  div.item:nth-of-type(5) {
    --offset: 5;
    background-color: #89D1A3;
    border-radius: 12px;
    box-shadow: 0px 3px 20px #005D2C58;
  }
  
  .carouselContainer input:nth-of-type(1) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }
  .carouselContainer input:nth-of-type(1):checked ~ main#carousel {
    --position: 1;
  }
  
  .carouselContainer input:nth-of-type(2) {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
  }
  .carouselContainer input:nth-of-type(2):checked ~ main#carousel {
    --position: 2;
  }
  
  .carouselContainer input:nth-of-type(3) {
    grid-column: 4 /5;
    grid-row: 2 / 3;
  }
  .carouselContainer input:nth-of-type(3):checked ~ main#carousel {
    --position: 3;
  }
  
  .carouselContainer input:nth-of-type(4) {
    grid-column: 5 / 6;
    grid-row: 2 / 3;
  }
  .carouselContainer input:nth-of-type(4):checked ~ main#carousel {
    --position: 4;
  }
  
  .carouselContainer input:nth-of-type(5) {
    grid-column: 6 / 7;
    grid-row: 2 / 3;
  }
  .carouselContainer input:nth-of-type(5):checked ~ main#carousel {
    --position: 5;
  }
  
  .carouselContainer {
      height: 600px;
    margin: 0;
    display: grid;
    grid-template-rows: 500px 100px;
    grid-template-columns: 1fr 30px 30px 30px 30px 30px 1fr;
    align-items: center;
    justify-items: center;
  }
  
  .carouselQuote {
      text-align: center;
  margin: 0 auto;
  display: block;
  width: auto;
  max-width: 875px;
  color: #00954C;
  font-size: 18px;
  font-family: ProximaNova;
  }
  
  #carousel .cardButton {
      position: absolute;
  bottom: 20px;
  left: 20px;
  }
  
  /* #carousel img {
      max-width: 66px;
  position: absolute;
  top: 50px;
  left: 20px;
  }
  
  #carousel h2 {
      color: #005D2C;
  position: absolute;
  top: 130px;
  left: 20px;
  font-family: HelveticaBold;
  }
  
  #carousel p {
      padding: 20px;
  position: absolute;
  bottom: 60px;
  text-align: left;
  color: #005D2C;
  } */
  
  
  
  
  
  
  
  
  /* -- Search a Job responsiveness overrides -- */
  @media (max-width: 991px) {
      .jobCol01 {
          width: 100%;
          position: initial;
          max-width: initial;
      }
      
      .jobCol01 .postJobBtn {
          margin: 0 auto;
          display: block;
          float: initial;
      }
      
      .jobCol01 h1 {
          margin: 0 auto;
      }
      .jobCol01 span {
          text-align: center;
          display: block;
      }
      .jobCol02 {
          width: 100%;
          height: auto;
          max-width: initial;
      }
      .jobCol02 img {
          float: none;
          margin: 0 auto;
          display: block;
          width: 100%;
      }
      .postJob .jobsContainer {
          /*margin-top: -100px;*/
      }
  }
  
  /* 00) Bootstrap Map and Overrides
  ------------------------------------------------ */
  .mapSection {
      max-height: 740px;
      height: 740px;
      background: url("../images/mapSectionBG.jpg");
      background-size: cover;
      background-position: center;
  }
  
  .mapSectionContainer {
      max-width: 1090px;
      margin: 0 auto;
      display: table;
      width: -webkit-fill-available;
      
  }
  
  .transparentMap {
      background: url("../images/map.png") no-repeat;
      height: 480px;
      width: 747px;
      background-size: contain;
      margin: 0 auto;
      margin-top: -24px;
  }
  
  .blockSize {
      position:relative;
      height: 147px !important;
      margin-top: 0;
      border-radius: 10px;
      background-color: rgba(0, 93, 44, 0.64);
  }
  
  .blockSize:after {
      content:'';
      position:absolute;
      left:0; top:0;
      width:100%; height:100%;
      display:inline-block;
      border-radius: 10px;
  }
  
  .blockSize h1 span {
      color: #ffffff;
      font-family: HelveticaBold;
      font-size: 17px;
      text-transform: uppercase;
      display: block;
      letter-spacing: 3px;
      font-weight: 100;
      margin-top: 25px;
  }
  
  .blockSize h1 {
      font-family: HelveticaBold;
      font-size: 80px;
      text-transform: uppercase;
      display: block;
      color: #89D1A3;
      float: left;
      width: 60%;
      padding-left: 20px;
  }
  
  .cardIconContainer {
      width: 40%;
      float: right;
      text-align: left;
  }
  
  .cardIconContainer img {
      max-height: 76px;
      margin: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      
  }
  
  .textBlock01 {
      margin-left: 202px;
  }
  
  .textBlock01 h1 {
      color: #89D1A3;
      font-family: HelveticaBold;
      font-size: 50px;
      display: block;
      margin-top: 20px;
      margin-bottom: 0;
      text-align: left;
      padding-left: 20px;
      font-weight: 100;
  }
  
  .textBlock01 h1 span {
      color: #ffffff;
      font-family: HelveticaBold;
      font-size: 17px;
      text-transform: uppercase;
      display: block;
      letter-spacing: 3px;
      margin-bottom: 0px;
      font-weight: 100;
  }
  
  .textBlock01 p {
      color: #ffffff;
      font-family: AvenirNext;
      font-size: 16px;
      display: block;
      text-align: left;
      padding-left: 20px;
      font-weight: 100;
  }
  
  .textBlock02 {
      margin-left: 500px;
  }
  
  .textBlock02 h1 {
      color: #89D1A3;
      font-family: HelveticaBold;
      font-size: 50px;
      display: block;
      margin-top: 20px;
      margin-bottom: 0;
      text-align: left;
      padding-left: 20px;
      font-weight: 100;
  }
  
  .textBlock02 h1 span {
      color: #ffffff;
      font-family: HelveticaBold;
      font-size: 17px;
      text-transform: uppercase;
      display: block;
      letter-spacing: 3px;
      margin-bottom: 0px;
      font-weight: 100;
  }
  
  .textBlock02 p {
      color: #ffffff;
      font-family: AvenirNext;
      font-size: 16px;
      display: block;
      text-align: left;
      padding-left: 20px;
      font-weight: 100;
  }
  
  .textBlock03 {
      margin-left: 350px;
  }
  
  .textBlock03 h1 {
      color: #89D1A3;
      font-family: HelveticaBold;
      font-size: 50px;
      display: block;
      margin-top: 20px;
      margin-bottom: 0;
      text-align: left;
      padding-left: 20px;
      font-weight: 100;
  }
  
  .textBlock03 h1 span {
      color: #ffffff;
      font-family: HelveticaBold;
      font-size: 17px;
      text-transform: uppercase;
      display: block;
      letter-spacing: 3px;
      margin-bottom: 0px;
      font-weight: 100;
  }
  
  .textBlock03 p {
      color: #ffffff;
      font-family: AvenirNext;
      font-size: 16px;
      display: block;
      text-align: left;
      padding-left: 20px;
      font-weight: 100;
  }
  
  .textBlock04 {
      margin-top: -72px;
  }
  
  .textBlock04 h1 {
      color: #89D1A3;
      font-family: HelveticaBold;
      font-size: 50px;
      display: block;
      margin-top: 20px;
      margin-bottom: 0;
      text-align: left;
      padding-left: 20px;
      font-weight: 100;
  }
  
  .textBlock04 h1 span {
      color: #ffffff;
      font-family: HelveticaBold;
      font-size: 17px;
      text-transform: uppercase;
      display: block;
      letter-spacing: 3px;
      margin-bottom: 0px;
      font-weight: 100;
  }
  
  .textBlock04 p {
      color: #ffffff;
      font-family: AvenirNext;
      font-size: 16px;
      display: block;
      text-align: left;
      padding-left: 20px;
      font-weight: 100;
  }
  
  /* -- Map responsiveness overrides -- */
  @media (max-width: 991px) {
      .mapSection {
          height: auto;
          max-height: fit-content;
      }
      .transparentMap {
          width: 100%;
          background-position: center;
      }
      .blockSize h1 {
          text-align: right;
          padding-right: 30px;
          padding-left: 0px;
          width: 50%;
          font-size: 60px;
      }
      .blockSize h1 span {
          font-size: 15px;
      }
      .textBlock01 {
          margin: 0 auto;
          width: -webkit-fit-content;
      }
      .textBlock02 {
          margin: 0 auto;
          width: -webkit-fit-content;
      }
      .textBlock03 {
          margin: 0 auto;
          width: -webkit-fit-content;
      }
      .textBlock04 {
          margin: 0 auto;
          width: -webkit-fit-content;
      }
      
  }
  
  
  /* 00) Bootstrap Latest Updates/News and Overrides
  ------------------------------------------------ */
  .latestNews {
      height: auto;
      width: 100%;
      background: url("../images/latestNewsBG.png") no-repeat;
      background-size: cover;
  }
  
  .latestNews h1 {
      font-family: HelveticaBold;
      font-size: 48px;
      text-align: center;
      margin-top: 70px;
      color: #00954C;
  }
  
  .latestNews hr {
      width: 70px;
      border: 0;
      height: 2px;
      background: var(--lightestgrayblue);
      margin-bottom: 60px;
  }
  
  .latestNews .newsContainer {
      max-width: 1090px;
      margin: 0 auto;
      display: table;
      width: -webkit-fill-available;
  } 
  
  .cardSize {
      position:relative;
      height: 482px !important;
      margin-top: 0;
      border-radius: 10px;
  }
  
  .cardSize:after {
      content:'';
      position:absolute;
      left:0; top:0;
      width:100%; height:100%;
      display:inline-block;
      border-radius: 10px;
  }
 
  
  .cardSize img {
      max-width: 345px;
      padding: 20px;
      border-radius: 40px 40px 0 0;
      max-height: 200px;
      object-fit: cover;
      object-position: top;
  }
  
  
  .cardButton {
      width: 144px;
      height: 48px;
      border-radius: 10px;
      background-color: #00954C;
      color: #ffffff;
      margin: 0 auto;
      font-family: AvenirNextBold;
      font-size: 16px;
      font-weight: 100;
      line-height: 46px;
      text-align: center;
      float: left;
  }
  
  .newsContainer .info {
      color: #596674;
      position: absolute;
      bottom: 40px;
      padding: 17px;
      z-index: 2;
  }
  
  .newsContainer .info span {
      font-family: ProximaNovaBold;
      font-size: 14px;
      color: #005D2C;
  }
  
  .newsContainer .info h2 {
      font-family: HelveticaBold;
      font-size: 24px;
      font-weight: 100;
      margin: 20px 0;
  }
  
  .newsContainer .info p {
      font-size: 18px;
      line-height: 26px;
  }
  
  .quickLink {
      clear: left;
      margin: 0 auto;
      text-align: center;
      color: #00954C;
      font-family: HelveticaBold;
      padding-top: 40px;
  }
  
  .quickLink:after {
      content: "";
      background: url("../images/icon_arrow.png") no-repeat;
      width: 22px;
      height: 11px;
      background-size: 22px 11px;
      display: inline-block;
      margin-left: 10px;
  }
  
  /* -- Latest Updates and News responsiveness overrides -- */
  @media (max-width: 991px) {
      .cardSize img {
          max-width: 100%;
      }
  }
  
  /* 00) Bootstrap Footer and Overrides
  ------------------------------------------------ */
  .signUpBarContainer {
      color: #ffffff;
      background: #00954C url("../images/signupbar_BG.png") center no-repeat;
      background-size: contain;
      padding: 20px 0;
      width: 100%;
      margin: 0;
  }
  
  .signUpBarButton {
      width: 120px;
      height: 48px;
      border-radius: 10px;
      background-color: #89D1A3;
      color: #005D2C;
      margin-top: 20px;
      margin-right: 30px;
      margin-bottom: 20px;
      font-family: AvenirNextBold;
      font-size: 16px;
      font-weight: 100;
      line-height: 46px;
      display: inline;
      float: left;
      text-align: center;
  }
  
  .signUpBarContainer .col {
      width: 25%;
  }
  
  .signUpBar {
      height: 200px;
  }
  
  .signUpBar img {
      max-height: 200px;
  }
  
  .subFooter {
      min-height: 584px;
      max-width: 100%;
      font-size: 16px;
      font-family: ProximaNova;
  }
  
  .subFooterContainer {
      width: 1090px;
      margin: 0 auto;
      display: table;
  }
  
  /* .footerLogo {
      max-width: 204px;
      padding-top: 85px;
      padding-bottom: 25px;
      padding-left: 20px;
      padding-right: 20px;
      background: #fff;
  } */
  
  
  
  footer {
      font-weight: 700;
      font-size: 15px;
      background-color: var(--mint);
  }
  footer .d-flex {
      width: 100%;
      font-weight: 400;
      font-size: 15px;
      height: 80px;
      background-color: var(--lightergrayblue);
      margin-bottom: 0 !important;
      line-height: 40px;
      position: absolute;
      bottom: 0;
      padding-left: 30px;
  }
  
  .footer-top { padding: 56px 0px; }
  
  .footerContainer {
      width: 1090px;
      margin: 0 auto;
      display: table;
  }
  footer p {
      color: var(--realdarkblue);
  }
  
  
  
  .footerLogo { max-width: 160px; }
  
  footer p.poweredby {  font-size: 16px; font-weight: 500; color: var(--lightfadeddarkblue); margin-top: 8px; }
  footer img.lt-logo { width: 120px; display: inline-block; margin-top: -3px; }
  
  ul.footer-links li { margin: 6px 0px; }
  
  ul.footer-links > li > a {
      color: #004C20;
      text-decoration: none;
      display: table-cell;
      vertical-align: middle;
      font-weight: 500;
      line-height: 1.75;
      transition: all 0.6s;
  }
  ul.footer-links > li > a:hover {
      color: #004C20;
      text-decoration: underline;
  }
  
  .subFooterContainer p {
      max-width: 324px;
      color: var(--lightestgrayblue);
      font-size: 16px;
      line-height: 16px;
  }
  
  .blurb {
      margin-top: 40px;
      padding-bottom: 40px;
      max-width: 324px;
      color: #004C20;
      font-size: 16px;
  }
  
  .blurb:after {
      content: "";
      position: absolute;
      display: block;
      margin-top: 40px;
  }
  
  /* p.phone:before {
      content: "";
      background: url("../images/phone.png") no-repeat;
      background-size: contain;
      width: 22px;
      height: 22px;
      display: inline-block;
      margin-right: 10px;
  } */
  
  p.phone {
      color: #005D2C;
      font-size: 16px;
      font-family: AvenirNextBold;
      margin-top: 30px;
  }
  
  .footer-bottom { font-size: .75rem; background: var(--green); color: var(--white); }
  
  
  /* -- footer responsiveness overrides -- */
  @media (max-width: 991px) {
      .signUpBar {
          width: 100% !important;
          text-align: center;
      }
      .signUpBarButton {
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto;
          margin-top: 30px;
      }
  }
  
  @media (max-width: 768px) {
      .row-cols-md-6>* {
          width: 100%;
          text-align: center;
      }
      /*.blurb {*/
      /*    margin: 0 auto;*/
      /*}*/
      .blurb:after {
          width: 324px;
      }
      /*.footerLogo {*/
      /*    margin-bottom: 35px;*/
      /*}*/
      /*footer a {*/
      /*    text-align: center;*/
      /*    display: block;*/
      /*}*/
      .subFooterCol {
          margin-top: 25px;
          margin-bottom: 50px !important;
      }
      footer .d-flex p {
          margin: 0 auto;
          font-size: 12px;
      }
      footer {
          padding-bottom: 50px;
      }
  }
  
  
  
   /* 00) SPACING
    ------------------------------------------------ */
    .p-0 { padding: var(--spacer-0)!important; }
    .p-1 { padding: var(--spacer-1)!important; }
    .p-2 { padding: var(--spacer-2)!important; }
    .p-3 { padding: var(--spacer-3)!important; }
    .p-4 { padding: var(--spacer-4)!important; }
    .p-5 { padding: var(--spacer-5)!important; }
    .p-6 { padding: var(--spacer-6)!important; }
    .p-7 { padding: var(--spacer-7)!important; }
    .p-8 { padding: var(--spacer-8)!important; }
    .pt-0 { padding-top: var(--spacer-0)!important; }
    .pt-1 { padding-top: var(--spacer-1)!important; }
    .pt-2 { padding-top: var(--spacer-2)!important; }
    .pt-3 { padding-top: var(--spacer-3)!important; }
    .pt-4 { padding-top: var(--spacer-4)!important; }
    .pt-5 { padding-top: var(--spacer-5)!important; }
    .pt-6 { padding-top: var(--spacer-6)!important; }
    .pt-7 { padding-top: var(--spacer-7)!important; }
    .pt-8 { padding-top: var(--spacer-8)!important; }
    .pr-0 { padding-right: var(--spacer-0)!important; }
    .pr-1 { padding-right: var(--spacer-1)!important; }
    .pr-2 { padding-right: var(--spacer-2)!important; }
    .pr-3 { padding-right: var(--spacer-3)!important; }
    .pr-4 { padding-right: var(--spacer-4)!important; }
    .pr-5 { padding-right: var(--spacer-5)!important; }
    .pr-6 { padding-right: var(--spacer-6)!important; }
    .pr-7 { padding-right: var(--spacer-7)!important; }
    .pr-8 { padding-right: var(--spacer-8)!important; }
    .pb-0 { padding-bottom: var(--spacer-0)!important; }
    .pb-1 { padding-bottom: var(--spacer-1)!important; }
    .pb-2 { padding-bottom: var(--spacer-2)!important; }
    .pb-3 { padding-bottom: var(--spacer-3)!important; }
    .pb-4 { padding-bottom: var(--spacer-4)!important; }
    .pb-5 { padding-bottom: var(--spacer-5)!important; }
    .pb-6 { padding-bottom: var(--spacer-6)!important; }
    .pb-7 { padding-bottom: var(--spacer-7)!important; }
    .pb-8 { padding-bottom: var(--spacer-8)!important; }
    .pl-0 { padding-left: var(--spacer-0)!important; }
    .pl-1 { padding-left: var(--spacer-1)!important; }
    .pl-2 { padding-left: var(--spacer-2)!important; }
    .pl-3 { padding-left: var(--spacer-3)!important; }
    .pl-4 { padding-left: var(--spacer-4)!important; }
    .pl-5 { padding-left: var(--spacer-5)!important; }
    .pl-6 { padding-left: var(--spacer-6)!important; }
    .pl-7 { padding-left: var(--spacer-7)!important; }
    .pl-8 { padding-left: var(--spacer-8)!important; }
    .m-0 { margin: var(--spacer-0)!important; }
    .m-1 { margin: var(--spacer-1)!important; }
    .m-2 { margin: var(--spacer-2)!important; }
    .m-3 { margin: var(--spacer-3)!important; }
    .m-4 { margin: var(--spacer-4)!important; }
    .m-5 { margin: var(--spacer-5)!important; }
    .m-6 { margin: var(--spacer-6)!important; }
    .m-7 { margin: var(--spacer-7)!important; }
    .m-8 { margin: var(--spacer-8)!important; }
    .mt-0 { margin-top: var(--spacer-0)!important; }
    .mt-1 { margin-top: var(--spacer-1)!important; }
    .mt-2 { margin-top: var(--spacer-2)!important; }
    .mt-3 { margin-top: var(--spacer-3)!important; }
    .mt-4 { margin-top: var(--spacer-4)!important; }
    .mt-5 { margin-top: var(--spacer-5)!important; }
    .mt-6 { margin-top: var(--spacer-6)!important; }
    .mt-7 { margin-top: var(--spacer-7)!important; }
    .mt-8 { margin-top: var(--spacer-8)!important; }
    .mr-0 { margin-right: var(--spacer-0)!important; }
    .mr-1 { margin-right: var(--spacer-1)!important; }
    .mr-2 { margin-right: var(--spacer-2)!important; }
    .mr-3 { margin-right: var(--spacer-3)!important; }
    .mr-4 { margin-right: var(--spacer-4)!important; }
    .mr-5 { margin-right: var(--spacer-5)!important; }
    .mr-6 { margin-right: var(--spacer-6)!important; }
    .mr-7 { margin-right: var(--spacer-7)!important; }
    .mr-8 { margin-right: var(--spacer-8)!important; }
    .mb-0 { margin-bottom: var(--spacer-0)!important; }
    .mb-1 { margin-bottom: var(--spacer-1)!important; }
    .mb-2 { margin-bottom: var(--spacer-2)!important; }
    .mb-3 { margin-bottom: var(--spacer-3)!important; }
    .mb-4 { margin-bottom: var(--spacer-4)!important; }
    .mb-5 { margin-bottom: var(--spacer-5)!important; }
    .mb-6 { margin-bottom: var(--spacer-6)!important; }
    .mb-7 { margin-bottom: var(--spacer-7)!important; }
    .mb-8 { margin-bottom: var(--spacer-8)!important; }
    .ml-0 { margin-left: var(--spacer-0)!important; }
    .ml-1 { margin-left: var(--spacer-1)!important; }
    .ml-2 { margin-left: var(--spacer-2)!important; }
    .ml-3 { margin-left: var(--spacer-3)!important; }
    .ml-4 { margin-left: var(--spacer-4)!important; }
    .ml-5 { margin-left: var(--spacer-5)!important; }
    .ml-6 { margin-left: var(--spacer-6)!important; }
    .ml-7 { margin-left: var(--spacer-7)!important; }
    .ml-8 { margin-left: var(--spacer-8)!important; }
    .section-spacer { margin-top: 2rem; }
  
  
  
  
  /* 00) BTNS 
    ------------------------------------------------ */
    .btn { font-weight: 600; padding: .5rem 1.5rem; }
    .btn:hover { text-decoration: none; }
    .btn-primary { background: var(--green); border-color: var(--green); color: white; }
    .btn-primary:hover { background: var(--greenhover); border-color: var(--greenhover); }
    .btn-secondary { background: var(--mint); border-color: var(--mint); color: var(--greenhover); }
    .btn-secondary:hover { background: var(--green); border-color: var(--green); color: white; }
    .btn-dark { background: var(--darkblue); border-color: var(--darkblue); color: white; }
  
   /* 00) TYPOGRAPHY 
    ------------------------------------------------ */
    h1, h2, h3, h4, h5, .header1, .header2, .header3, .header4, .header5 { color: var(--green); font-weight: 600; margin: 2rem 0 1rem; }
  
    .word-break { word-break: break-word; }

    a { color: var(--greenhover); text-decoration: none; transition: all 0.3s; }
    a:hover { color: var(--pine); text-decoration: underline; }

  
    /*major second*/
      h1, .header1 { margin-top: 0; font-size: 1.802rem; }
      h2, .header2 {font-size: 1.602rem;}
      h3, .header3 {font-size: 1.424rem;}
      h4, .header4 {font-size: 1.266rem;}
      h5, .header5 {font-size: 1.125rem;}
  
  
  
    p { color: var(--bodytext); font-family: proxima-nova, sans-serif; font-size: 18px; line-height: 1.5; margin-bottom: 30px }
    .overline {  font-weight: 500; color: var(--pine); margin-bottom: 0px; }
    
    .green { color: var(--green)!important; }
    .mint { color: var(--mint)!important; }
    .pine { color: var(--pine)!important; }
    .lightgreen { color: var(--lightgreen)!important; }
    
    .white { color: var(--white)!important; }
    .fw-bold { font-weight: 700;}
    .fw-regular { font-weight: 500; }


      /* 00) INTERIOR PAGES
  ------------------------------------------------ */
  .interior-container { margin-top: 83px; }
  .interior-job-search { 
    /* background: url('/media/mikieff1/interior-job-search-bg-2.svg'); */
    background-size: cover;
    background-position: center center;
    background-color: var(--pine);
    color: white;
    padding: 1rem 0rem;
  }
  .interior-page-header-no-img { background: var(--greenhover); padding: 40px 0px; }
  .interior-page-title { color: var(--green); }
  .interior-page-header-card { 
    background: rgba(255, 255, 255, 0.9);
    border-radius: var(--crna-rounded);
    box-shadow: var(--shadow);
    padding: 2rem;
    z-index: 2;
}

  
  
  
  /* 00) BACKGROUNDS
  ------------------------------------------------ */
  .bg-green { background-color: var(--green); }
  .bg-greenhover { background-color: var(--greenhover); }
  .bg-lightgreen { background-color: var(--lightgreen); }
  .bg-mint { background-color: var(--mint); }
  .bg-pine { background-color: var(--pine); }
  
  
  
  
  /* 00) SEARCH RESULTS
  ------------------------------------------------ */  
    ul.job-results-list { list-style: none; padding-left: 0px; }
    .job-results-item { margin-bottom: var(--spacer-3); background: white; border-left: 8px solid #fff; border-radius: var(--spacing-unit); transition: 0.6s all;  }
    .job-results-item:hover { border-left: 8px solid var(--green); }
    .job-results-item a.job-link { width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
    .job-results-item-info { padding: var(--spacer-3) }
    .job-results-item-info .job-results-metadata { color: var(--pine); font-weight: 500; margin-bottom: var(--spacer-2); }
    .job-results-item-info .job-header { margin-top: var(--spacer-0); }
    .job-results-item-info .job-desc { color: var(--darkgrayblue); }
  
    .job-desc-metadata { color: var(--bodytext); font-weight: 500; margin-bottom: var(--spacer-2); }



  /* 00) JOB DETAILS
  ------------------------------------------------ */  
  h1.job-details-header { font-size: 1.75rem; }
  
  img.job-details-tier-1-logo { max-width: 100%; height: auto; box-shadow: var(--shadow-sm); border-radius: 50%; }
  .job-details-glance-section { font-size: 1.25rem }
  ul.job-details-glance-list li::marker { color: var(--mint); }
  /*p.job-details-top-text { color: var(--realdarkblue); }*/
.job-desc-metadata { margin-top: 1rem; }
.job-details-details { border: var(--cds-border); margin: var(--cds-m-4) 0px; border-radius: var(--cds-rounded); }
.job-details-metadata span { }
  

/* 00) FORMS
------------------------------------------------ */  
.form-group { margin-bottom: 8px; }


/* 00) CARDS
  ------------------------------------------------ */  
/* .card { box-shadow: var(--shadow); border-radius: var(--spacing-unit); padding: var(--spacer-2); } */
.card { box-shadow: var(--shadow); border-radius: 12px; border: none; }
.card-img, .card-img-top { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.card-body { padding: 1.5rem; }

 /* 00) BLOG
  ------------------------------------------------ */  
.interior-page-header-img { padding: 6rem 0rem; margin-bottom: 4rem; position: relative; z-index: 0; }
.blog-interior-page-header-card { background: rgba(255, 255, 255, 0.9); border-radius: var(--crna-rounded); box-shadow: var(--shadow); padding: 2rem; z-index: 2; }*/
.blog-featured {}
.blog-blog-post-byline { color: var(--lightgrayblue); }
.card-blog-byline { color: var(--lightgrayblue); font-size: 14px; }
.blog-text-no-decoration {text-decoration: none !important; }


 /* 00) BLOG CARDS
  ------------------------------------------------ */  
.card-blog {}
.card-blog .card-blog-excerpt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical }
.card-blog-title { color: var(--green); }
.card-blog-body { padding: 1.5rem; }
.card-blog-header { text-decoration: none; }
.card-blog-link { color: var(--darkgray); font-weight: 700; transition: 0.4s ease-out; }
.card-blog-link:hover { color: #4099d6; }

.card-blog-author { background: var(--lightergrayblue); padding: 3rem; box-shadow: var(--shadow); border-radius: var(--crna-rounded-lg); }

/* 00) BLOG HERO
  ------------------------------------------------ */
.blog-post-lead { color: var(--darkgrayblue); font-weight: 400; font-size: 1.5rem;}
.hero-rounded  { border-radius: 8px; }
.hero-shadow { box-shadow: var(--shadow); }


/* 00) BLOG TEMPLATE
  ------------------------------------------------ */  
.blog-post-header {
    padding: 4rem 0rem;
    background: var(--lightergrayblue); /* Old browsers */
    background: -moz-linear-gradient(top,  var(--lightergrayblue) 0%, var(--lightergrayblue) 65%, #ffffff 65%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  var(--lightergrayblue) 0%,var(--lightergrayblue) 65%,#ffffff 65%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  var(--lightergrayblue) 0%,var(--lightergrayblue) 65%,#ffffff 65%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--lightergrayblue)', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.blog-post-content .container { padding: 0px!important;}

/* 00) SALARY SURVEY
  ------------------------------------------------ */  
  .salary-survey-dollars { font-size: 3rem; font-weight: var(--crna-fw-bolder); color: var(--green); }

/* 00) ACCORDION
  ------------------------------------------------ */
.accordion-button:not(.collapsed) { color:var(--greenhover); background-color: var(--lightgreen); }
  
  /* 00) UMBRACO HACKS
  ------------------------------------------------ */  
.child-img-fluid > img { max-width: 100%!important; height: auto; }
.child-img-rounded > img { border-radius: 8px; }
.child-img-shadow > img { box-shadow: var(--shadow); }
.child-img-w-25 img { width: 25%!important; }
.child-img-w-50 img { width: 50%!important; }
.child-img-w-75 img { width: 75%!important; }
.child-align-items-center > .container > .row { display: flex!important; align-items: center!important; }

/* / remove default padding on columns / */
.child-flush-col > .container > .row > .column { padding: 0px; }

/* set spacing between sections (override with mt-0) */
.grid-section > div { margin-top: 2rem; }

.col-v-spacer > .container > .row > .column { margin-bottom: var(--m-4); }





/*  MEDIA QUERIES */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /*Minor thirds*/
    h1, .header1 { margin-top: 0; font-size: 2.488rem }
    h2, .header2 {font-size: 2.074rem;}
    h3, .header3 {font-size: 1.728rem;}
    h4, .header4 {font-size: 1.44rem;}
    h5, .header5 {font-size: 1.2rem;}

  .col-spacer { padding-left: var(--spacer-1); padding-right: var(--spacer-1); }
  .col-spacer-lg { padding-left: var(--spacer-2); padding-right: var(--spacer-2); }
  .col-spacer-xl { padding-left: var(--spacer-3); padding-right: var(--spacer-3); }

  .col-l-spacer { padding-right: var(--spacer-1); }
  .col-r-spacer { padding-left: var(--spacer-1); }
  .col-l-spacer-lg { padding-right: var(--spacer-2); }
  .col-r-spacer-lg { padding-left: var(--spacer-2); }
  .section-spacer { margin-top: 6rem; }
  .grid-section > div { margin-top: 6rem; }
  
  .homehero { background: url("/media/o0xkhxku/homepagehero.jpg") top right no-repeat!important; background-size: cover!important; }
  .heroContainer h1 { font-size: 72px; line-height: 100px; color: var(--mint); margin-top: 80px; }
  .jobCol02 img { margin-top: 0px; }
  .interior-container { margin-top: 85px; }
  .home-kw-search { font-size: 1.25rem; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .jobCol01 { padding-right: 100px; }
    h1.job-details-header { font-size: 2.5rem; }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}