/*
 Theme Name:     This is the Job
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Publicis Canada
 Author URI:     https://www.publicis.ca
 Template:       Divi
 Version:        1.1.3
*/


/* FR TYPEFACE OVERRIDES
------------------------------------------------------- */

body.lang-fr-ca .et_pb_text_0 h1,
body.lang-fr-ca .et_pb_text_0 h2,
body.lang-fr-ca .et_pb_text_1 h2,
body.lang-fr-ca .et_pb_text_2 h2, 
body.lang-fr-ca .et_pb_text_3 h2,
body.lang-fr-ca .et_pb_text_4 h2,
body.lang-fr-ca .et_pb_text_4 h4,
body.lang-fr-ca .et_pb_text_5 h2,
body.lang-fr-ca .et_pb_text_5 h3,
body.lang-fr-ca .et_pb_text_6 h2,
body.lang-fr-ca .et_pb_text_6 h3 {
  font-family:'MyanmarMN-FR',Helvetica,Arial,Lucida,sans-serif;
}

body.lang-fr-ca .et_pb_text_0 h2,
body.lang-fr-ca .et_pb_text_1 h2,
body.lang-fr-ca .et_pb_text_2 h2, 
body.lang-fr-ca .et_pb_text_3 h2,
body.lang-fr-ca .et_pb_text_4 h2 {
  font-size:40px; color:#39618a!important; text-align:center;
}

body.lang-fr-ca .et_pb_text_0_tb_footer h2,
body.lang-fr-ca .et_pb_text_0_tb_footer h3,
body.lang-fr-ca .et_pb_text_1_tb_footer h2 {
  font-family:'MyanmarMN-FR',Helvetica,Arial,Lucida,sans-serif;
}

body.lang-fr-ca .et_pb_text_0,
body.lang-fr-ca .et_pb_text_1,
body.lang-fr-ca .et_pb_text_7 {
  font-family:'MyanmarMN-FR',Helvetica,Arial,Lucida,sans-serif;
}

body.lang-fr-ca .et_pb_testimonial_0.et_pb_testimonial .et_pb_testimonial_author, 
body.lang-fr-ca .et_pb_testimonial_1.et_pb_testimonial .et_pb_testimonial_author,
body.lang-fr-ca .et_pb_testimonial_2.et_pb_testimonial .et_pb_testimonial_author {
	font-family: 'MyanmarMN-FR',Helvetica,Arial,Lucida,sans-serif;
}

body.lang-fr-ca .et_pb_testimonial_0.et_pb_testimonial .et_pb_testimonial_company,
body.lang-fr-ca .et_pb_testimonial_0.et_pb_testimonial .et_pb_testimonial_company a,
body.lang-fr-ca .et_pb_testimonial_1.et_pb_testimonial .et_pb_testimonial_company,
body.lang-fr-ca .et_pb_testimonial_1.et_pb_testimonial .et_pb_testimonial_company a,
body.lang-fr-ca .et_pb_testimonial_2.et_pb_testimonial .et_pb_testimonial_company,
body.lang-fr-ca .et_pb_testimonial_2.et_pb_testimonial .et_pb_testimonial_company a {
  font-family:'MyanmarMN-FR',Helvetica,Arial,Lucida,sans-serif;
}

body.lang-fr-ca .et_pb_blurb_0.et_pb_blurb .et_pb_module_header, 
body.lang-fr-ca .et_pb_blurb_0.et_pb_blurb .et_pb_module_header a, 
body.lang-fr-ca .et_pb_blurb_1.et_pb_blurb .et_pb_module_header, 
body.lang-fr-ca .et_pb_blurb_1.et_pb_blurb .et_pb_module_header a, 
body.lang-fr-ca .et_pb_blurb_2.et_pb_blurb .et_pb_module_header, 
body.lang-fr-ca .et_pb_blurb_2.et_pb_blurb .et_pb_module_header a, 
body.lang-fr-ca .et_pb_blurb_3.et_pb_blurb .et_pb_module_header, 
body.lang-fr-ca .et_pb_blurb_3.et_pb_blurb .et_pb_module_header a, 
body.lang-fr-ca .et_pb_blurb_4.et_pb_blurb .et_pb_module_header, 
body.lang-fr-ca .et_pb_blurb_4.et_pb_blurb .et_pb_module_header a, 
body.lang-fr-ca .et_pb_blurb_5.et_pb_blurb .et_pb_module_header, 
body.lang-fr-ca .et_pb_blurb_5.et_pb_blurb .et_pb_module_header a {
	font-family: 'MyanmarMN-FR',Helvetica,Arial,Lucida,sans-serif;
}


