/* Version 3, Career Matrix */

/* #region Standard elements */

body
{
  background-color: #272500;
  font-family: 'Open Sans', sans-serif;
}

main
{
  margin-top: 72px;
  background-color: #ffffff;
  padding-top: 20px;
}

input, select, textarea
{
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3
{
  font-family: Roboto, sans-serif;
}

input[type=submit], a.linkButton, label.linkButton
{
  /* background-color: #338886; */
  background-color: #bfbf87;
  border-radius: 3px;
}

  input[type=submit]:hover, a.linkButton:hover, label.linkButton:hover
  {
    /* background-color: #2f7d7b; */
    /* background-color: #569586; */
    background-color: #fcfcc1;
    color: #000000;
  }


/* #endregion */


/* #region Header */

header *
{
  -webkit-transition: background-color 0.50s ease-in-out, margin 0.50s ease-in-out, max-width 0.50s ease-in-out;
  -moz-transition: background-color 0.50s ease-in-out, margin 0.50s ease-in-out, max-width 0.50s ease-in-out;
  -o-transition: background-color 0.50s ease-in-out, margin 0.50s ease-in-out, max-width 0.50s ease-in-out;
  transition: background-color 0.50s ease-in-out, margin 0.50s ease-in-out, max-width 0.50s ease-in-out;
}

header
{
  position: fixed;
  top: 0;
  left: 0;
  background: #272500;
  overflow: visible;
  z-index: 9999;
  height: 72px;
}

#boardLogo
{
  display: inline-block;
  float: left;
  padding: 10px;
  max-width: 340px;
}

  #boardLogo span:nth-child(2)
  {
    color: white;
  }

  #boardLogo span:nth-child(3)
  {
    font-weight: bold;
  }

  #boardLogo a
  {
    text-decoration: none;
  }

.accountInfo
{
  display: inline-block;
  color: #ffffff;
  margin: 2px;
  font-size: 14px;
  margin-right: 10px;
  line-height: 30px;
  height: 30px;
}

  .accountInfo a
  {
    background-color: #bfbf87;
    border-radius: 3px;
    padding: 0 8px;
    margin: 0;
    line-height: 26px;
  }

    .accountInfo a:first-of-type
    {
      display: none;
    }


/* #endregion */


/* #region Menu */

nav
{
  display: inline-block;
  width: auto;
  background-color: transparent;
  float: right;
  clear: right;
  margin-top: 0;
}

  nav span, nav a
  {
    font-size: 19px;
    white-space: nowrap;
    line-height: 26px;
  }

  nav ul ul a
  {
    font-size: 15px;
    line-height: 28px;
  }

  nav > ul > li:hover, nav > ul a:hover
  {
    background-color: transparent;
  }

  nav > ul > li
  {
    padding: 4px 4px 4px 12px;
  }

  nav a:hover
  {
    color: #046866;
  }

  nav > ul > li > a:hover
  {
    color: #bfbf87;
  }

  nav > ul > li > a, nav > ul > li > span
  {
    padding: 2px 8px;
  }

  nav ul li > ul
  {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    padding: 8px 16px;
    background-color: #bfbf87;
    overflow: hidden;
    opacity: 0;
    max-height: 0px;
    transition: max-height .1s ease, opacity .1s ease;
  }

  nav ul li:hover > ul
  {
    max-height: 800px;
    opacity: 1;
    transition: max-height .5s ease, opacity .7s ease;
  }


/* #endregion */


/* #region Footer */

footer
{
  background: #272500;
  color: #ffffff;
}

  footer a:hover
  {
    color: #bfbf87;
  }

  footer .address, footer .links, footer .social
  {
    display: inline-block;
    width: 32%;
  }

  footer .social
  {
    text-align: center;
  }

/* #endregion */


/* #region HomePage */

#HomePage header
{
  background: transparent;
  height: auto;
}

#HomePage #boardLogo
{
  max-width: 380px;
  margin-top: 36px;
}

#HomePage nav
{
  margin-top: 42px;
}

#HomePage header.fixed
{
  background: #272500;
  height: 72px;
}

  #HomePage header.fixed #boardLogo
  {
    margin-top: 0;
    max-width: 340px;
  }

  #HomePage header.fixed nav
  {
    margin-top: 0;
  }

    #HomePage header.fixed nav ul li
    {
      color: #ffffff;
    }

.homeContainer
{
  background-color: #ffffff;
}

  .homeContainer .wrapper
  {
    z-index: 999;
  }

.homeContainer .wrapperFull
{
  max-width: 1880px;
}


  .homeContainer:nth-of-type(1)
  {
    /* background: -webkit-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/AdobeStock_122056968_Preview.jpeg') no-repeat;
  background: -o-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/AdobeStock_122056968_Preview.jpeg') no-repeat;
  background: -moz-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/AdobeStock_122056968_Preview.jpeg') no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/AdobeStock_122056968_Preview.jpeg') no-repeat; */
    background-position: center center;
    background-size: cover;
    padding-top: 60px;
    position: relative;
  }

    .homeContainer:nth-of-type(1) *
    {
      -webkit-transition: opacity 0s !important;
      -moz-transition: opacity 0s !important;
      -o-transition: opacity 0s !important;
      transition: opacity 0s !important;
    }


    .homeContainer:nth-of-type(1) h3
    {
      color: #ffffff;
    }

.homeContainer:nth-of-type(1) .homeButtons input[type="text"], .homeContainer:nth-of-type(1) .homeButtons input[type="submit"]
{
  margin: 0;
  border-radius: 0;
}

.homeContainer:nth-of-type(1) .homeButtons input[type="submit"]
{
  text-transform: uppercase;
}

.homeButtons input[type="text"], .homeButtons input[type="submit"], .homeButtons a
{
  border-radius: 0;
}


#emplAndSeeker
{
  position: relative;
  background-color: rgba(13, 18, 27, 0.5);
  z-index: 9999;
}

  #emplAndSeeker .homeButtons
  {
    display: inline-block;
    margin-bottom: 0px;
    padding: 4px 16px;
    vertical-align: top;
  }

    #emplAndSeeker .homeButtons p
    {
      display: inline-block;
      font-size: 20px;
      vertical-align: middle;
      text-transform: uppercase
    }

  .homeContainer:nth-of-type(2)
  {
    /* Featured Job Banner */
    background-color: #bfbf87;
    color: #ffffff;
    padding: 2px;
  }

    .homeContainer:nth-of-type(2) h3
    {
      margin: 4px 0;
    }

      .homeContainer:nth-of-type(2) h3 a
      {
        text-decoration: none;
      }

      .homeContainer:nth-of-type(3)
      {
        padding: 0;
        height: 550px;
      }

  .homeContainer:nth-of-type(4)
  {
    background-color: #e8e8b1;
    color: #ffffff;
  }

    .homeContainer:nth-of-type(4) h3
    {
      margin: 4px 0;
      color: #524e06;
    }

    .homeContainer:nth-of-type(4) p
    {
      -webkit-margin-before: 0.5em;
      -webkit-margin-after: 0.5em;
    }

    .homeContainer:nth-of-type(4) .homeButtons
    {
      padding: 4px;
      margin: 0 5px;
    }

  .homeContainer .wrapper
  {
    text-align: center;
  }

.featuredJob
{
  border-radius: 3px;
}

  .featuredJob .jobTitle
  {
    color: #333333 !important;
  }


.featuredJobs
{
  width: calc(-40px + 100%);
  margin: 4px 20px;
}

.featuredJobs h3
{
  display: none;
}

/*.featuredJobs
{
  margin: 4px auto;
}*/

.featuredJob:hover
{
  border: 1px solid #000000;
  background-color: none;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 1);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 1);
  transition: box-shadow 0.20s ease-in-out;
}

