/* Version 3, NJ School Jobs */
/* #region Standard elements */

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

main
{
  margin-top: 74px;
  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]:enabled, a.linkButton, label.linkButton
{
  background-color: #ad0018;
  border-radius: 3px;
}

  input[type=submit]:enabled:hover, a.linkButton:enabled:hover, label.linkButton:enabled:hover
  {
    background-color: #8f0014;
  }

.white
{
  color: #ffffff;
}

hr
{
  border: 1px solid #f3f3f3;
}

.text-muted
{
  color: #868e96 !important;
}

.small
{
  font-size: 80%;
  font-weight: 400;
}

/* #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-color: #292727;
  overflow: visible;
  z-index: 9999;
  height: 74px;
}

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

  #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: #ad0018;
    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: 2px;
}

#HomePage nav
{
  background-color: transparent;
  color: #ffffff;
}

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 16px;
}

nav a:hover, nav span:hover
{
  color: #ad0018;
}

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

nav ul li:hover > ul
{
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  padding: 8px 16px;
  background-color: #1a1a1a;
}

/* #endregion */

/* #region Footer */

footer
{
  background-color: #292727;
  color: #ffffff;
}

  footer .social p
  {
    margin-top: 0;
  }

  footer .footerHeader
  {
    color: #ad0018;
    font-weight: bold;
    /*padding-top: 20px;*/
  }

  footer .subfooter
  {
    margin-top: 20px;
    text-align: left;
  }

  footer .links
  {
    text-align: left;
    width: 100%;
  }

  footer ul
  {
    margin: 0.75em -1em;
    padding: 0 1em;
    list-style: none;
  }

  footer li
  {
    line-height: 1.5em;
  }

  footer a:hover
  {
    color: #ad0018;
  }

  footer .social
  {
    text-align: right;
    display: block;
    padding-top: 10px;
    margin-top: 25%;
  }

  footer .subfooter a
  {
    text-decoration: none;
    text-transform: uppercase;
  }

  footer .address
  {
    width: 100%;
    position: relative;
  }

    footer .address .footLogo, footer .address .footCopy
    {
      display: inline-block;
    }

    footer .address img
    {
      text-align: left;
      max-width: 175px;
      margin-top: -9px;
    }

    footer .address .footCopy
    {
      position: absolute;
      bottom: -13px;
    }

      footer .address .footCopy p
      {
        display: inline-block;
      }

  footer .seal
  {
    text-align: right;
  }

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

  footer .social
  {
    text-align: center;
  }

  footer .seal
  {
    width: 100%;
    text-align: center;
    float: left;
    padding-bottom: 0;
  }*/

/* #endregion */

/* #region HomePage */

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

#HomePage #boardLogo
{
  max-width: 354px;
  margin-top: 28px;
}

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

#HomePage header.fixed
{
  background-color: #292727;
  height: 72px;
}

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

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


.homeContainer h1, .homeContainer h2
{
  text-shadow: 2px 2px 4px #000000;
  margin: 60px 0;
}

.homeContainer h1
{
  font-size: 400%;
}

.homeButtons h4
{
  text-align: left;
  width: 100%;
  font-size: 20px;
  margin-left: 45px;
  font-weight: 500;
}

.homeContainer:nth-of-type(1)
{
  /*
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/Chalkboard.jpg') no-repeat;
    background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/Chalkboard.jpg') no-repeat;
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/Chalkboard.jpg') no-repeat;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/Chalkboard.jpg') no-repeat;
*/
  background-position: center center;
  background-size: cover;
  padding-top: 140px;
}

  .homeContainer:nth-of-type(1) .homeButtons
  {
    margin-top: 100px;
    margin-bottom: 80px;
  }

.quickLinks2
{
  font-size: 18px;
  padding: 10px;
  color: #ffffff;
  text-align: center;
  background-color: rgba(255, 0, 0, 0.4);
}

  .quickLinks2 span
  {
    font-size: 22px;
    color: #ffffff;
  }

  .quickLinks2 a, quickLinks2 a:link, .quickLinks2 a:visited
  {
    padding: 0 4px;
    color: #ffffff;
  }

    .quickLinks2 a:hover
    {
      color: #00abff;
    }

.register
{
  padding: 10px 0;
  text-align: center;
}

.regTitle
{
  display: inline-block;
  vertical-align: middle;
}

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

  .homeContainer:nth-of-type(2) h3
  {
    font-size: 175%;
    display: inline-block;
  }

  .homeContainer:nth-of-type(2) .homeButtons
  {
    margin-bottom: 0;
    width: auto;
    height: 100%;
    vertical-align: middle;
  }

