/* Fonts */
@font-face{
  font-family:Trailhead-Bold;
  src:url('https://developer.salesforce.com/resource/fonts/trailheadbold/Trailhead-Bold.eot');
  src:url('https://developer.salesforce.com/resource/fonts/trailheadbold/Trailhead-Bold.eot?#iefix') format('embedded-opentype'),
  url('https://developer.salesforce.com/resource/fonts/trailheadbold/Trailhead-Bold.woff') format('woff'),
  url('https://developer.salesforce.com/resource/fonts/trailheadbold/Trailhead-Bold.woff2') format('woff2'),
  url('https://developer.salesforce.com/resource/fonts/trailheadbold/Trailhead-Bold.svg#TrailheadBold') format('svg');
  font-weight:bold;
  font-style:normal
}

@font-face{font-family:'Salesforce Sans';src:url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-Light.woff2) format("woff2"),url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-Light.woff) format("woff");font-weight:300}
@font-face{font-family:'Salesforce Sans';src:url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-Thin.woff2) format("woff2"),url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-Thin.woff) format("woff");font-weight:100}
@font-face{font-family:'Salesforce Sans';src:url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-LightItalic.woff2) format("woff2"),url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-LightItalic.woff) format("woff");font-style:italic;font-weight:300}
@font-face{font-family:'Salesforce Sans';src:url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-Regular.woff2) format("woff2"),url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-Regular.woff) format("woff");font-weight:400}
@font-face{font-family:'Salesforce Sans';src:url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-Italic.woff2) format("woff2"),url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-Italic.woff) format("woff");font-style:italic;font-weight:400}
@font-face{font-family:'Salesforce Sans';src:url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-Bold.woff2) format("woff2"),url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-Bold.woff) format("woff");font-weight:700}
@font-face{font-family:'Salesforce Sans';src:url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-BoldItalic.woff2) format("woff2"),url(https://unpkg.com/@salesforce-ux/design-system@2.3.1/assets/fonts/webfonts/SalesforceSans-BoldItalic.woff) format("woff");font-style:italic;font-weight:700}

/* --Begin Overall Styles-- */
html, body {
  margin: 0;
  padding: 0;
}

div#logobar {
  padding: 8px 0 8px 15px;
}

#masthead {
border-radius: 4px 4px 0 0;
width: 100%;
text-align: center;
position: relative;
background-repeat: no-repeat;
background-size: cover;
}

#masthead-content {
  width: 50%;
  margin: 0 auto 0 auto;
  padding: 5% 0 50px 0;
  position: relative;
}

.thfont {
  margin-bottom: 15px;
}

.salesforce-logo-bar {
  height: 40px !important;
}

div#content {
  width: 60%;
  margin: 0 auto;
  padding: 0 0 20px 0;
}


/* --Start Footer Styles-- */

footer {
  background:white;
  padding:50px;
  font-size:14px;
  line-height:20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position:relative
}

footer .container{
  width:100%;
  max-width:1000px;
  margin:0 auto;
  padding:0
}

footer p,footer li{
  color:rgba(0,64,97,0.5)
}

footer h4{
  text-transform: uppercase;
  color:#004061;
  font-size:18px;
  letter-spacing:2px;
  font-weight:bold;
  margin:10px 0
}

footer .column, footer .statement, footer .salesforce-links, footer .site-links, footer .language-social{
  margin:0;
  float:left;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding-left:90px;
}

footer .column ul.link-list,footer .statement ul.link-list,footer .salesforce-links ul.link-list,footer .site-links ul.link-list,footer .language-social ul.link-list{
  margin:0;
  list-style:none;
  font-size:16px
}

footer .column ul.link-list li,footer .statement ul.link-list li,footer .salesforce-links ul.link-list li,footer .site-links ul.link-list li,footer .language-social ul.link-list li{
  margin:30px 0;
}

footer .column ul.link-list li a,footer .statement ul.link-list li a,footer .salesforce-links ul.link-list li a,footer .site-links ul.link-list li a,footer .language-social ul.link-list li a{
  font-size:inherit;
  color:inherit
}

footer .column:first-child,footer .statement:first-child,footer .salesforce-links:first-child,footer .site-links:first-child,footer .language-social:first-child{
  padding-left:0;
}

