/******************************
	Base style
******************************/

@import url("https://fonts.googleapis.com/css?family=Muli:400,600,700,800");
html { min-height: 100%; height: 100%; }
body { font-family: "Muli", sans-serif; }
img { max-width: 100%; display: block; }

/*****************************
  Containers
*****************************/

#page-body { display: flex; flex-direction: column; min-height: 100%; -webkit-overflow-scrolling: touch; }
.page-flex { -ms-flex: 1; flex: 1; }
.page-no-scroll { overflow: hidden; }
.careers-container-lg { max-width: 860px; margin: auto; padding: 0 20px; }
.careers-container { max-width: 860px; margin: auto; padding: 0 20px; }

/*****************************
  Colours
*****************************/

:root {

  /*** Primary ***/

  --primary-01: #0065FF;
  --primary-02: #091E42;
  --primary-03: #ffffff;

  /*** Dark neutrals ***/

  --dark-neutral-01: #091E42;
  --dark-neutral-02: #172B4D;
  --dark-neutral-03: #253858;
  --dark-neutral-04: #344563;
  --dark-neutral-05: #42526E;

  /*** Mid neutrals ***/

  --mid-neutral-01: #505F79;
  --mid-neutral-02: #5E6C84;
  --mid-neutral-03: #6B778C;
  --mid-neutral-04: #7A869A;
  --mid-neutral-05: #8993A4;
  --mid-neutral-06: #97A0AF;
  --mid-neutral-07: #A5ADBA;
  --mid-neutral-08: #B3BAC5;

  /*** Light neutrals ***/

  --light-neutral-01: #C1C7D0;
  --light-neutral-02: #DCE0E8;
  --light-neutral-03: #EBEDF5;
  --light-neutral-04: #F5F7FB;
  --light-neutral-05: #fafbfd;
  --light-neutral-06: #FFFFFF;

  /*** Reds ***/

  --red-01: #BF2600;
  --red-02: #DE350B;
  --red-03: #FF5630;
  --red-04: #FF7452;
  --red-05: #FF8F73;
  --red-06: #FFBDAD;
  --red-07: #FFEBE6;

  /*** Yellows ***/

  --yellow-01: #FF8B00;
  --yellow-02: #FF991F;
  --yellow-03: #FFAB00;
  --yellow-04: #FFC400;
  --yellow-05: #FFE380;
  --yellow-06: #FFF0B3;
  --yellow-07: #FFFAE6;

  /*** Greens ***/

  --green-01: #006644;
  --green-02: #00875A;
  --green-03: #36B37E;
  --green-04: #57D9A3;
  --green-05: #79F2C0;
  --green-06: #ABF5D1;
  --green-07: #E3FCEF;

  /*** Teals ***/

  --teal-01: #008DA6;
  --teal-02: #00A3BF;
  --teal-03: #00B8D9;
  --teal-04: #00C7E6;
  --teal-05: #79E2F2;
  --teal-06: #B3F5FF;
  --teal-07: #E6FCFF;

  /*** Blues ***/

  --blue-01: #0747A6;
  --blue-02: #0052CC;
  --blue-03: #0065FF;
  --blue-04: #2684FF;
  --blue-05: #4C9AFF;
  --blue-06: #B3D4FF;
  --blue-07: #DEEBFF;

  /*** Purples ***/

  --purple-01: #403294;
  --purple-02: #5243AA;
  --purple-03: #6554C0;
  --purple-04: #8777D9;
  --purple-05: #998DD9;
  --purple-06: #C0B6F2;
  --purple-07: #EAE6FF;

  /*** Pink ***/

  --pink-02: #ff7dc7;
  --pink-07: #ffeaf6;

  /*** Orange ***/

  --orange-02: #ff9d65;
  --orange-07: #ffefe6;

  /*** Typography ***/

  --dark-font: #091E42; /* Dark neutral 1 */
  --mid-dark-font: #505F79; /* Mid neutral 1 */
  --mid-light-font: #7A869A; /* Mid neutral 4 */
  --light-font: #A5ADBA; /* Mid neutral 7 */

  /*** Iconography ***/

  --icon-lightest: #C1C7D0; /* Light neutral 1 */
  --icon-light: #97A0AF; /* Mid neutral 6 */
  --icon-mid: #7A869A; /* Mid neutral 4 */
  --icon-dark: #505F79; /* Mid neutral 1 */
  --icon-darkest: #091E42; /* Primary 02 */
  --icon-positive: #36B37E; /* Green 3 */
  --icon-red: #FF5630; /* Red 3 */

  /*** Backgrounds ***/

  --light-background: #fafbfd; /* Light neutral 5 */
  --mid-background: #F5F7FB; /* Light neutral 4 */
  --mid-dark-background: #DCE0E8; /* Light neutral 2 */
  --dark-background: #7A869A; /* Mid neutral 4 */
  --light-hover: #F5F7FB; /* Light neutral 4 */
  --mid-hover: #EBEDF5; /* Light neutral 3 */
  --dark-nav: #0b2556; /* Alternative navigation color */

  /*** Borders ***/

  --border: #EBEDF5; /* Light neutral 3 */

  /*** Avatars ***/

  --avatar-01: #C1C7D0; /* Light neutral 1 */

  /*** Other ***/

  --green-success: #36B37E; /* Green 3 */
  --red-alert: #DE350B; /* Red 1 */
  --notification: #DE350B; /* Red 2 */

  /*** Social colors ***/

  --linkedin: #007bb6;
  --facebook: #3b5998;
  --twitter: #50aee1;
  --google: #0549d1;

  /*** Ratings ***/

  --strong-no: #DE350B; /* Red 1 */
  --no: #FFC400; /* Yellow 4 */
  --neutral: #97A0AF; /* Mid neutral 6 */
  --yes: #0065FF; /* Primary 1 */
  --strong-yes: #36B37E; /* Green 3 */

}

