@font-face {
    font-family: Gill Sans;
    src: url('https://storage.googleapis.com/talentfunnel-cms-career-site-storage/dishoom/Gill_Sans_C_1_b9bf9c04b6/Gill_Sans_C_1_b9bf9c04b6.woff2') format('woff2');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Gill Sans;
    src: url('https://storage.googleapis.com/talentfunnel-cms-career-site-storage/dishoom/Gill_Sans_Bold_1_0d7983fdde/Gill_Sans_Bold_1_0d7983fdde.otf') format('opentype');
    font-style: bold;
    font-display: swap;
}

@font-face {
    font-family: Cheltenham;
    src: url('https://storage.googleapis.com/talentfunnel-cms-career-site-storage/dishoom/Cheltenham_BT_1_1_d99656a6ce/Cheltenham_BT_1_1_d99656a6ce.woff2') format('woff2');
    font-style: normal;
    font-display: swap;
}

body {
    font-family: Gill Sans, system-ui, serif !important;
}

h1, h2, h3, h4, h5, h6 {
   font-family: Gill Sans, system-ui, serif !important;
}

.font-cheltenham {
    font-family: Cheltenham, system-ui, serif !important;
}

.font-gill-sans {
    font-family: Gill Sans, system-ui, serif !important;
}

.show > #nav-wrapper {
  top: 30px;
}

#top-navigation #nav-wrapper a {
  color: #EFECE0 !important;
}

/* HomePage */
.your-roles > div > div > div {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.our-roles p {
    font-size: 2rem;
}

#homepage-hero .btn.btn-primary,
.see-all-locations-button {
  position: relative;
  background-color: #353839;
  color: white;
  font-family: 'Cheltenham';
}


#homepage-hero .btn.btn-primary:before,
.see-all-locations-button:before {
  top: -1px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 2px);
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #383A3B;
}

#homepage-hero .btn.btn-primary:after,
.see-all-locations-button:after {
  top: -4px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 8px);
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #383A3B;
}

#homepage-hero .btn.btn-primary {
  background-color: #E76C42;
}

#homepage-hero .btn.btn-primary:hover,
.see-all-locations-button:hover {
 box-shadow: none !important;
}

#homepage-hero .btn.btn-primary:before {
  border: 1px solid #E76C42;
}

#homepage-hero .btn.btn-primary:after {
  border: 1px solid #E76C42;
}

.our-roles > div  > div > a > div:hover  {
    background-color: #E1A894;
    color: #18334B !important;
}

.location-select path  {
  fill: #E76C42 !important;
}

.our-roles > div {
  justify-content: center;
}

#homepage-rewarding-careers img {
  padding: 8px !important;
  border: 1.5px solid black !important;
}

@media (max-width: 1048px) {

  #homepage-rewarding-careers > div > div > div {
    margin-top:2rem;
    width: 100%;
  }
}

.job-alert-homepage {
  height: 25rem !important;
}

/* Life at dishoom */

#life-at-dishoom #top-navigation {
  border-bottom: 1px solid;
}

#life-at-dishoom #top-navigation #nav-wrapper a {
  color: black !important;
}

#life-at-disoom-meal-for-a-meal img {
	padding: 8px !important;
  border: 1.5px solid black !important;
}

.job-alert-comp > div {
	background-size: 52rem;
}

#jobAlertModal:first-child span {
  color: #353839;
}

#sign-up-job-alerts .job-alert-wrapper{
	backdrop-filter: none !important;
	margin-left: 50rem;
}

#sign-up-job-alerts .job-alert-wrapper > div {
	flex-direction: column;
  align-items: flex-start !important;
}

#sign-up-job-alerts {
	background: #E1A894 !important ;
}

#sign-up-job-alerts .job-alert-wrapper .btn.btn-primary {
	position: relative;
	background-color: #353839;
	color: white;
  font-family: 'Cheltenham';
  text-transform: capitalize !important;
  font-size: 17px;
  font-weight: 200 !important;
}

#sign-up-job-alerts .job-alert-wrapper .btn.btn-primary:hover {
 box-shadow: none !important;
}

#sign-up-job-alerts .job-alert-wrapper .btn.btn-primary:before {
  top: -1px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 2px);
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #383A3B;
}