.homeButtons
{
  background-color: transparent;
  z-index: 999;
}

  .homeButtons input[type=text]
  {
    border: none;
    vertical-align: middle;
  }

  .homeButtons input[type=submit], .homeButtons a
  {
    background-color: #bfbf87;
    vertical-align: middle;
  }

    .homeButtons input[type=submit]:hover, .homeButtons a:hover
    {
      background-color: #fcfcc1;
      color: #000000;
    }

#bg1, #bg2, #bg3, #bg4, #bg5, #bg6, #bg7, #bg8
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

#bg1
{
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-2019-Holland.JPG', sizingMethod='scale')";
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-2019-Holland.JPG', sizingMethod='scale');
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-2019-Holland.JPG');
  background-position: center center;
}

#bg2
{
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-2019-Mackinac-Island.JPG', sizingMethod='scale')";
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-2019-Mackinac-Island.JPG', sizingMethod='scale');
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-2019-Mackinac-Island.JPG');
  background-position: center 75%;
}

#bg3
{
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-2019-Manistique.jpg', sizingMethod='scale')";
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-2019-Manistique.jpg', sizingMethod='scale');
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-2019-Manistique.jpg');
  background-position: center 80%;
}

#bg4
{
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-2019-Seasonal.jpg', sizingMethod='scale')";
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-2019-Seasonal.JPG', sizingMethod='scale');
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-2019-Seasonal.JPG');
  background-position: center center;
}