.facebook { background-color: var(--facebook); }
.linkedin { background-color: var(--linkedin); }
.twitter { background-color: var(--twitter); }

/******************************
	Typography
******************************/

h1,h2,h3,h4,h5,h6,p,li,select { color: var(--dark-font); letter-spacing: 0.02rem; }
h1 { font-size: 1.9rem; line-height: 1.4;}
h2 { font-size: 1.5rem; line-height: 1.4; }
h3 { font-size: 1.4rem; line-height: 1.4; }
h4 { font-size: 1.3rem; line-height: 1.4; }
h5 { font-size: 1.2rem; line-height: 1.4; }
h6 { font-size: 1rem; line-height: 1.4; }

h1,h2,h3,h4,h5,h6 { font-weight: 600; }
p { line-height: 1.7 !important; font-size: 1.02rem; font-weight: 400; }
a { font-weight: 600; text-decoration: none; cursor: pointer; font-size: 1.02rem; letter-spacing: 0.02rem; }
ul,li,button,label,input,textarea,select,option { font-size: 0.95rem; font-weight: 400; }
blockquote,q { line-height: 1.6 !important; font-size: 0.95rem; font-weight: 400; color: var(--dark-font); letter-spacing: 0.02rem; }

/******************************
	Client branding
******************************/

.client-brand-border { border: solid 1px var(--primary-01); }
.client-brand-text { color: var(--primary-01); }
.client-brand-text p { color: var(--primary-01); }

.client-hero-img {  background: url("../../../assets/img/avatars/test.jpg"); }
input:focus { border: solid 1px var(--primary-01); }
.textarea textarea:focus { border: 1px solid var(--primary-01); }

/*****************************
  Buttons
*****************************/

.btn { height: 40px; padding: 0 15px; display: flex; align-items: center; justify-content: center; white-space: nowrap; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.5s; }
.btn p { font-weight: 700 !important; font-size: .82rem; }
.btn i { transition: all 0.5s; color: var(--primary-03); font-size: 0.7rem; padding: 0 5px 0 0 !important; }
.text-wrapp {white-space: normal; word-wrap: break-word;overflow-wrap: break-word; text-align: center;}

/*** Primary button ***/

.primary-btn { background-color: var(--primary-01); }
.primary-btn p { color: var(--primary-03); font-size: .8rem; }
.primary-btn:hover { box-shadow: inset 0 -2px 0 rgba(31,45,61,.15); }

/*** Default button ***/

.default-btn { background-color: var(--primary-03); box-shadow: inset 0px 0px 0px 1px var(--light-neutral-02); }
.default-btn p { color: var(--dark-font); font-size: .77rem; }
.default-btn i { color: var(--dark-font) !important; }
.default-btn:hover { box-shadow: inset 0 0 0 1px var(--mid-neutral-05); }
.default-btn:hover i { color: var(--dark-font) !important; }

/*** Dropdown button ***/

.dropdown-btn i { padding: 0 0 0 5px !important; }

/*** Important button ***/

.important-btn { background-color: var(--red-07); }
.important-btn p { color: var(--red-02); }
.important-btn:hover { box-shadow: inset 0 -2px 0 var(--red-06); }