.homeContainer:nth-of-type(3)
{
  background-color: #f3f3f3;
  color: #000000;
  padding: 0 20px;
}

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

.homeContainer:nth-of-type(5)
{
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/Chalkboard.jpg') no-repeat;
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/Chalkboard.jpg') no-repeat;
  background: -moz-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/Chalkboard.jpg') no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/Chalkboard.jpg') no-repeat;
  background-position: center 80%;
  background-size: cover;
  background-color: transparent;
  position: relative;
  -webkit-transition: opacity 0s !important;
  -moz-transition: opacity 0s !important;
  -o-transition: opacity 0s !important;
  transition: opacity 0s !important;
  min-height: 250px;
}

.adSpot
{
  position: relative;
  min-height: 250px;
  height: 100%;
}

.adImg
{
  height: 100%;
  position: relative;
  margin: auto;
}

  .adImg img
  {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

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


.featuredJob
{
  border-radius: 3px;
}

  .featuredJob:hover, .featuredEmployer:hover
  {
    border: 1px solid rgb(173, 0, 24);
    background-color: none;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(173, 0, 24, 1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(173, 0, 24, 1);
    box-shadow: inset 0px 0px 10px 0px rgba(173, 0, 24, 1);
    transition: box-shadow 0.40s ease-in-out;
  }

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

.featuredEmployer
{
  height: inherit;
}

  .featuredEmployer img
  {
    max-height: 90px;
    max-width: 100%;
    padding: 0 10px;
  }

.homeButtons
{
  display: inline-block;
  background-color: rgba(255, 255, 255, .2);
  margin-bottom: 60px;
  line-height: 20px;
  padding: 16px 8px;
}

form#form1 > p
{
  display: none;
}

.homeButtons input[type=submit], .homeButtons a
{
  background-color: #ad0018;
  color: #ffffff;
  /*width: 230px;*/
  vertical-align: middle;
}

.gc-45
{
  width: 45%;
  max-width: 45%;
  flex: 0 0 45%;
}

.gc-55
{
  width: 55%;
  max-width: 55%;
  flex: 0 0 55%;
}

.homeButtons
{
  width: 100%;
  background-color: transparent;
}

  .homeButtons input[type=submit]:hover, .homeButtons a:hover
  {
    background-color: #8f0014;
    color: #ffffff;
  }

  .homeButtons #btnSearch:hover, .homeButtons #postJobsHome:hover
  {
    background-color: #8f0014;
  }

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


#bg1, #bg2, #bg3, #bg4
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: -1;
  -webkit-transition: opacity 0s !important;
  -moz-transition: opacity 0s !important;
  -o-transition: opacity 0s !important;
  transition: opacity 0s !important;
}

#bg1
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/927g/bg1.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/927g/bg1.jpg', sizingMethod='scale')";
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/bg1.jpg');
  background-position: center bottom;
  background-size: cover;
}

#bg2
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/927g/bg2.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/927g/bg2.jpg', sizingMethod='scale')";
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/bg2.jpg');
  background-position: center bottom;
  background-size: cover;
}

#bg3
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/927g/bg3.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/927g/bg3.jpg', sizingMethod='scale')";
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/bg3.jpg');
  background-position: center bottom;
  background-size: cover;
}

#bg4
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/927g/bg4.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://jobboardhq.blob.core.windows.net/assets/prod/927g/bg4.jpg', sizingMethod='scale')";
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/bg4.jpg');
  background-position: center bottom;
  background-size: cover;
}

.switches, .switches a
{
  color: #ffffff;
  text-decoration: none;
}

/*END Homepage Employers END*/

/* #endregion */

/* #region /employer/info page */

#EmployerInfo h1
{
  margin-bottom: 20px;
}

#postOptions, #EmployerInfo h2
{
  font-weight: 700;
  text-decoration: underline;
  color: #ad0018;
  display: block;
  padding-bottom: 10px;
}

#EmployerInfo #postOptions, #EmployerInfo #featured, #EmployerInfo #resSearch, #EmployerInfo #unlimited
{
  padding-top: 75px;
  margin-top: -75px;
}

#EmployerInfo .linkToReg
{
  padding: 20px 0;
}

.employers .unlimited img.icon, .employerOption img.icon
{
  max-width: 80px;
  margin: 30px auto;
}

.employerOption .infinityImg
{
  max-height: 100px;
}

.employerOption i
{
  text-align: center;
  font-size: 60px;
  color: #ad0018;
  margin: 20px auto 20px auto;
}