#sign-up-job-alerts .job-alert-wrapper .btn.btn-primary:after {
  top: -4px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 8px);
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #383A3B;
}

.job-alert-comp div {
  box-shadow: none !important;
}

@media (max-width: 1048px) {
  .job-alert-comp > div {
    background: none;
    background-size: 52rem;
  }

  #sign-up-job-alerts .job-alert-wrapper {
    backdrop-filter: none !important;
    margin-left: 0  !important;
    text-align: center;
  }

  #sign-up-job-alerts .job-alert-wrapper > div {
    max-width: 100%;
    padding: 2rem;
    align-items: center !important;
  }
}

/* Results page */
#vacancies-hero .btn.btn-primary {
  position: relative;
  background-color: #E76C42;
  color: white;
  font-family: 'Cheltenham';
}

#vacancies-hero .btn.btn-primary:hover {
 box-shadow: none !important;
}

#vacancies-hero .btn.btn-primary:before {
  top: -1px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 2px);
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #E76C42;
}

#vacancies-hero .btn.btn-primary:after {
  top: -4px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 8px);
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #E76C42;
}

#vacancies-hero .find-your-role > div button[type=submit] span {
  font-size: 17px;
  text-transform: capitalize !important;
}

#vacancies-hero .bottom-wrapper {
  flex: 1 0 40%;
}

#vacancies-hero .location-select svg {
  color:#E76C42;
}

.find-your-role > div {
  min-height: auto;
  padding: 0 !important;
}

.find-your-role > div [class*=KeywordFilter__StyledInputWrapper] {
  height: 50px;
  border-radius: 5px;
  overflow: hidden;
}

.find-your-role > div [class*=KeywordFilter__StyledInputWrapper] input {
  height: 100%;
  padding: 0 16px;
  font-weight: 500 !important;
  font-size: 16px !important;
  text-transform: capitalize;
}

.find-your-role > div [class*=KeywordFilter__StyledInputWrapper] input::-moz-placeholder {
  font-weight: 500 !important;
}

.find-your-role > div [class*=KeywordFilter__StyledInputWrapper] input::placeholder {
  font-weight: 500 !important;
}

.find-your-role > div div:has(> .location-select),
.find-your-role > div div:has(> [class*=RoleSelect__StyledSelect-sc]) {
  border-radius: 5px;
}

.find-your-role > div .location-select > div,
.find-your-role > div [class*=RoleSelect__StyledSelect-sc] > div {
  height: 50px;
  border-radius: 5px;
  border: none;
}

.find-your-role > div .location-select > div > div:first-child,
.find-your-role > div [class*=RoleSelect__StyledSelect-sc] > div > div:first-child {
  padding: 0 16px;
}

.find-your-role > div .location-select > div > div:first-child #react-select-locationSelect-placeholder,
.find-your-role > div .location-select > div > div:first-child #react-select-categorySelect-placeholder,
.find-your-role > div [class*=RoleSelect__StyledSelect-sc] > div > div:first-child #react-select-locationSelect-placeholder,
.find-your-role > div [class*=RoleSelect__StyledSelect-sc] > div > div:first-child #react-select-categorySelect-placeholder {
  font-weight: 500 !important;
  font-size: 16px !important;
  text-transform: capitalize;
  white-space: nowrap;
  text-overflow: hidden;
}

.find-your-role > div button[type=submit] {
  height: 50px;
  padding: 0 40px;
  background-color: #00579A;
}

.find-your-role > div button[type=submit] span {
  font-size: 16px;
}

.find-your-role > div form > div > div:first-child {
  width: calc(50% - 100px);
  flex: none !important;
}

.location-city path,
.vacancy-details path {
 	fill: #E76C42 !important;
}

.job-results-component a  {
  box-shadow:none;
  border-radius: 2px;
}

.job-results-component .row a:hover  {
  outline: 1px #FF7F00 solid;
}