/*** Disabled button ***/

.disabled-btn { background-color: var(--light-neutral-05); cursor: default !important; box-shadow: inset 0px 0px 0px 1px var(--border); }
.disabled-btn p { color: var(--light-font) !important; }
.disabled-btn i { color: var(--light-font) !important; }

/*** On button ***/

.on-btn { background-color: var(--green-03); }
.on-btn p { color: var(--primary-03); }
.on-btn:hover { box-shadow: inset 0 -2px 0 rgba(31,45,61,.15); }

/*** Off button ***/

.off-btn { background-color: var(--red-02); }
.off-btn p { color: var(--primary-03); }
.off-btn:hover { box-shadow: inset 0 -2px 0 rgba(31,45,61,.15); }

/*** Upsell button ***/

.upsell-btn { background-color: #822af0; }
.upsell-btn p { color: var(--primary-03); }
.upsell-btn:hover { box-shadow: inset 0 -2px 0 rgba(31,45,61,.15); }

/*** Subtle button ***/

.subtle-btn { background-color: var(--red-07); }
.subtle-btn i { color: var(--red-01); }
.subtle-btn p { color: var(--red-01); }

/*** Lone button ***/

.lone-btn { width: 40px !important; padding: 0 !important; }
.lone-btn i { padding: 0 !important; font-size: 0.85rem; }

/*** Lone button small ***/
.lone-btn-small { width: 29px !important; height: 29px !important; padding: 0 !important; }
.lone-btn-small i { padding: 0 !important; font-size: 0.7rem; }

/*** Lone button small ***/

.lone-icon { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.5s; padding: 7px; display: flex; justify-content: center; align-items: center; }
.lone-icon i { transition: all 0.5s; color: var(--icon-lightest); font-size: 0.9rem; }
.lone-icon-light i { color: var(--icon-light) !important; }
.lone-icon:hover i { color: var(--icon-dark); }
.lone-icon-margin-right { margin-right: 5px; }
.lone-icon-med { padding: 9px !important; }
.lone-icon-med i { color: var(--icon-light); font-size: 1.05rem !important; }
.lone-icon-large { padding: 9px !important; }
.lone-icon-large i { color: var(--icon-light); font-size: 1.25rem !important; }

/*** Primary link button with icon ***/

.primary-link-icon-outer { display: flex; flex-direction: row; align-items: center; }
.primary-link-icon-outer i { color: var(--primary-01); transition: all 0.5s; font-size: .6rem; margin-right: 4px; }
.primary-link-icon-outer:hover i { color: var(--dark-neutral-03); }
.primary-link-icon-outer:hover a { color: var(--dark-neutral-03); }

/*** Primary link button ***/

.primary-link { font-weight: 700 !important; color: var(--primary-01); text-decoration: underline; white-space: nowrap; font-size: .82rem; cursor: pointer; line-height: 1; transition: all 0.5s; }
.primary-link:hover { color: var(--dark-neutral-03); }

/*** Primary link button ***/

.primary-link-small { font-size: .7rem !important; }

/*** Subtle link button ***/

.subtle-link { color: var(--mid-light-font); text-decoration: underline; transition: all 0.5s; font-size: .82rem; font-weight: 700; }
.subtle-link:hover { color: var(--dark-neutral-03); }

/*** Subtle link button ***/

.subtle-link-small { font-size: .7rem !important; }

/*** Text link ***/

.text-link { text-decoration: underline; }

/*** Large button ***/

.btn-large { height: 50px; padding: 0 30px; }
.btn-large p { font-size: .85rem; }

/*** Small button ***/

.btn-small { height: 29px; padding: 0 12px; }
.btn-small p { font-size: .78rem; }
.btn-small i { font-size: .58rem; }

/*** Small button ***/

.btn-x-small { height: 22px; padding: 0 6px; }
.btn-x-small p { font-size: .7rem; }
.btn-x-small i { font-size: .6rem; padding: 0 3px 0 0 !important; }

/*****************************
  Box shadows, backgrounds, & borders
*****************************/

/*** Menu box shadow ***/

.box-shadow-01 { background-color: var(--primary-03); border-radius: 6px; box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.08); }

/*** Default app box shadow ***/

.box-shadow-02 { background-color: var(--primary-03); border-radius: 4px; border: solid 1px var(--border); box-shadow: 0px 2px 4px rgba(73, 85, 103, 0.04); }

/*** Sign up box shadow ***/