footer .statement{
  width:36%;
  }

footer .statement .salesforce-logo{
  width:72px;
}

footer .statement p{
  margin:20px 0;
}

footer .salesforce-links{
  width:32%;
}

footer .site-links{
  width:32%;
}

/* --End Footer Styles-- */

/* --End Overall Styles-- */

/* --Begin Employer Thanks-- */
#masthead p {
   font-family: 'Salesforce Sans';
   font-weight: 100;
   font-size: 26px;
   color: white;
   line-height: 38px;
   }

#masthead p.thfont {
  font-family: Trailhead-Bold;
  font-size: 74px;
  color: white;
  line-height: 1.2em;
  text-align: center;
}

div#content {
  font-family: 'Salesforce Sans';
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
}

.col_padding {
margin-bottom: 60px;
}

a.th_button, a.th_button:visited {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  background: #FC6D21;
  padding: 15px 50px 15px 50px;
  text-decoration: none;
  top: 30px;
  position: relative;
}

a.th_button:hover, a.th_button:active {
  background: #FF5D00;
  color: #FFFFFF;
  text-decoration: none;
}

a.button_disabled {
   background-color: #ecebea;
   color: #627274;
   text-decoration: none;
}

a.button_disabled:hover, a.button_disabled:visited {
   background-color: #ecebea;
   color: #627274;
  text-decoration: none;
}

/* --End Employer Thanks-- */

/* --Start Employer Signup-- */
 #employerform {
   margin: 15px auto 10px auto;
   padding: 15px 0px 20px 15px;
   background-color: #ffffff;
 }

 label.slds-form-element__label {
   font-size: .8em !important;
}

div.slds-form-element {
   padding-bottom: 10px;
}

div.location_set {
   padding-bottom: 15px;
}
 /* --End Employer Signup-- */

/* Start media-specific CSS */
@media (max-width : 600px) {
#masthead p.thfont {
font-size: 50px;
}

#masthead p {
   font-family: 'Salesforce Sans';
   font-weight: 300;
   font-size: 26px;
}

div#content {
  width: 95%;
  margin: 0 auto;
  padding: 0 0 20px 0;
}

}

@media (max-width : 600px) {
    a.th_button {
    font-size: 18px;
    }
}

@media (max-width: 640px){
  footer{
    padding:20px
  }
}

@media (max-width: 950px){
  footer .footer-rows{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
}

@media (max-width: 600px){
  footer .column ul.link-list,footer .statement ul.link-list,footer .salesforce-links ul.link-list,footer .site-links ul.link-list,footer .language-social ul.link-list{
    font-size:14px;
  }
}

@media (max-width: 400px){
  footer .column ul.link-list,footer .statement ul.link-list,footer .salesforce-links ul.link-list,footer .site-links ul.link-list,footer .language-social ul.link-list{
    font-size:16px;
  }
}

@media (max-width: 1100px){
  footer .column,footer .statement,footer .salesforce-links,footer .site-links,footer .language-social{
    padding-left:30px;
  }
}

@media (max-width: 950px){
  footer .statement{
    width:50%;
    -webkit-box-ordinal-group:4;
    -webkit-order:3;
    -ms-flex-order:3;
    order:3;
    padding-left:0;
    margin-top:60px;
    }
  }

  @media (max-width: 400px){
    footer .statement{
      width:100%;
      -webkit-box-ordinal-group:5;
      -webkit-order:4;
      -ms-flex-order:4;
      order:4;
      padding:0;
      margin-top:30px;
    }
  }

  @media (max-width: 950px){
    footer .salesforce-links{
      width:50%;
      -webkit-box-ordinal-group:2;
      -webkit-order:1;
      -ms-flex-order:1;
      order:1;
      padding-left:0;
    }
  }

@media (max-width: 400px){
  footer .salesforce-links{
    width:100%;
    padding:0;
    margin:0;
  }
}

@media (max-width: 950px){
  footer .site-links{
    width:50%;
    -webkit-box-ordinal-group:3;
    -webkit-order:2;
    -ms-flex-order:2;
    order:2;
  }
}

@media (max-width: 400px){
  footer .site-links{
    width:100%;
    padding:0;
    margin:30px 0 0;
  }
}