.job-results-component a span:first-of-type {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-image: url(https://storage.googleapis.com/talentfunnel-cms-career-site-storage/dishoom/logo_primary_1_4d85105619/logo_primary_1_4d85105619.svg) !important;
  width: 100px !important;
  margin-left: 3px !important;
}

.job-results-component a img {
  display: none !important;
}

.job-results-component .vacancy-category{
  font-size: 1.5rem;
  text-transform: capitalize !important;
}

.job-results-component a .hour-label{
  color: #E76C42;
  font-size: 1rem;
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: auto;
}

ul.list-unstyled {
  border-bottom: none !important;
  justify-content: center !important;
  gap: 3rem;
}

.job-results-wrapper h2 {
 padding-bottom: 1.5rem;
    margin-top: -2.5rem;
}

/* Locations */
.box-link-text {
	position: absolute;
  bottom: -36px;
  left: 0;
  color: black;
  font-family: 'Cheltenham';
  text-transform: capitalize;
  font-size: 1.35rem;
}

.location-link-wrapper a > div {
  padding: 0 !important;
}

.location-link-wrapper a > div > div {
  width: 100%;
  height: 100%;
}

.location-link-wrapper .hover-link {
  background-color: #000000;
  transition: opacity 0.25s ease-in-out;
  opacity: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.location-link-wrapper .hover-link:hover {
  opacity: 0.8;
}

#locations #top-navigation {
  border-bottom: 1px solid;
}

#locations #top-navigation #nav-wrapper a {
  color: black !important;
}

.location-link-comp .row > div{
  padding-bottom: 3rem;
}

.explore {
  font-size: 1.2rem;
  font-weight: 900;
  font-family: 'Gill Sans';
  line-height: 41px;
  margin-right: 15px;
}

/* Footer */

.footer-container {
  justify-content: center;
  gap: 2rem;
  padding-top:3rem;
  padding-bottom:3rem;
}

.footer-container a {
  color: #565563 !important;
  text-decoration: none;
}

@media (max-width: 1048px) {
  .footer-container {
    flex-direction: column;
    text-align: center;
  }
}

/* Single job page  */

#single-job-container {
  margin-top: -80px;
}

#single-job-container .btn.btn-primary {
  position: relative;
  background-color: #E76C42;
  color: white;
  font-family: 'Cheltenham';
  text-transform: capitalize !important;
  font-size: 16px;
}

#single-job-container .btn.btn-primary:hover {
 box-shadow: none !important;
}

#single-job-container .btn.btn-primary:before {
  top: -1px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 2px);
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #E76C42;
}

#single-job-container .btn.btn-primary:after {
  top: -4px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 8px);
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #E76C42;
}

#single-job-container.find-your-role > div button[type=submit] span {
  font-size: 14px;
}

.vacancy-card {
  background: white;
  padding: 2rem;
  margin-left: 5px;
  margin-right: 5px;
  outline: 1px #E76C42 solid;
  outline-offset: 5px;
}

.vacancy-detail {
  padding-bottom: 0.5rem;
}

.job-alert-image{
  max-width: 500px;
}

#single-job-container .job-alert-sign-up-box .btn.btn-primary {
  background-color: #353839;
}


#single-job-container .job-alert-sign-up-box  .btn.btn-primary:before {
  border: 1px solid #353839;
}

#single-job-container .job-alert-sign-up-box  .btn.btn-primary:after {
  border: 1px solid #353839;
}

#single-job-container .company-name,
#single-job-container .hour-label {
  color:white ;
  font-size: 15px;
}

#single-job-container .hour-label {
  text-transform: uppercase;
}

.job-large-header > div > .d-flex.gap-2 {
  color:#E76C42 ;
  font-size: 15px;
}

@media (max-width: 1048px) {
  .job-large-header  + div {
    flex-direction: column !important;
  }
}

#jobAlertModal > div:first-of-type,
#jobAlertModal > div:first-of-type button {
  background-color: #E1A894 !important;
}


.life-at-dishoom-what-we-do {
  font-size: 1.1rem;
}

@media (max-width: 1048px) {
  .life-at-dishoom-what-we-do {
    font-size: 0.9rem;
  }

  .life-at-dishoom-feeds p {
    font-size: 1.25rem;
  }
}



#role + div:last-of-type {
    text-align: center;
}

#role > div > div > div> div {
    padding-bottom: 1px;
    margin-top: 1px;
}

.navbar-toggler-icon {
  filter: invert(1);
}

#life-at-dishoom .navbar-toggler-icon,
#locations .navbar-toggler-icon {
  filter: invert(0);
}


@media (max-width: 1048px) {
.job-large-header > div {
    margin-left: 5px;
    margin-right: 5px;
}
}

.job-large-header {
  background-size: cover;
}