:root {
	--primary-color: #00b9f2;
	--primary-hover: #0094C2;
	--secondary-color: #303942;
	--primary60: #00b9f2;
	--primary70: #0094C2;
	--secondary60: #303942;
}

/*======DECISELY DSP======*/

/*Fonts*/
@import url("https://use.typekit.net/oaq8htp.css");
body {font-family: 'Open Sans', sans-serif;}
body h1 {color: #2b333b; font-weight: bold; font-family: 'PT Sans Narrow', sans-serif; font-size: 45px;}
body h2 {color: #2b333b; font-weight: bold; font-family: 'PT Sans Narrow', sans-serif; font-size:45px;}

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

/*Footer*/
div#careers-page-footer>div #copyright-links .login-subscribe {color: #fff;}
div#careers-page-footer>div #copyright-links a:link {color: #00b9f2;}
body .email-input-wrapper {border-radius: 0px;}
body .email-input-wrapper .subscribe-icon-send {color:#00b9f2;}
body div#careers-page-footer { background-color: #2b333b; color: #fff;}
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;}

/* Header */
body #careers-page-header { background: #2b333b;  padding-bottom: 24px; color: #fff; margin-top: 0;margin-bottom: 0;}
body #careers-page-header .company-logo img{max-height: 70px;}

/*Social Icons*/
body .social-media-links svg {fill:#00b9f2;}
body .social-media-links svg:hover {fill:#fff;}

/*Hero*/
.hero {position: relative; height: 500px; overflow: hidden;}
.logo-and-button {    position: absolute; top: 15%; z-index: 10; width: 50%; height: 100%; text-align: center;}
.logo-and-button img { max-width: 400px; }
.logo-and-button a { width: auto; display: inline-block; }
.hero div.buttonBlue { border-radius: 5px;color: #fff;background-color: #00b9f2;padding: .5em 1em;font-size: 20px;font-weight: normal;}
.hero-banner {height: 500px;}

/*Job Listings*/
.jobs-list-container .job-container .job-content-header .job-headline .job-location-and-category {font-size: 18px;}
.jobs-list-container .job-container .job-content-header .job-headline .job-location-and-category .job-location {font-weight: normal; text-transform: capitalize;color: #2b333b;}
body .job-content-header a .job-content-button {border: 1px solid #00b9f2; color: #00b9f2; background: #fff; display: inline-block !important;}
body .job-content-header a .job-content-button:hover {border: 1px solid #00b9f2; background: #00b9f2; color: #fff;}
.career-bar {display: none; padding: 120px 100px 0;  background: #fff;}
.job-description {display: none;}
.job-title-and-category h2 { font-family: 'PT Sans Narrow', sans-serif; font-size: 30px; font-weight: bold;}

/*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 150px;}
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; align-self: center; width: 50%;}
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; flex-grow: 1; align-items: flex-end;}
body #custom-html-container .text-block-grey .block div.copy a div.buttonBlue {justify-self: flex-end; border-radius: 5px;color: #fff;background-color: #00b9f2;padding: .5em 1em;font-size: 16px;font-weight: normal;}
body #custom-html-container .text-block-grey .block div.image-container {display: flex; align-items: center; justify-content: center; height: 100%}


.bottom-banner{position: absolute; bottom: 10px; right: 0px; background: rgba(0, 0, 0, 0.4); width: 50%;}
.banner-text{color: #fff;}
.arrow{max-width: 50px; }

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

/* Media Queries */
@media (max-device-width: 955px), (max-width: 955px) {
    div#careers-page-header .company-logo { width: auto; margin-top: 1em;}
   .career-bar {padding: 1.5em 1.5em 0;}
}
@media (min-width: 769px){
    div#careers-page-footer {padding: 0; max-width: 1640px; margin: auto;}
    body div#careers-page-footer { padding: 24px 0 48px; }
    div#careers-page-footer>div {max-width: 100%;padding: 0 80px;}
    #career-opportunities {display: none;}
    body div.jobs-content {margin-top: 0;}
    body #custom-html-container { margin-bottom: 0;}
    .job-headline {width: 66%; align-items: center; }
    .jobs-list-container .job-container .job-content-header .job-headline {flex-direction: row; }
    .job-title-and-category {width: 68%; }
    .jobs-list-container .job-container .job-content-header .job-headline .job-location-and-category {padding: 0;}
    .jobs-list-container .job-container:first-child {border-top: none;}
    .job-title-and-category h2{padding-left: 1em;}
    .job-title-and-category h2 {font-family: 'Open Sans', sans-serif; font-size: 18px;font-weight: bold;}
    body .job-content-header a .job-content-button {margin-right: 1em;}
    .career-bar {display: block;}
    .career-bar-titles { display: flex; flex-direction: row; width: 100%;background: #00b9f2; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; border-radius: 5px;}
    .career-bar-titles h3 {color: #fff;font-family: 'PT Sans Narrow';font-size: 25px;margin: 0;letter-spacing: 1px;padding: 10px 1em;}
    .career-bar-titles h3:first-child {width: 190px;}
    .career-bar-titles h3:last-child {width: 200px;}
    .jobs-list-container .job-container .job-content-header {flex-direction: row;}
    .text-and-arrow h1 { color: #fff; padding: 1em; width: 75%;}
}