:root {
	--primary-color: #000;
	--primary-hover: #000000;
	--secondary-color: #DD3814;
	--primary60: #000;
	--primary70: #000000;
	--secondary60: #DD3814;
}

/*====== Company Name ======*/

/*Fonts*/
body {font-family: 'futura-pt', sans-serif;}
body h1 {color: var(--primary-color); font-weight: bold;}
body h2 {color: var(--primary-color); font-weight: bold;}

/*Buttons*/
body button {border-radius: 0px;}
body .job-apply-button {border-radius: 0px;}
body button.ob.cancel, button.ob.disabled, button.ob[type=reset] {color: #dedede;}


/*Social Icons*/
body .social-media-links svg path {fill:var(--primary-color);}
body .social-media-links svg:hover path {fill:var(--primary-hover);}

/*Job Listings*/
body div.jobs-content {margin-top: 30px;}
body div.jobs-content button.ob.dark {background-color: var(--primary-color);}
body div.jobs-content button.ob.dark:disabled {background-color: var(--stormGrey); color: var(--silverGrey)}
body div.jobs-content button.ob.dark:disabled:hover {background-color: var(--stormGrey); color: var(--silverGrey)}
body div.jobs-content button.ob.dark:hover {background-color: var(--primary-hover);}
body div.jobs-content button.ob.light {background-color: var(--silverGrey); color: var(--charcoal)}
body div.jobs-content button.ob.light:hover {background-color: var(--cloudyGrey);}
body #careers-page-job .job-content-body {line-height: 25px;}
body .jobs-list-container .job-container .job-description {line-height: 25px; max-height: 80px;}
body .jobs-list-container .job-container .job-content-header a div.job-content-button {background-color: var(--silverGrey); color: var(--charcoal)}
body .jobs-list-container .job-container .job-content-header a div.job-content-button:hover {background-color: var(--cloudyGrey); color: var(--charcoal)}

/*Container & Full Width Div*/
body #custom-html-container .text-block-grey {display: flex; flex-direction: column; border-radius: 0px; border:none; padding: 0px; color:var(--darkGrey); width: 100%;}
body #custom-html-container .text-block-grey div.full-width-image-container img {display:none;}
body #custom-html-container .text-block-grey .block {display: flex; justify-content: flex-start;background-image: url("https://i.ibb.co/yfk1z2d/mask-image.jpg"); background-repeat: no-repeat; background-position: right;background-origin:content-box;background-size:1000px;background-color: var(--primary-color); border-radius: 0px; border:none;}
body #custom-html-container .text-block-grey .block div.copy {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; background-color:var(--secondary-color); color: var(--white); width: 40%; padding: 24px 24px 24px 100px;}
body #custom-html-container .text-block-grey .block div.copy h2 {color: var(--white);}
body #custom-html-container .text-block-grey .block div.copy p {color: var(--white);font-size: 18px; line-height: 165%; padding: 18px 0;}

/*Footer*/
body .email-input-wrapper {border-radius: 0px;}
body .email-input-wrapper .subscribe-icon-send {color: var(--darkGrey);}
body div#careers-page-footer h4 {color: var(--darkGrey);}
body div#careers-page-footer #footer-main-content .get-updates-copy {line-height:25px;}

@media only screen and (max-width: 1375px) {
    body #custom-html-container .text-block-grey .block {background-image:none}
    body #custom-html-container .text-block-grey div.full-width-image-container {display:flex;align-items:center;justify-content:center; width: 100%;padding:0 100px 50px 100px;background-color:var(--secondary-color);}
    body #custom-html-container .text-block-grey div.full-width-image-container img {display:flex;width: 100%;}
    body #custom-html-container .text-block-grey .block div.copy {width: 100%;padding:24px 100px;}
    body #custom-html-container .text-block-grey .block div.copy h2 {font-size: 32px;}
    body #custom-html-container .text-block-grey .block div.copy p {font-size: 24px;}
}

@media only screen and (max-width: 955px) {
    body #custom-html-container .text-block-grey .block div.copy {padding: 24px;}
    body #custom-html-container .text-block-grey div.full-width-image-container {padding:0;}
}

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