.box-shadow-03 { background-color: var(--primary-03); border-radius: 30px; box-shadow: 0 4px 16px rgba(235, 237, 245); }

/*** Sign up logo box shadow ***/

.box-shadow-04 { box-shadow: 0 2px 10px 0 rgba(12,16,20,.12); }

/*** Divider border ***/

.gh-divider { height: 17px; margin: 0 14px; border-right: solid 2px var(--border); }

/******************************
	Careers site base
******************************/

.nav { width: 100%; background-color: var(--primary-03); z-index: 1; min-height: 72px; }
.nav-container { display: flex; align-items: center; min-height: 72px; }
.nav-container-right { margin-left: auto; }
.nav-border { border-bottom: solid 1px var(--border); }

/******************************
	Careers page
******************************/

.client_logo img { max-height: 40px; max-width: 130px; }
.hero-img { background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% !important; }
.hero-overlay { background-color: rgba(0, 0, 0, 0.25); }
.hero-text { padding: 120px 0 !important; text-align: center; }
.hero-text h1 { font-size: 2.3rem; color: var(--primary-03); line-height: 1.2; padding-bottom: 5px; }
.hero-text p { color: var(--primary-03); opacity: 0.9; }
.see-jobs-link { text-decoration: underline; color: var(--primary-03); font-size: 1.02rem; font-weight: 400 !important; }
.hero-no-image .hero-text { padding: 80px 0 !important; }
.custom-sections .custom-section:last-child { border-bottom: none; }
.custom-section { padding-top: 42px; padding-bottom: 42px; border-bottom: solid 1px var(--border); }
.custom-section h2 { padding-bottom: 14px; }
.custom-section p { padding: 8px 0px; }
.custom-section-container { padding: 30px 0px; }
.jobs { border-top: solid 1px var(--border); }
.job-list-container { padding-top: 50px; padding-bottom: 60px; }
.job-header { padding-bottom: 40px; display: flex; align-items: center; }
.job-header-right { margin-left: auto; }
.job-list-count { background-color: var(--light-background); border-radius: 30px; }
.job-list-count p { font-size: 0.76rem; padding: 3px 12px; font-weight: 600; }
.job-list { border-radius: 6px; background-color: var(--primary-03); }
.gohire-job { display: flex; align-items: center; border: solid 1px var(--border); border-radius: 6px; margin-bottom: 30px; transition: background-color 0.2s; }
.gohire-job:hover { background-color: var(--light-neutral-05); }
.left-career { padding: 25px 20px; width: calc(100% - 150px); }
.job-title { font-size: 1.03rem; padding-bottom: 3px; line-height: 1.4 !important; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.careers-location { font-size: 0.84rem; line-height: 1.4 !important; }
.date-posted { font-size: 0.77rem; line-height: 1.4 !important; color: var(--mid-light-font); white-space: nowrap; text-align: right; padding: 25px 20px 25px 10px; }
.jobs-empty { padding: 100px 0 !important; text-align: center; }

@media screen and (max-width: 600px) {

.hero-text { padding: 90px 0 !important; text-align: left; }
.hero-text h1 { font-size: 2.2rem; }
.hero-text p { font-size: 0.9rem; line-height: 1.5 !important; }
.custom-section { padding-top: 30px; padding-bottom: 30px; }
.see-jobs-link { font-size: 0.9rem; }
.get-jobs { display: none; }
.job-list-container { padding-top: 30px; padding-bottom: 40px; }
.job-header { padding-bottom: 30px; }
.gohire-job { margin-bottom: 20px; }
.job-header-right { display: none; }
.left-career { padding: 20px 10px; width: calc(100% - 20px); }
.job-title { max-width: 100%; text-overflow: inherit; overflow: visible; white-space: normal; padding-bottom: 4px; }
.careers-location { line-height: 1.6 !important; }
.see-job { display: none; } }

@media screen and (max-width: 480px) {

.hero-text h1 { font-size: 2rem; } }

/******************************
	General application
******************************/

.jobs-ga { padding: 0 0 80px 0; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.jobs-ga-detail h2 { font-size: 1.8rem; line-height: 1.4; }
.jobs-ga-detail p { max-width: 500px; margin: 5px auto 30px; font-size: 0.84rem !important; line-height: 1.7 !important; }
.jobs-ga-btn { max-width: 200px; height: 50px !important; padding: 0 20px; }
.jobs-ga-btn p { font-size: .94rem !important; }

@media screen and (max-width: 600px) {

.jobs-ga-detail h2 { font-size: 1.5rem; } }

/******************************
	Job page
******************************/

.jp-container { width: 1040px; max-width: 1040px; margin: 0 auto; }
.jp-wrapper { margin: 90px auto 80px; display: flex; flex-direction: row; align-items: flex-start; }
.jp-btn { height: 45px !important; padding: 3px 25px !important; } 
.jp-btn p { font-size: .94rem !important; }

/*** Job page / View ***/

.jp-view { width: 680px; max-width: 680px; padding: 0 0 0 60px; }

/*** Job page / View / header ***/

.jp-header { display: flex; flex-direction: column; }
.jp-header h1 { font-size: 2.2rem; font-weight: 700; max-width: 780px; line-height: 1.4 !important; }
.jp-header-btn-container { display: flex; align-items: center; }
.jp-header-btn-container .jp-btn { max-width: 150px !important; }
.jp-header-items-sml { display: none; }

/*** Job page / View / Formatting ***/

.jp-text { padding-top: 15px; }
.jp-text h2 { padding: 20px 0; font-weight: 500 !important; }
.jp-text h3 { padding: 20px 0; font-weight: 500 !important; }
.jp-text h4 { padding: 20px 0; font-weight: 500 !important; }
.jp-text p { line-height: 1.8 !important; }
.jp-text ul { list-style-type: disc; margin: 10px 0 10px 40px; letter-spacing: 0.02rem; }
.jp-text ul li { line-height: 1.8 !important; padding-bottom: 6px; }
.jp-text ol { list-style-type: decimal; margin: 10px 0 10px 40px; letter-spacing: 0.02rem; }
.jp-text ol li { line-height: 1.8 !important; padding-bottom: 6px; }

/*** Job page / View / Footer ***/

.jp-btm { display: flex; align-items: center; margin-top: 40px; }

/*** Job page / Sidebar ***/

.jp-sidebar { min-width: 300px; border: solid 1px var(--border); padding: 35px 25px; border-radius: 10px; }

/*** Job page / Sidebar / Top ***/

.jp-sidebar-top { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px; width: 100%; }
.jp-sidebar-client-logo { border-radius: 50%; height: 90px; width: 90px; }
.jp-sidebar-client-logo img { border-radius: 50%; height: 90px; width: 90px; display: block; }
.no-logo p { font-size: 1.5rem !important; font-weight: 600 !important; padding: 0; }
.jp-sidebar-primary-btn { margin-top: 30px; width: 100%; padding: 0 !important; }

/*** Job page / Sidebar / Items ***/

.jp-sidebar-item { display: flex; flex-direction: column; border-bottom: solid 1px var(--border); padding: 15px 0; }
.jp-sidebar-item:first-child { padding: 0 0 15px !important; }
.jp-sidebar-item:nth-child(5) { border-bottom: none; }
.jp-sidebar-item:last-child { border-bottom: none; }
.jp-sidebar-item p { font-size: .9rem; }
.jp-sidebar-item-link { padding-bottom: 20px !important; } 
.jp-sidebar-item-link a { text-transform: uppercase !important; text-decoration: none !important; font-size: .75rem !important; font-weight: 800 !important; }
.jp-sidebar-item-title { color: var(--light-font); font-size: .8rem !important; }
.jp-sidebar-header-share-item-container { margin-top: 5px; display: flex; flex-direction: row; align-items: center; }
.jp-sidebar-header-share-item { margin-right: 12px; height: 30px; width: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.jp-sidebar-header-share-item img { width: 12px; }  
.jp-sidebar-header-share-item-sml img { width: 7px !important; }
.jp-sidebar-secondary-btn { margin-top: 30px; }



.jp-closed { display: flex; flex-direction: column; justify-content: center; align-items: center; border: solid 1px var(--border); border-radius: 10px; margin: 50px 0 auto 0; padding: 50px; text-align: center; }


/*** Job page / Responsive ***/

@media screen and (max-width: 1150px) {

.jp-container { width: auto; }
.jp-wrapper { margin: 50px auto; padding: 0 20px; flex-direction: column; align-items: flex-start; }
.jp-view { width: 100%; max-width: 800px; margin: 0 auto; padding: 0; }
.jp-sidebar { display: none; }
.jp-sidebar-client-logo { height: 75px; width: 75px; }
.jp-sidebar-client-logo img { height: 75px; width: 75px; }
.jp-header h1 { padding: 20px 0; }
.jp-header-items-sml { display: flex; flex-direction: column; }
.jp-sidebar-item { border-bottom: none; padding: 8px 0; }
.jp-sidebar-item:first-child { padding: 0 0 8px !important; }
.jp-sidebar-item:nth-child(4) {  padding: 8px 0 15px !important; }
.jp-header-btn-container { margin-top: 40px; }
.jp-sidebar-primary-btn { margin: 30px 0 0; }
.jp-view-jobs-btn-sml { margin: 30px 0; height: 45px; } }

@media screen and (max-width: 650px) {

.client-job-logo img { max-height: 35px; }
.jp-header h1 { font-weight: 700; padding: 25px 0 20px; font-size: 1.8rem; }
.jp-btm { flex-direction: column; align-items: flex-start; text-align: left; width: 100%; } }

@media screen and (max-width: 500px) {

.jp-wrapper { margin: 50px auto 70px; }
.client-job-logo img { max-height: 30px; } 
.jp-header-btn-container { width: 100%; max-width: 100%; }
.jp-header-btn-container .jp-btn { max-width: 100% !important; }
.jp-btn { padding: 0 !important; width: 100%; max-width: 100%; }
.jp-sidebar-client-logo { height: 68px; width: 68px; }
.jp-sidebar-client-logo img { height: 68px; width: 68px; }
.jp-header h1 { padding: 15px 0; }
.jp-sidebar-header-share-item { height: 38px; width: 38px; }
.jp-sidebar-header-share-item img { width: 15px; }  
.jp-sidebar-header-share-item-sml img { width: 8px !important; }
.jp-sidebar-primary-btn { margin-top: 40px; padding: 5px 0 !important; }
.jp-footer-primary-btn { padding: 5px 0 !important; } }

/******************************
	Careers footer
******************************/

.careers-footer { display: flex; align-items: center; flex-direction: column; justify-content: center; min-height: 250px; background-color: var(--light-background); }
.social-links-wrapper { display: flex; align-items: center; margin-bottom: 40px; }
.social-link { margin: 0 12px; }
.social-link i { color: var(--icon-light); font-size: 1.1rem; }
.gh-powered { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.careers-footer p { font-size: 0.82rem; color: var(--mid-light-font); font-weight: 700; white-space: nowrap; padding-right: 8px; }
.gh-powered img { max-height: 22px; }
.careers-footer-client { margin-bottom: 15px; }
.careers-footer-client p { padding-right: 0 !important; }
.careers-footer-social-icon { margin: 0 8px; }
.careers-footer-social-icon img { width: 17px; }
.careers-footer-wrapper { display: flex; flex-direction: row; align-items: center; }

@media screen and (max-width: 500px) {

.gohire-job { flex-direction: column; align-items: flex-start; }
.left-career { padding: 20px 10px 5px; }
.date-posted { padding: 0 10px 20px; } }

/******************************
	Closed job page
******************************/

.careers-job-closed-wrapper { max-width: 600px; margin: auto; }
.careers-job-closed { margin: 100px 20px; text-align: center; }
.careers-job-closed-inner { padding: 115px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.careers-job-closed-logo { margin-bottom: 20px; height: 110px !important; width: 110px !important; }
.careers-job-closed-logo img { height: 110px !important; width: 110px !important; }
.careers-job-closed-title { font-size: 2rem; line-height: 1.2 !important; padding-bottom: 5px; }
.careers-closed-btn { max-width: 250px; margin: 30px auto 0; padding: 12px 40px; }
.careers-closed-btn p { font-size: .95rem; }

@media screen and (max-width: 610px) {

.careers-job-closed-title { font-size: 1.6rem; }
.careers-job-closed { margin: 60px 20px; }
.careers-job-closed-inner { padding: 70px 20px; } }



/******************************
	Paused account
******************************/

.jobs-account-paused {  margin: 150px auto 170px auto; padding: 150px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: var(--red-07); }
.jobs-account-paused-media { max-width: 180px; margin-bottom: 20px; }
.jobs-account-paused-media img { display: block; height: 100%; width: 100%; }
.jobs-account-paused p { max-width: 450px; text-align: center; margin: 0 auto; }
.jobs-account-paused a { text-decoration: underline; color: var(--primary-02) !important; }

@media screen and (max-width: 950px) {

.jobs-account-paused {  margin: 60px auto 80px auto; } }

/******************************
	Responsive
******************************/

@media screen and (max-width: 600px) { 

h1 { font-size: 1.6rem; }
h2 { font-size: 1.3rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1.1rem; } }

.divCenterAlign {
  margin-left: auto;
  margin-right: auto;
}