#bg5
{
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-GR.jpg', sizingMethod='scale')";
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-GR.jpg', sizingMethod='scale');
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-GR.jpg');
  background-position: center center;
}

#bg6
{
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-holland-mi.jpg', sizingMethod='scale')";
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-holland-mi.jpg', sizingMethod='scale');
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-holland-mi.jpg');
  background-position: center center;
}

#bg7
{
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-LudingtonSmall.jpg', sizingMethod='scale')";
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-LudingtonSmall.jpg', sizingMethod='scale');
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-LudingtonSmall.jpg');
  background-position: center center;
}

#bg8
{
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-Tigers-2014Small.jpg', sizingMethod='scale')";
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-Tigers-2014Small.jpg', sizingMethod='scale');
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/BG-Tigers-2014Small.jpg');
  background-position: center center;
  /*-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/believe5.jpg', sizingMethod='scale')";
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/9phn/believe5.jpg', sizingMethod='scale');
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/believe5.jpg');
  background-position: center 30%;*/
}

/* #endregion */

/* #region HomeRefresh */

#HomeTwo .homeContainer:nth-of-type(1) .homeButtons input[type="text"], #HomeTwo .homeContainer:nth-of-type(1) .homeButtons input[type="submit"]
{
  margin: 0;
  border-radius: 0;
}

#HomeTwo .homeContainer:nth-of-type(1) .homeButtons input[type="submit"]
{
  text-transform: uppercase;
}

#HomeTwo .homeButtons input[type="text"], #HomeTwo .homeButtons input[type="submit"], #HomeTwo .homeButtons a
{
  border-radius: 0;
}

#emplAndSeeker
{
  position: relative;
  background-color: rgba(13, 18, 27, 0.5);
  z-index: 9999;
}

  #emplAndSeeker .homeButtons
  {
    display: inline-block;
    margin-bottom: 0px;
    padding: 4px 16px;
    vertical-align: top;
  }

    #emplAndSeeker .homeButtons p
    {
      display: inline-block;
      font-size: 20px;
      vertical-align: middle;
      text-transform: uppercase
    }

#HomeTwo .wrapperFull
{
  max-width: 1880px;
}

#HomeTwo h3 a
{
  text-decoration: none;
}

#HomeTwo .featuredJobs
{
  width: calc(-40px + 100%);
  margin: 4px 20px;
}

#HomeTwo .homeContainer:nth-of-type(3)
{
  padding: 0;
  height: 550px;
}

/* #endregion */


/* #region Non-Home Page customizations*/

#JobSearch #jobList .premium
{
  border-left-color: #000000;
}

#JobSearch #jobList .listRow .title
{
  color: #000000;
}