/* Job Categories: Customize Job Listing
------------------------------------------------------- */

div.et_pb_section.job-list .et_pb_column_2 {
  position: relative !important;
}

div.et_pb_section.job-list .et_pb_row .et_pb_column .et_pb_module.et_pb_text p {
  margin-bottom: 60px;
}

div.et_pb_section.job-list .et_pb_row .et_pb_column .et_pb_button_module_wrapper {
  position: absolute;
  bottom: 0;
}

@media (max-width: 768px){
  div.et_pb_section.job-list .et_pb_row .et_pb_column .et_pb_button_module_wrapper {
    width: 100%;
  }
  div.et_pb_section.job-list .et_pb_row .et_pb_column .et_pb_button_module_wrapper a {
    text-align: center;
  }
}


/* Page: Quiz Results
------------------------------------------------------- */

/*
--------------------------------
HEADER
--------------------------------
*/

/* header colours */
body.page-template-results #main-header, 
body.page-template-results #main-header .nav li ul, 
body.page-template-results .et-search-form, 
body.page-template-results #main-header .et_mobile_menu {
  background-color: #39618A !important;
}

/*
--------------------------------
HEADLINE
--------------------------------
*/

/* headline: max width */
body.page-template-results .et_pb_section_1 .et_pb_row {
  width: 80% !important;
}

/* headline: padding and spacing */
body.page-template-results .et_pb_section_1 {
  padding-bottom: 0 !important;
}
body.page-template-results .et_pb_section_1 .et_pb_row_1 {
  display: none !important;
}

/* headline: colour */
body.page-template-results .et_pb_section_1 h1 {
  font-family: 'MyanmarMN',Helvetica,Arial,Lucida,sans-serif;
  color: #445434 !important;
}

/*
--------------------------------
RESULTS
--------------------------------
*/

/* results: row max width */
body.page-template-results .et_pb_section_2 .et_pb_row {
  width: 90% !important;
}

/* results: padding and spacing */
body.page-template-results .et_pb_section_2 {
  padding-top: 0 !important;
  padding-bottom: 34px !important;
}

body.page-template-results .et_pb_section_2 .et_pb_row_2,
body.page-template-results .et_pb_section_2 .et_pb_row_2 {
  padding-top: 20px;
}

body.page-template-results .et_pb_image_wrap a {
  background-color: transparent!important;
}

/* results: job text */
body.page-template-results .et_pb_section_2 .et_pb_text_1 h3 {
  font-family: 'MyanmarMN',Helvetica,Arial,Lucida,sans-serif;
  color: #445434!important;
}

/* results: buttons */
body.page-template-results .et_pb_section_2 .et_pb_button_0_wrapper .et_pb_button_0, 
body.page-template-results .et_pb_section_2 .et_pb_button_0_wrapper .et_pb_button_0_wrapper .et_pb_button_0:hover {
  padding: 5px 30px 7px 30px !important;
}

@media screen and (min-width: 981px) {
  body.page-template-results .et_pb_text, 
  body.page-template-results .job-list .et_pb_button_module_wrapper {
    margin-left: -30px !important;
  }
}

/*
--------------------------------
RESULTS: BUTTONS
--------------------------------
*/

/* results: padding and spacing */
body.page-template-results .et_pb_section_3 {
  padding-top: 0 !important;
}

body.page-template-results .et_pb_section_3 .et_pb_row {
  text-align: center;
}
body.page-template-results .et_pb_section_3 .et_pb_column {
  float: none;
  margin: 0 auto;
  display: inline-block;
}

body.page-template-results div.et_pb_section_3 .et_pb_row .et_pb_column .et_pb_button_module_wrapper {
  position: static;
  display: inline-block;
  width: auto !important;
}

