@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i");

::selection {
  color: #fff;
  background: #FAAF40;
}

:root {
  --fontFamily: "Roboto", sans-serif;
  --borderWidthBold: 1px;
  --widthMaxJobBoard: 1740px;

  --borderRadiusControl: 0px;
  --borderRadiusButton: 0px;
  --colorPrimary600: #FAAF40 !important;
  --colorPrimary900: black!important;
  --colorNeutralShadow: white;
  --colorNeutral800: #1e1e1e;
  --colorNeutral700: #3b3b3b;
  --colorNeutral600: #575757;
  --colorNeutral500: #737373;
  --colorNeutral400: #8f8f8f;
  --colorNeutral300: #c7c7c7;
  --colorNeutral200: #e3e3e3;
  --colorNeutral100: #f1f1f1;
  --colorNeutral000: #ffffff;
}



.ashby-application-form-container {

}

/* The description for an application form section. May not exist if no description was specified. */
 .ashby-application-form-section-header-description {


 }

 /* The container of the job posting details pane. */
  .ashby-job-posting-brief {
    /* This adds some space between posting briefings. */

  }


.ashby-job-board-heading {
  font-family: "Roboto", serif;
  font-size: 22px;
  font-weight: 400;
  color: var(--colorNeutral800);
}

[class^="JobBoard_filtersLabel"] {
  font-weight: 400;
}

[class^="Pane_container"] {
  background: red;
}

.ashby-job-board-filter {
  border-radius: 5px;
  border-color: grey;
  padding: var(--spacingSmall);
}

.ashby-job-board-filter:focus-visible {
  box-shadow: none;
  border-color: var(--colorPrimary600);
}

.ashby-department-heading {
  font-size: 25px;
  color: var(--colorNeutral800);
  font-weight: 400;
  padding-bottom: var(--spacingSmall);
  border-bottom: 1px solid;
}

.ashby-job-posting-brief {
  border-radius: 0px !important;
  position: relative;
  padding-right: 74px;
}

.ashby-job-posting-brief::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M12 5l7 7-7 7'></path></svg>");
  position: absolute;
  right: 5px;
  height: 50px;
  width: 50px;
  top: calc(50% - 12px);
  transition: stroke 0.9s; /* Add transition for smooth color change */
}

.ashby-job-posting-brief:hover::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgb(250, 175, 64)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M12 5l7 7-7 7'></path></svg>");
}

.ashby-job-posting-brief:hover {
 background-color: #fefaee;

}


.ashby-job-posting-brief:hover .ashby-job-posting-brief-title {
  color: var(--colorNeutral800);
}

.ashby-job-posting-brief-title {

  font-weight: 400;
  font-size: 19px;
  color: var(--colorPrimary900);
}

.ashby-job-posting-brief-title::after {
  margin-left: 8px;
  content: none;
}

h2[class^="Pane_heading"] {
  font-family: "Roboto Mono", sans-serif;
}

.ashby-job-posting-brief-details {
  font-size: 13px;
  color: black;
  font-family: unset;
  font-weight: 400;
}

.ashby-job-posting-heading {
  font-size: 29px;
  font-weight: 400;
  color: var(--colorNeutral800);
}


@media only screen and (min-width: 1000px) {
    body {
        padding-left: 64px;
        padding-right: 64px;
    }
}

@media only screen and (min-width: 1900px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
}