#JobSeeker_Info .container
{
  background-color: #ffffff;
}

  #JobSeeker_Info .container .wrapper
  {
    text-align: center;
  }

  #JobSeeker_Info .container:nth-of-type(1)
  {
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/js.jpg') no-repeat;
    background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/js.jpg') no-repeat;
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/js.jpg') no-repeat;
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/js.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    margin-top: 72px;
    padding: 120px 0;
    overflow: hidden;
  }

    #JobSeeker_Info .container:nth-of-type(1) h1
    {
      text-align: center;
      color: #ffffff;
      text-shadow: 2px 2px 4px #000000;
      font-size: 500%;
    }

    #JobSeeker_Info .container:nth-of-type(1) h2
    {
      text-align: center;
      color: #ffffff;
      text-shadow: 2px 2px 4px #000000;
      font-size: 300%;
    }

  #JobSeeker_Info .container p
  {
    max-width: 80%;
    text-align: center;
    color: #333333;
    padding: 10px;
    line-height: 28px;
    font-size: 18px;
    margin: 20px auto;
  }

  #JobSeeker_Info .container:nth-of-type(2)
  {
    padding: 20px 0;
  }

#JobSeeker_Info .thirdColumn
{
  background-color: #f9f9f9;
  width: 31%;
  min-width: 280px;
  padding: 20px 10px;
  position: relative;
  min-height: 350px;
}

  #JobSeeker_Info .thirdColumn ul
  {
    text-align: left;
    margin-bottom: 60px;
  }

    #JobSeeker_Info .thirdColumn ul li
    {
      margin-bottom: 10px;
    }

  #JobSeeker_Info .thirdColumn div:last-child
  {
    position: absolute;
    bottom: 10px;
    width: 100%;
    margin-left: -10px;
  }

.fa-bell-o, .fa-user-o, .fa-file-text-o
{
  font-size: 50px;
  background-color: none;
  color: #666666;
}

.dashBadge .fa
{
  color: #569586;
}

#Job #btnApply, #Job #btnApplyBtm, #Job #btnPost
{
  background-color: #000000;
  color: #ffffff;
}

  #Job #btnApply:hover, #Job #btnApplyBtm:hover, #Job #btnPost:hover
  {
    background-color: #5c5c5c;
    color: #ffffff;
  }

input#btnPostOptions:disabled
{
  background-image: none;
  background: #cccccc;
}

/* following uses data-id for categories & fields, pre-conversion ----------------------*/
#Job[data-user-context='jobSeeker'] div[data-id='F267'] > span
{
  display: none;
}

#Job div[data-id='F267'] span.fieldValue, #JobPreview div[data-id='F267'] span.formDataLabel
{
  font-weight: 600;
  color: #000000;
  background-color: #fcfcc1;
  padding: 6px;
  border: 1px solid #bfbf87;
}

#JobPreview div[data-id='F267'] > span
{
  display: none;
}
/*-----------------------------------------------------------------------------------*/
/* following uses data-id for new custom fields--------------------------------------*/
#Job[data-user-context='jobSeeker'] div[data-id='CF426'] > span
{
  display: none;
}

#Job div[data-id='CF426'] #lblCF426, #JobPreview [data-id='CF426'] #lblPreviewCF426
{
  font-weight: 600;
  color: #000000;
  background-color: #fcfcc1;
  padding: 6px;
  border: 1px solid #bfbf87;
}

#JobPreview div[data-id='CF426'] > span
{
  display: none;
}
-----------------------------------------------------------------------------------

.slick-track
{
  margin: 0 auto;
}

.slick-prev, .slick-next
{
  top: calc(50% + 5px);
}

.slick-prev
{
  background: transparent url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/arrow-left.png') no-repeat !important;
}

.slick-next
{
  background: transparent url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/arrow-right.png') no-repeat !important;
}

ul.slick-dots
{
  display: none !important;
}

.featuredEmployers
{
  width: calc(100% - 40px);
}

  .featuredEmployers h3
  {
    display: none;
  }

.jsPicture, .empPicture
{
  max-width: 500px;
  float: right;
  border-radius: 22px;
}

#CustomPage .homeButtons
{
  text-align: left;
}

  #CustomPage .homeButtons input[type=text]
  {
    border: 1px solid #aaaaaa;
  }

/* #endregion Non-home customization*/

