:root {
	--primary-color: #b20000;
	--primary-hover: #8E0000;
	--secondary-color: #241c22;
	--primary60: #b20000;
	--primary70: #8E0000;
	--secondary60: #241c22;
}


/*Fonts*/
@font-face {
  font-family: proxima-nova;
  src: url(https://use.typekit.net/kvj3svn.css);
}
body {font-family: proxima-nova, sans-serif;}
body h1 {color: #241c22; font-weight: bold;}
body h2 {color: #241c22; font-weight: bold;}
body h3 {color: #b20000; font-weight: bold;}


/*Buttons*/
body button {border-radius: 0px;}
body .job-apply-button {border-radius: 0px;}
body button.ob.dark {background-color:#b20000;}
body button.ob.cancel, button.ob.disabled, button.ob[type=reset] {color:white;}
body .job-content-header a .job-content-button {align-items: center; background-color: var(--silverGrey); border-radius: 4px; color: var(--charcoal); cursor: pointer; display: flex; font-weight: 400; height: 40px; justify-content: center; padding: 8px 30px; font-size: 16px;}


/*Footer*/
body .email-input-wrapper {border-radius: 0px;}
body .email-input-wrapper .subscribe-icon-send {color:#666;}
body div#careers-page-footer {background-color:#241c22;}
body div#careers-page-footer h4 {font-weight:bold;color:#fff;}
body div#careers-page-footer #footer-main-content .get-updates-copy {color:#fff; line-height:25px;}
body div#careers-page-footer #copyright-links .copyright {color:#fff;}
body div#careers-page-footer #copyright-links a {color:#fff;}
body div#careers-page-footer #copyright-links a:hover {color:#fff;}
body div#careers-page-footer #copyright-links .copyright a:link {color:#fff;}
body div#careers-page-footer #copyright-links .copyright a:visited {color:#fff;}
body div#careers-page-footer #copyright-links .login-subscribe {color:#fff;}
body div#careers-page-footer #copyright-links .login-subscribe a {color:#fff;}
body div#careers-page-footer #copyright-links .login-subscribe a:hover {color:#ddd;}



/*Social Icons*/
body .social-media-links svg path {fill:#b20000;}
body .social-media-links svg path:hover {fill:#241c22;}
body div#careers-page-header .social-media-links .title {display:none;}
body div#careers-page-header .social-media-links {
    display: flex;
    height: 24px;
    width: auto;
    align-items: baseline;
    flex-direction: row;
}
body div#careers-page-header {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin: 32px 0;
    min-height: 32px;
    padding: 0 24px;
}

/*Job Listings*/
body .jobs-list-container .job-container .job-description {line-height: 25px; max-height: 80px; margin-right: -16px; overflow: hidden; padding-right: 16px; position: relative; text-align: left;}
body #careers-page-job .job-content-body {line-height: 25px;}

/*Container & Full Width Div*/
body #custom-html-container .text-block-grey {display: flex; flex-direction: column; border-radius: 0px; border:none; padding: 0px; color:#666; width: 100%;}

/*Content Blocks*/
body #custom-html-container .text-block-grey div.full-width-image-container img {width: 100%;}
body #custom-html-container .text-block-grey .block {display: flex; justify-content: space-between; padding: 42px 24px;}
body #custom-html-container .text-block-grey .light.block {background-color:#fff;}
body #custom-html-container .text-block-grey .dark.block {background-color:#f7f7f7;}
body #custom-html-container .text-block-grey .block div:first-child {padding-right:24px;}
body #custom-html-container .text-block-grey .block div.copy {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
body #custom-html-container .text-block-grey .block div.copy p {padding: 24px 0; line-height: 145%;}
body #custom-html-container .text-block-grey .block div.copy a {display: flex; align-items: flex-end;}
body #custom-html-container .text-block-grey .block div.copy a div.buttonRed {justify-self: normal; border-radius:4px; color:#b20000; background-color: white; border: 1px solid #b20000;padding:8px 20px 8px 20px; font-family: proxima-nova,sans-serif; font-weight: 600;}
body #custom-html-container .text-block-grey .block div.image-container {display: flex; align-items: center; justify-content: center; height: 100%}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  body #custom-html-container {display:none;}}
body div.jobs-content {margin-top:30px;}