:root {
	--primary-color: #002365;
	--secondary-color: #8A1621;
	--primary-hover: #001C51;
	--primary60: #002365;
	--primary70: #001C51;
	--secondary60: #8A1621;
}

h1 {
    padding-bottom: 20px;
}
.job-content-location {
display: none;
}

label[id="user.address1_label"]{
    visibility: hidden;
    position: relative;
}
label[id="user.address1_label"]:after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Current Address Line 1';
}
label[id="user.address2_label"]{
    visibility: hidden;
    position: relative;
}
label[id="user.address2_label"]:after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Current Address Line 2';
}
label[id="user.phone_label"]{
    visibility: hidden;
    position: relative;
}
label[id="user.phone_label"]:after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Mobile Phone';

}

#job-application-form label[id*=".response."][id$=".degree_label"]{
    visibility: hidden;
    position: relative;
}
#job-application-form label[id*=".response."][id$=".degree_label"]::after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Degree / Licensure Area';
}
#job-application-form label[id*=".response."][id$=".qualification_label"]{
    visibility: hidden;
    position: relative;
}
#job-application-form label[id*=".response."][id$=".qualification_label"]::after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Qualification Gained (Degree Name or Licensure Type)';
}
#job-application-form label[id*=".response."][id$=".institution_label"]{
    visibility: hidden;
    position: relative;
}
#job-application-form label[id*=".response."][id$=".institution_label"]::after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Institution Name / Issuing Body';
}
#job-application-form label[id*=".response."][id$=".datecompl_label"]{
    visibility: hidden;
    position: relative;
}
#job-application-form label[id*=".response."][id$=".datecompl_label"]::after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Date Gained (Issue Date)';
}
.app-subheader {
  position: relative;           /* enable pseudo-element positioning */
  padding-top: 1em;             /* give space for the line */
}

.app-subheader::before {
  content: "_________________________________________________________________________________________________________________";
  display: block;
  margin-bottom: 0.5em;         /* space between the underscores and your header text */
  font-family: inherit;         /* match the same font as your header */
  font-size: 0.8em;             /* tweak size so the “line” looks right */
  color: #8A1621;                  /* line color */
  white-space: nowrap;          /* keep it on one line */
  overflow: hidden;             /* if it’s too long, it’ll simply clip */
}
.app-subheader {
font-size: 24px;
margin-top: 0px !important;
padding-top: 0px !important;
}



#job-application-form h3
 {
font-size: 24px;
margin-top: 0px !important;
padding-top: 0px !important;
}


#job-application-form h4
 {
font-size: 20px;
margin-top: 0px !important;
padding-top: 0px !important;
margin-bottom: -20px;
}
#job-application-form {
border: none;
}
body a:link {
    color: #012d5d;
}
body a:visited {
    color: #8A1621;
}

.multi-option-container.yesno-radios {
    padding-top: 10px;
}
.form-control.ob.radio .ob-radio-button {
color: #216ba5
}
#job-application-form h3:not(.app-subheader) {
  display: none;
}

button.ob.button.iconButton.light.medium[aria-label*="Add More Education History"] > span:not(.material-icons) {
  display: none;              /* hide old label */
}

button.ob.button.iconButton.light.medium[aria-label*="Add More Education History"]::after {
  content: "Add New Record";
  margin-left: 8px;      
  font: inherit;             
  color: inherit;
  line-height: 1;     
}



.eop_survey .user-content:not(.job-content-body.user-content) {
  font-size: 0 !important;          /* hide original text */
  line-height: 0  !important;
  position: relative  !important;
}


.eop_survey .user-content:not(.job-content-body.user-content)::before{
  font-size: 24px;  
font-weight: bold;
color: #15772c !important;
  line-height: 1.2;
  white-space: pre-wrap;
   content: "Application Received ✓ \A \A";
}

.eop_survey .user-content:not(.job-content-body.user-content)::after{
  font-size: 20px;  
color: #28282c;
  line-height: 1.2;  
  white-space: pre-wrap;
   content: "We've received your application for a position at The International School Nido de Águilas. Thank you! \AOur hiring managers will review your application, and we'll be contacting qualified applicants soon. \A  \A Next Steps:\A 1. Locate this email confirmation in your inbox and add it to your contacts to ensure you receive future emails.\A \A
Thanks!\A \A Nido Recruitment Team\A The International School Nido de Águilas";
}