/* #region EmployerLogos page */
#EmployerLogos #employerContainer
{
  width: 14.28%;
  padding: 10px;
}

@media only screen and (max-width : 1365px)
{
  #EmployerLogos #employerContainer
  {
    width: 20%;
  }
}

@media only screen and (max-width : 1023px)
{
  #EmployerLogos #employerContainer
  {
    width: 25%;
  }
}

@media only screen and (max-width : 767px)
{
  #EmployerLogos #employerContainer
  {
    width: 33.33%;
  }
}

@media only screen and (max-width : 480px)
{
  #EmployerLogos #employerContainer
  {
    width: 100%;
  }
}

#EmployerLogos #employer
{
  padding: 10px 10px 45px 10px;
}

#EmployerLogos #employerLogo
{
  height: 85px;
}

#EmployerLogos #employerName
{
  font-size: 12px;
}
/* #endregion EmployerLogos page */

/* Click count field */
/* No #field2 exists */
/*#Jobs #field2, #Job #field2, #RegisterEmployer #field2
{
  display: none;
}*/

/* #region matrix-blast page */

#blast table
{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

  #blast table img
  {
    max-width: 50px;
    max-height: 48px;
  }

#blast tr:nth-child(odd) td
{
  border: 1px solid #ffffff;
}

#blast tr:nth-child(even) td
{
  border: 1px solid #ffffff;
}

#blast td
{
  text-align: left;
  padding: 4px;
}

#blast tr td:nth-child(even)
{
  border-left: transparent;
  padding-left: 2px;
}

#blast tr td:nth-child(odd)
{
  border-right: transparent;
  padding-right: 2px;
  max-width: 60px;
}

#blast tr:nth-child(even)
{
  background-color: #6f5d4a;
  color: #ffffff;
}

#blast tr:nth-child(odd)
{
  background-color: #e6ba62;
  color: #ffffff;
}


/* #endregion matrix-blast page */

/* #region New jobs-blast page */
#jobsBlast .container
{
  background-color: #ffffff;
}

  #jobsBlast .container .wrapper
  {
    text-align: center;
  }

  #jobsBlast .container:nth-of-type(1)
  {
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/satellitesSmall.jpg') no-repeat;
    background: -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/satellitesSmall.jpg') no-repeat;
    background: -moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/satellitesSmall.jpg') no-repeat;
    background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/9phn/satellitesSmall.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    margin-top: 72px;
    padding: 120px 0;
    overflow: hidden;
  }

    #jobsBlast .container:nth-of-type(1) h1
    {
      text-align: center;
      color: #ffffff;
      text-shadow: 2px 2px 4px #000000;
      font-size: 500%;
    }

#jobsBlast h2
{
  padding: 20px 10px;
}

#jobsBlast .container:nth-of-type(2) .wrapper
{
  max-width: 900px;
}

#jobsBlast .logoGrid
{
  margin: 5px;
  padding: 5px;
}

#jobsBlast .grid img
{
  max-width: 100px;
}

#jobsBlast .container:nth-of-type(3)
{
  /* background-color: #b36716; */
  background-color: #fbe58e;
  color: #000000;
}

#jobsBlast .container:nth-of-type(4)
{
  min-height: 600px;
}

  #jobsBlast .container:nth-of-type(4) .wrapper
  {
    max-width: 900px;
  }

#jobsBlast table
{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

  #jobsBlast table img
  {
    max-width: 50px;
    max-height: 48px;
  }

#jobsBlast tr:nth-child(odd) td
{
  border: 1px solid #000000;
}

#jobsBlast tr:nth-child(even) td
{
  border: 1px solid #000000;
}

#jobsBlast td
{
  text-align: left;
  padding: 4px;
}

#jobsBlast tr td:nth-child(even)
{
  border-left: transparent;
  padding-left: 2px;
}

#jobsBlast tr td:nth-child(odd)
{
  border-right: transparent;
  padding-right: 2px;
  max-width: 60px;
}

#jobsBlast tr:nth-child(even)
{
  background-color: #fbe58e;
  color: #000000;
}

#jobsBlast tr:nth-child(odd)
{
  background-color: #ecce50;
  color: #000000;
}
/* #endregion, New jobs-blast page */

/* #region 20 Year page */
#TwentyYr p
{
  padding: 0 10px;
}

#TwentyYr #historyBegin, #TwentyYr img
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* end 20 Year page */
/* #endregion */


/* #region Media Queries */
@media only screen and (max-width: 1023px)
{
  .homeContainer:nth-of-type(4) .grid > .gc-t-1-1:nth-of-type(1)
  {
    order: 1;
  }

  .homeContainer:nth-of-type(4) .grid > .gc-t-1-1:nth-of-type(2)
  {
    order: 3;
  }

  .homeContainer:nth-of-type(4) .grid > .gc-t-1-1:nth-of-type(3)
  {
    order: 2;
    padding-bottom: 10px;
  }

  .homeContainer:nth-of-type(4) .grid > .gc-t-1-1:nth-of-type(4)
  {
    order: 4;
  }

}

@media only screen and (max-width: 1020px)
{
  #HomePage #boardLogo, #boardLogo
  {
    max-width: 340px;
  }

  #HomePage #boardLogo
  {
    margin-top: 44px;
  }

  nav span, nav a
  {
    font-size: 16px;
  }

  nav > ul > li > a, nav > ul > li > span
  {
    padding: 2px 6px;
  }
}

@media only screen and (max-width: 920px)
{
  #HomePage #boardLogo, #HomePage header.fixed #boardLogo, #boardLogo
  {
    max-width: 280px;
    margin-top: 5px;
  }

  #HomePage #boardLogo
  {
    margin-top: 52px;
  }

  nav span, nav a
  {
    font-size: 15px;
  }

  nav > ul > li
  {
    padding: 4px 4px 4px 8px;
  }

    nav > ul > li > a, nav > ul > li > span
    {
      padding: 2px 5px;
    }
}

@media only screen and (max-width: 767px)
{
  header
  {
    position: relative;
    background: #272500;
    overflow: visible;
    z-index: 9999;
    height: auto;
  }

    header .accountInfo
    {
      display: none;
    }

  #HomePage header
  {
    background: #272500;
  }

    #HomePage header.fixed
    {
      height: auto;
    }

  #boardLogo
  {
    max-width: 240px;
    padding: 18px 10px;
    float: none;
  }

  #HomePage #boardLogo, #HomePage header.fixed #boardLogo
  {
    max-width: 240px;
    margin-top: 0;
  }

  #HomePage nav
  {
    margin-top: 0;
  }

  .menuButton
  {
    top: 28px;
  }

  nav
  {
    margin-top: 0;
    float: none;
    clear: left;
    position: static;
  }

    nav ul li:hover > ul
    {
      padding: 0;
      background-color: #bfbf87;
      border-top: 1px solid #fcfcc1;
    }

    nav > ul > li > a:hover
    {
      color: #bfbf87;
    }

    nav li a, nav li span
    {
      border-bottom: #fcfcc1;
    }

    nav > ul > li > a, nav > ul > li > span
    {
      padding: 6px 12px;
    }

    nav ul ul > li > a, nav ul ul > li > span
    {
      padding: 6px 10px 6px 30px;
    }

    nav > ul > li:first-child > a, nav > ul > li:first-child > span
    {
      border-top: #fcfcc1;
    }

    nav ul li
    {
      padding: 0;
    }

    nav > ul > li:last-child a
    {
      border: none;
    }
    /* Test animation */
    nav li
    {
      overflow: hidden;
    }

      nav li:hover
      {
        overflow: visible;
      }

  .menuShow ul ul
  {
    display: block;
    overflow: hidden;
    max-height: 0px;
    opacity: 0;
    transition: max-height .1s ease, opacity .1s ease;
  }

  .menuShow ul li:hover > ul
  {
    max-height: 800px;
    opacity: 1;
    transition: max-height 1s ease, opacity 1s ease;
  }

  main
  {
    margin: 0;
  }

  footer .address, footer .links, footer .social
  {
    display: block;
    width: 100%;
    text-align: center;
  }

  .homeContainer:nth-of-type(1)
  {
    padding-top: 60px;
  }

  .homeContainer:nth-of-type(3)
  {
    padding: 0 10px;
  }
  .homeButtons input[type=text], .homeButtons input[type=submit], .homeButtons a,
  #emplAndSeeker .homeButtons input[type=text], #emplAndSeeker .homeButtons input[type=submit], #emplAndSeeker .homeButtons a
  {
    width: 100%;
    margin: 4px auto;
  }

  #emplAndSeeker .homeButtons
  {
    width: 100%;
  }

  #HomeTwo .homeContainer:nth-of-type(1) .homeButtons input[type="text"], #HomeTwo .homeContainer:nth-of-type(1) .homeButtons input[type="submit"]
  {
    width: auto;
  }

  .homeContainer:nth-of-type(4) .grid > .gc-p-1-1:nth-of-type(1)
  {
    order: 1;
  }

  .homeContainer:nth-of-type(4) .grid > .gc-p-1-1:nth-of-type(2)
  {
    order: 3;
  }

  .homeContainer:nth-of-type(4) .grid > .gc-p-1-1:nth-of-type(3)
  {
    order: 2;
  }

  .homeContainer:nth-of-type(4) .grid > .gc-p-1-1:nth-of-type(4)
  {
    order: 4;
  }

  #jobsBlast .container:nth-of-type(1)
  {
    margin-top: 0;
  }

    #jobsBlast .container:nth-of-type(1) h1
    {
      font-size: 350%;
    }

  #jobsBlast .container:nth-of-type(2) .grid:nth-of-type(1) > .gc-p-1-2:nth-of-type(1)
  {
    order: 1;
  }

  #jobsBlast .container:nth-of-type(2) .grid:nth-of-type(1) > .gc-p-1-2:nth-of-type(2)
  {
    order: 2;
  }

  #jobsBlast .container:nth-of-type(2) .grid:nth-of-type(1) > .gc-p-1-2:nth-of-type(3)
  {
    order: 3;
  }

  #jobsBlast .container:nth-of-type(2) .grid:nth-of-type(1) > .gc-p-1-2:nth-of-type(4)
  {
    order: 4;
  }

  #jobsBlast .container:nth-of-type(2) .grid:nth-of-type(1) > .gc-p-1-2:nth-of-type(5)
  {
    order: 7;
  }

  #jobsBlast .container:nth-of-type(2) .grid:nth-of-type(1) > .gc-p-1-2:nth-of-type(6)
  {
    order: 5;
  }

  #jobsBlast .container:nth-of-type(2) .grid:nth-of-type(1) > .gc-p-1-2:nth-of-type(7)
  {
    order: 6;
  }

  #jobsBlast .container:nth-of-type(2) .grid:nth-of-type(1) > .gc-p-1-2:nth-of-type(8)
  {
    order: 8;
  }

  #jobsBlast .container:nth-of-type(2) .grid:nth-of-type(2) > .gc-p-1-2:nth-of-type(1)
  {
    order: 3;
  }

  #jobsBlast .container:nth-of-type(2) .grid:nth-of-type(2) > .gc-p-1-2:nth-of-type(2)
  {
    order: 1;
  }

  #jobsBlast .container:nth-of-type(2) .grid:nth-of-type(2) > .gc-p-1-2:nth-of-type(3)
  {
    order: 2;
  }

  #jobsBlast .container:nth-of-type(2) .grid:nth-of-type(2) > .gc-p-1-2:nth-of-type(4)
  {
    order: 4;
  }
}

@media only screen and (max-width: 480px)
{
  .homeContainer:nth-of-type(1)
  {
    padding-top: 30px;
  }

  #HomeTwo .homeContainer:nth-of-type(1) .homeButtons input[type="text"], #HomeTwo .homeContainer:nth-of-type(1) .homeButtons input[type="submit"]
  {
    width: 100%;
  }


  #boardLogo
  {
    width: 240px;
    /* max-width: calc(94% - 36px); */
    padding: 18px 10px;
    float: none;
  }
}


/* #endregion */