.employers
{
  width: 100%;
  margin: 0 auto;
}

.employerOption
{
  border: 1px solid #d3d3d3;
  background-color: #f9f9f9;
  padding: 10px;
  margin: 10px;
  min-height: 250px;
  border-radius: 10px;
  text-align: center;
}

  .employerOption a
  {
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
  }

/* #endregion */

/* #region Non-Home Page customizations*/

#Dashboard #lnkPurchases
{
  display: inline-block;
}

#CareerPg
{
  word-wrap: break-word;
}

  #CareerPg p
  {
    padding: 5px 0;
  }

.partnerTxt, .partnerImg
{
  position: relative;
  padding: 10px;
  height: 100%;
  vertical-align: middle;
}

  .partnerImg img
  {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
  }

#advertise h1, #advertise h3
{
  padding: 10px 0;
}

.adTypes
{
  padding: 10px;
}

  .adTypes:nth-of-type(1)
  {
    padding-bottom: 20px;
  }

#advertise .adTypes h3
{
  padding-bottom: 0;
}

.bannerStd, .bannerSkyscraper
{
  background-color: #d3d3d3;
  border: 1px solid #aaaaaa;
  color: #000000;
  font-weight: 600;
}

.bannerStd
{
  width: 468px;
  height: 60px;
}

.bannerSkyscraper
{
  width: 160px;
  height: 600px;
}

.bannerStd p
{
  padding: 0 10px;
}

.bannerSkyscraper p
{
  padding: 10px;
}

#JobSearch #jobList .flag
{
  display: inline-block;
  background-color: #ad0018;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
}

#JobSearch #jobList .premium
{
  border-left-color: rgb(255, 217, 0);
}

#JobSearch #jobList .socialContainer
{
  display: block;
}

#JobSearch .adRow
{
  padding: 10px;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
  max-width: 620px;
}

  #JobSearch .adRow:hover
  {
    opacity: .8;
  }

#EmployerJobs #jobList .listRow:hover
{
  background: #e4f5fe;
}

.adRow img
{
  width: 100%;
  height: auto;
  max-width: 521px;
}

#Job #lnkEmployer > span
{
  float: left;
  margin-right: 6px;
}

#Job #lnkEmployer:not(.aspNetDisabled)::after
{
  display: block;
  font-size: 14px;
  clear: left;
  float: left;
  line-height: 16px;
  margin-bottom: 10px;
  content: "View all jobs for employer";
}

#Job.formContainer
{
  padding-bottom: 260px;
}

#Job #jobContent
{
  position: absolute;
  bottom: 0;
  overflow: hidden;
  width: auto;
}

#btnApply:enabled, #btnApplyBtm:enabled, #btnPost:enabled, #btnPostOptions:enabled, #btnFinish:enabled
{
  background-color: #037e03;
}

  #btnApply:enabled:hover, #btnApplyBtm:enabled:hover, #btnPost:enabled:hover, #btnPostOptions:enabled:hover, #btnFinish:enabled:hover
  {
    background-color: #025402;
  }

#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.3), rgba(0, 0, 0, 0.3)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/jsinfo.jpg') no-repeat;
    background: -o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/jsinfo.jpg') no-repeat;
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/jsinfo.jpg') no-repeat;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://jobboardhq.blob.core.windows.net/assets/prod/927g/jsinfo.jpg') no-repeat;
    background-position: center bottom;
    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%;
      margin-top: 20px;
    }

  #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;
  margin-bottom: 20px;
}

  #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: #ad0018;
}

/* following uses data-id for existing categories & fields------------------------------------------------*/
#Job #requisitionCode, #Job #jobContainer div[data-id='C412']
{
  display: none;
}
/*---------------------------------------------------------------------------*/
/*following uses data-id for new custom fields--------------------------------------*/
#Job #requisitionCode, #Job #jobContainer div[data-id='CF73']
{
  display: none;
}
/* -----------------------------------------------------------------*/

#searchLeft
{
  width: 170px;
  overflow: hidden;
  display: table-cell;
  vertical-align: top;
  padding: 25px 5px 5px 5px;
  text-align: center;
}

#searchLeftInner
{
  height: 800px;
  overflow: hidden;
  text-align: center;
}

#searchRight
{
  width: 170px;
  height: 600px;
  overflow: hidden;
  display: table-cell;
  vertical-align: top;
  padding: 25px 5px 5px 5px;
  text-align: center;
}

#searchRightInner
{
  width: 160px;
  height: 800px;
  overflow: hidden;
  text-align: center;
}