body.page-template-results div.et_pb_section_3 .et_pb_row .et_pb_column .et_pb_button_module_wrapper.et_pb_button_0_wrapper {
  margin-right: 50px !important;
}

body.page-template-results #main-content a {
  background-color: #000000;
  border-width: 2px !important;
  border-radius: 52px;
  font-size: 16px;
  font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif!important;
  padding: 5px 30px 7px 30px !important;
}

body.page-template-results #main-content a:hover {
  color: #000000 !important;
  background-image: initial;
  background-color: #ffffff;
  border-width: 2px !important;
  border-color: #000000;
}

body.page-template-results #main-content a.btn-retry {
  background-color: #51893d;
}

body.page-template-results #main-content a.btn-retry:hover {
  color: #000000 !important;
  background-color: #ffffff;
  border-color: #000000 !important;
}

body.page-template-results #main-content a.btn-home {
  background-color: #80022f;
}

body.page-template-results #main-content a.btn-home:hover {
  color: #000000 !important;
  background-color: #ffffff;
  border-color: #000000 !important;
}

body.page-template-results #main-content .et_pb_button:before,
body.page-template-results #main-content .et_pb_button:after {
  content: "" !important;
}



/*
--------------------------------
JOB QUIZ: HEADER
--------------------------------
*/

body.page-template-quiz #main-header, 
body.page-template-quiz #main-header .nav li ul, 
body.page-template-quiz .et-search-form, 
body.page-template-quiz #main-header .et_mobile_menu {
  background-color: #39618A !important;
}


/*
--------------------------------
JOB QUIZ: LAYOUT
--------------------------------
*/

.job-quiz_wrapper {
  margin-bottom: 60px;
}

.job-quiz_wrapper fieldset.gfield {
  margin-bottom: 20px !important;
}


/*
--------------------------------
JOB QUIZ: PROGRESS BAR
--------------------------------
*/

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
  background-color: #39618a !important;
}

.gform_wrapper input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -3px;
  left: -3px;
  position: relative;
  background-color: #39618a !important;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}


/*
--------------------------------
JOB QUIZ: FIELDS
--------------------------------
*/

.gform_wrapper.gravity-theme .gfield_checkbox label, 
.gform_wrapper.gravity-theme .gfield_radio label {
  font-size: 16px;
}

.gfield_radio .gchoice { 
  margin: 6px 0; 
}



/*
--------------------------------
JOB QUIZ: PREV/NEXT BUTTONS
--------------------------------
*/

.job-quiz_wrapper .gform_page_footer {
  margin: 15px 0 20px 0;
}

.job-quiz_wrapper .gform_previous_button,
.job-quiz_wrapper .gform_next_button,
.job-quiz_wrapper input[type="submit"] {
  background-color: #000000;
  border-width: 2px !important;
  border-radius: 52px;
  font-size: 16px;
  font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif!important;
  padding: 5px 30px 7px 30px !important;
  text-transform: uppercase;
}

.job-quiz_wrapper .gform_previous_button {
  background-color: #ffffff;
  border-color: #000000;
  color: #000000;
}

.job-quiz_wrapper .gform_next_button,
.job-quiz_wrapper input[type="submit"] {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.job-quiz_wrapper .gform_previous_button:hover,
.job-quiz_wrapper .gform_next_button:hover,
.job-quiz_wrapper input[type="submit"]:hover {
  border-color: #000000;
  color: #000000;
  border-width: 2px !important;
  border-color: #000000;
  cursor: pointer;
}

.job-quiz_wrapper .gform_previous_button:hover {
  background-color: #ffffff;

}

.job-quiz_wrapper .gform_next_button:hover,
.job-quiz_wrapper input[type="submit"]:hover {
  background-color: #ffffff;
}

/*
--------------------------------
JOB QUIZ: AJAX SPINNER
--------------------------------
*/

.gform_ajax_spinner {
  position: relative;
  top: 0;
  left: 15px;
	border: 5px solid rgba(255, 255, 255, 0.3);
	border-top: 5px solid rgba(160, 197, 124, 1);
	border-left: 5px solid rgba(160, 197, 124, 1);
	animation: spinner .5s infinite linear;
	border-radius: 50%;
	width: 19px;
	height: 19px;
}

@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}