/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

.province-hero {
    position: relative;
    overflow: hidden;
    background: #0a2a3b;
    min-height: 360px;
    display: flex;
    align-items: center;
    padding: 80px 72px 48px;
	text-align: center;
}

.province-hero h1 {
    font-size: clamp(38px, 4.8vw, 62px);
    font-weight: 400!important;
    line-height: 1.18;
    color: #ffffff;
    margin-bottom: 20px;
    letter-spacing: -0.01em;
}

.home-page .gform_wrapper input,
.contact-page .gform_wrapper input,
.contact-page .gform_wrapper select,
.contact-page .gform_wrapper textarea {
  width: 100%;
  height:50px!important;
  font-family: "Nunito", sans-serif;
  line-height: 1em;
  font-size: 15px!important;
  color: #1a1a1a!important;
  background: #fff!important;
  border: 1.5px solid rgba(10,42,59,0.1)!important;
  border-radius: 6px!important;
  box-shadow: unset !important;
  padding: 14px 18px!important;
  outline: none!important;
  transition: border-color 0.2s, box-shadow 0.2s!important;
}
.home-page .gform_wrapper input:focus,
.contact-page .gform_wrapper input:focus,
.contact-page .gform_wrapper textarea:focus {
  border-color: #7ba7ae!important;
  box-shadow: 0 0 0 3px rgba(123, 167, 174, 0.15)!important;
}
.contact-page .gform_wrapper textarea {
  resize: vertical;
  min-height: 140px;
  line-height: 1.65;
}
.home-page .gform_fields,
.contact-page .gform_fields {
	row-gap:30px!important;
}

.home-page #input_1_8_1{
	height:20px!important;
	padding: 0px!important;
}

.gform-footer .gform_button.button {
    font-family: 'Nunito', sans-serif;
    font-size: 12px!important;
    font-weight: 800!important;
    letter-spacing: 0.12em!important;
    text-transform: uppercase!important;
    background: #fcc56c!important;
    color: #0a2a3b!important;
    border: none!important;
    border-radius: 99px!important;
    padding: 16px 40px!important;
    cursor: pointer!important;
    transition: all 0.22s!important;
    white-space: nowrap!important;
}

.gform-footer .gform_button.button:hover {
    background: #fde0a8!important;
    transform: translateY(-2px)!important;
    box-shadow: 0 8px 24px rgba(252, 197, 108, 0.4)!important;
}

.contact-page .gform-footer.gform_footer {
    justify-content: end!important;
	
}
h2.gform_submission_error {
    font-size: 14px !important;
}

@media(min-width:981px){
	#gform_submit_button_4 {
	position: absolute;
    bottom: 0px;
    right: 0;
}
}

.nl label.gform-field-label {
 	font-size: 11px;
    color: rgba(255, 255, 255, 0.35)!important;
    line-height: 1.65;
}

.nl input#input_3_3_1 {
    width: 16px;
    height: 16px;
    border: 1.5px solid rgba(123, 167, 174, 0.4);
    border-radius: 3px;
    flex-shrink: 0;
    cursor: pointer;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.18s;
    background: transparent;
}
.nl input[type=email] {
    font-family: 'Nunito', sans-serif!important;
    height: 45px!important;
    font-size: 13px!important;
    color: #fff!important;
    background: rgba(255, 255, 255, 0.08)!important;
    border: 1px solid rgba(123, 167, 174, 0.25)!important;
    border-right: none!important;
    border-radius: 6px 0 0 6px!important;
    padding: 13px 16px!important;
    outline: none!important;
}

.nl .gform-footer input[type=submit].gform_button.button {
    font-weight: 800!important;
    letter-spacing: 0.1em!important;
    text-transform: uppercase!important;
    background: #fcc56c!important;
    color: #0a2a3b!important;
    border: none!important;
    border-radius: 0 6px 6px 0!important;
    padding: 13px 20px!important;
    cursor: pointer!important;
    white-space: nowrap!important;
	position:absolute;
	top:0;
	right:0;
	height:45px!important;
}

.nl .gform-theme--foundation .gform_fields,
.careers .gform-theme--foundation .gform_fields{
	row-gap:20px;
}

.careers .gfield_description{
	display:none;
}

.careers .gform_wrapper input,
.careers .gform_wrapper select,
.careers .gform_wrapper textarea {
  width: 100%;
  height:50px!important;
  font-family: "Nunito", sans-serif;
  line-height: 1em;
  font-size: 15px!important;
  color: #1a1a1a!important;
  background: #f7f8f9!important;
  border: 1.5px solid rgba(10,42,59,0.1)!important;
  border-radius: 6px!important;
  box-shadow: unset !important;
  padding: 14px 18px!important;
  outline: none!important;
  transition: border-color 0.2s, box-shadow 0.2s!important;
}

.careers .gform_wrapper textarea{
	height:80px!important;
}

.careers .gform_wrapper input:focus,
.careers .gform_wrapper textarea:focus {
  border-color: #7ba7ae!important;
  box-shadow: 0 0 0 3px rgba(123, 167, 174, 0.15)!important;
}

.careers span.gfield_required {
	visibility:hidden!important;
}
.careers p.gform_required_legend{
	display:none
}

.careers .gform-footer input[type=submit].gform_button.button {
	width:100%!important;
	border-radius:6px!important;
}

/* Hide default file input text */
.gform_wrapper .gfield input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

/* Upload Box */
.gform_wrapper .ginput_container_fileupload {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 340px;
    height: 50px;
    border:  1.5px solid rgba(10,42,59,0.1)!important;
    border-radius: 6px;
    background: #f7f8f9;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
}

.careers .gform_wrapper #field_6_9 .ginput_container_fileupload::after {
    content: "⇪  Resume PDF or Word *";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    pointer-events: none; 
}

.careers .gform_wrapper #field_6_11 .ginput_container_fileupload::after {
    content: "⇪  Cover Letter PDF or Word *";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    pointer-events: none; 
}

/* Hover 
.gform_wrapper .ginput_container_fileupload:hover {
    border-color: #7c8aa5;
    background: #fff;
} */

/* When file selected */
.gform_wrapper .ginput_container_fileupload.file-selected {
    border-color: #16a34a;
    background: #f0fdf4;
}

/* Change text after upload */
.careers .gform_wrapper #field_6_9 .ginput_container_fileupload.file-selected::after,
.careers .gform_wrapper #field_6_11 .ginput_container_fileupload.file-selected::after,
.gform_wrapper .ginput_container_fileupload.file-selected::after {
    content: "✔ File Attached Successfully";
    color: #166534;
    font-weight: 600;
}

@media(max-width:767px) {
	.mob-strip {
		flex-direction: column;
		align-items: start !important;
		justify-content: start !important;
	}
}