#JobSearch.formContainer
{
  display: table-cell;
  width: calc(100% - 340px);
}
/* NOTE: Following for demo only. Remove for Live! */
#searchLeft #sovrn_ad_unit_427863_async
{
  display: none;
}

/* following uses data-ids for existing categories & fields------------------------------------------------*/
#RegisterEmployer div[data-id='C342'], #RegisterEmployer div[data-id='C343']
{
  display: none;
}

#PostAccount #category1, #PostAccount #category2
{
  display: none;
}
/* following uses data-ids for new custom fields-----------------------------------------------------------*/
#RegisterEmployer div[data-id='CF71'], #RegisterEmployer div[data-id='CF74']
{
  display: none;
}

#PostAccount #category1, #PostAccount #category2
{
  display: none;
}
/*----------------------------------------------------------------------------------------------------------*/

.fa-exclamation
{
  background-color: #ad0018;
}
/* #endregion */
/* #region Media Queries */
@media only screen and (max-width: 1024px)
{
  .regTitle
  {
    display: block;
  }

  .homeButtons input[type=submit], .homeButtons a
  {
    width: 230px;
  }

  .homeContainer:nth-of-type(1) .homeButtons
  {
    margin-top: 0;
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 1023px)
{
  #searchLeft
  {
    display: none;
  }

  #searchRight
  {
    display: none;
  }

  #JobSearch .adRow
  {
    display: none;
  }

  footer .social
  {
    margin-top: 10px;
    text-align: left;
  }
}

@media only screen and (max-width: 1020px)
{
  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)
{
  #boardLogo, #HomePage header.fixed #boardLogo, #HomePage #boardLogo
  {
    max-width: 275px
  }

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

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

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

  .packageRow:nth-child(9)
  {
    margin-left: initial;
  }

  header .accountInfo
  {
    display: none;
  }

  #HomePage header.fixed
  {
    height: auto;
  }

  #boardLogo
  {
    float: none;
  }

  #HomePage #boardLogo
  {
    margin-top: 0;
  }

  #HomePage nav
  {
    margin-top: 0;
    background-color: transparent;
  }

  .menuButton
  {
    top: 22px;
  }

  nav
  {
    margin-top: 0;
    float: none;
    clear: left;
    position: static;
    background-color: #1a1a1a;
    color: #ffffff;
  }

    nav ul li:hover > ul
    {
      padding: 0;
      background-color: #1a1a1a;
      border-bottom: 1px solid #505050;
      color: #ffffff;
    }

    nav li a, nav li span
    {
      border-bottom: 1px solid #505050;
    }

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

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

    nav > ul > li:first-child > a, nav > ul > li:first-child > span
    {
      border-bottom: 1px solid #505050;
    }

    nav ul li
    {
      padding: 0;
    }

    nav > ul > li:last-child a
    {
      border: none;
    }

  .columnContainer .thirdColumn
  {
    width: 100% !important;
    padding: 0 0 10px 0 !important;
  }

  main
  {
    margin: 0;
  }

  footer .address, footer .seal
  {
    text-align: center;
    margin-top: 10px;
  }

    footer .address .footLogo, footer .address .footCopy
    {
      display: block;
    }

    footer .address .footCopy
    {
      position: relative;
      bottom: 0;
    }

      footer .address .footCopy p
      {
        margin-top: 0;
        margin-bottom: 5px;
      }

  .homeContainer h1
  {
    font-size: 300%;
    margin: 40px 0;
  }

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

  .homeContainer:nth-of-type(2) h3
  {
    font-size: 140%;
  }

  .homeContainer:nth-of-type(4)
  {
    padding: 0 20px;
    background-color: #f3f3f3;
  }

  .homeButtons input[type=submit], .homeButtons a
  {
    width: 230px;
  }

  #postOptions, #EmployerInfo h2
  {
    font-size: 150%;
  }

  .employerOption i
  {
    font-size: 50px;
  }

  .employerOption a
  {
    font-size: 24px;
  }

  .employers
  {
    width: 90%;
  }

    .employers > div > h3
    {
      font-size: 150%;
    }

    .employers > div
    {
      width: 70% !important;
      display: block;
      max-width: initial !important;
      margin: 30px auto;
      min-height: 220px;
      height: auto;
    }

      .employers > div + div
      {
        margin-left: auto;
      }

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


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

    #JobSeeker_Info .container:nth-of-type(1) h2
    {
      font-size: 200%;
    }

  .partnerImg img
  {
    position: relative;
    padding: 10px;
  }

  #JobSearch.formContainer
  {
    display: block;
    width: auto;
  }
}

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

  .homeContainer h1
  {
    font-size: 260%;
    margin: 30px 5px;
  }

  .employers
  {
    width: 100%;
  }

    .employers > div
    {
      width: calc(100% / 1 - 10px) !important;
      display: grid;
      min-height: 200px;
      margin: 30px auto;
      text-align: center;
    }

      .employers > div + div
      {
        margin-left: auto;
      }

      .employers > div > h3
      {
        font-size: 28px;
      }

  .social .fa-facebook, .social .fa-twitter, .social .fa-linkedin,
  .social .fa-google-plus, .social .fa-youtube, .social .fa-instagram
  {
    height: 26px;
    width: 26px;
    line-height: 24px;
    border-radius: 4px;
    font-size: 18px;
  }
}
/* #endregion */
.columnContainer .wrapper
{
  width: 100%;
  max-width: 1170px;
}

.columnContainer:before, .columnContainer:after
{
  content: "";
  display: table;
  clear: both;
}

.columnContainer [class*='Column']
{
  float: left;
  min-height: 1px;
  margin: 0;
  padding: 10px;
  text-align: center;
}

  .columnContainer [class*='Column'] > div
  {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 10px;
    min-height: 250px;
  }

.columnContainer .wrapper *
{
  box-sizing: border-box;
}

.columnContainer [class*='Column'] > div img
{
  max-width: 30%;
}

#EmployerInfo ul
{
  text-align: left;
  margin-left: 20px;
}
/*Third Width of Container*/
.columnContainer .thirdColumn
{
  width: 33.33%;
  height: 33.33%;
  padding: 0 0 10px 10px;
  position: relative;
  min-height: 250px;
}

.columnContainer > .thirdColumn:first-of-type
{
  margin-top: 0;
  padding-top: 0;
  margin-left: 0;
  padding-left: 0;
}

.columnContainer > .thirdColumn:nth-of-type(3n + 3)
{
  margin-right: 0;
  padding-right: 0;
  margin-top: 0;
  padding-top: 0;
}

.columnContainer > .thirdColumn:nth-of-type(3n + 4)
{
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
}

.columnContainer > .thirdColumn:last-of-type
{
  margin-top: 0;
  padding-top: 0;
  margin-right: 0;
  padding-right: 0;
}
/*Quarter Width of Container*/
.columnContainer .fourthColumn
{
  width: 25%;
  height: 25%;
  padding: 0 0 10px 10px;
  position: relative;
  min-height: 250px;
}

.columnContainer > .fourthColumn:first-of-type
{
  margin-top: 0;
  padding-top: 0;
  margin-left: 0;
  padding-left: 0;
}

.columnContainer > .fourthColumn:nth-of-type(4n + 4)
{
  margin-right: 0;
  padding-right: 0;
  margin-top: 0;
  padding-top: 0;
}

.columnContainer > .fourthColumn:nth-of-type(4n + 5)
{
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
}

.columnContainer > .fourthColumn:last-of-type
{
  margin-top: 0;
  padding-top: 0;
  margin-right: 0;
  padding-right: 0;
}
/*Quint Width of Container*/
.columnContainer .fifthColumn
{
  width: 20%;
  height: 20%;
  padding: 0 0 10px 10px;
  position: relative;
  min-height: 250px;
}

.columnContainer > .fifthColumn:first-of-type
{
  margin-top: 0;
  padding-top: 0;
  margin-left: 0;
  padding-left: 0;
}

.columnContainer > .fifthColumn:nth-of-type(5n + 5)
{
  margin-right: 0;
  padding-right: 0;
  margin-top: 0;
  padding-top: 0;
}

.columnContainer > .fifthColumn:nth-of-type(5n + 6)
{
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
}

.columnContainer > .fifthColumn:last-of-type
{
  margin-top: 0;
  padding-top: 0;
  margin-right: 0;
  padding-right: 0;
}

.columnContainer
{
  width: 100%;
  margin: 0 auto;
}

  .columnContainer > div + div
  {
    margin-left: 1vw;
  }

  .columnContainer > div h3
  {
    font-size: 30px;
    text-align: center;
  }

  .columnContainer .unlimited h6
  {
    font-size: 10px;
  }

  .columnContainer > div i, .columnContainer > div img
  {
    text-align: center;
    font-size: 60px;
    color: #ad0018;
    margin: 30px auto 30px auto;
  }

  .columnContainer > div h4
  {
    font-size: 14px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    min-height: 20px;
  }