/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


#gform_submit_button_4,.wpjb-submit,#gform_browse_button_4_33, #gform_submit_button_5, #gform_submit_button_1,#gform_submit_button_6, #gform_browse_button_1_27 {
	background: #b85c00;
    border-radius: 72px 11px 73px 11px !important;
}
.wpjb-submit {color: white;
    padding: 5px 20px;
}
.wpjb-job-buttons a.wpjb-form-job-apply { background: #b85c00 !important;
    border-radius: 72px 11px 73px 11px;
    color: #fff !important;
	text-decoration-line: none !important;
}

.wpjb-job-buttons a.wpjb-form-job-apply:hover {
	background: #2e72b9;
    border-radius: 72px 11px 73px 11px;
	color: #fff !important;
	text-decoration-line: none !important;
}
@media only screen and (min-width: 1025px) {
	.wpjb-page-single .wpjb-job-buttons a.wpjb-form-job-apply,
	.wpjb-page-single .wpjb-job-buttons a.wpjb-form-job-apply:hover,
	.wpjb-page-single .wpjb-job-buttons a.wpjb-form-job-apply:focus,
	.wpjb-page-single .wpjb-job-buttons a.wpjb-form-job-apply:visited {
		color: #fff !important;
	}
	.wpjb-page-single .wpjb-job-buttons a.wpjb-form-job-apply .wpjb-glyphs {
		color: #fff !important;
	}
}
#gform_submit_button_5:hover, #gform_submit_button_1:hover, #gform_submit_button_6:hover, #gform_browse_button_1_27:hover {
	background: #2e72b9;
    border-radius: 72px 11px 73px 11px;
}
.select-arrow {color: #727274 !important}

/* Remove Gravity Forms focus outline color for this one input */
#input_6_1_3 {
	--gf-local-outline-color: transparent !important;
}
#input_6_1_3:focus,
#input_6_1_3:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

/* Same focus removal for these inputs */
#input_6_1_6,
#input_6_2 {
	--gf-local-outline-color: transparent !important;
}
#input_6_1_6:focus,
#input_6_1_6:focus-visible,
#input_6_2:focus,
#input_6_2:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}
/* Fix vertical alignment for this specific select */
#input_6_5, #input_6_6 {
	height: 48px;         /* pick what matches your design */
	line-height: 48px;    /* aligns text vertically */
	padding-top: 0;
	padding-bottom: 0;
}
#input_6_5, #input_6_6 {
	line-height: 1.25;
	padding: 12px 44px 12px 14px; /* keep right padding for arrow */
}

.gform_wrapper .gfield select, .gform_wrapper .gfield textarea {
	color:#727274 !important; 
}
.gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .gfield_select[multiple=multiple] {
		color:#727274 !important; 
}


.wpjb-update-error{
	display: none !important;
}

/* WPJobBoard search inputs (Job Postings page) */
.wpjb input#query.wpjb-top-search-query,
.wpjb input#location.wpjb-top-search-location {
	height: 33px;
	line-height: 48px;
	padding-top: 0;
	padding-bottom: 0;
}

/* WPJobBoard apply form: allowed file types under upload button */
.wpjb .wpjb-upload-allowed-extensions {
	display: block;
	width: 100%;
	margin-top: 8px;
	font-size: 0.875rem;
	line-height: 1.4;
	color: #727274;
}

/* WPJobBoard apply form: single focus ring on text fields */
#wpjb-apply-form input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=file]):focus,
#wpjb-apply-form input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=file]):focus-visible,
#wpjb-apply-form textarea:focus,
#wpjb-apply-form textarea:focus-visible,
#wpjb-apply-form select:focus,
#wpjb-apply-form select:focus-visible {
	outline: 2px solid #0b5fff !important;
	outline-offset: 0 !important;
	box-shadow: none !important;
}

.job.type-job .about-author{display: none;}
.job.type-job .fusion-sharing-box{display: none;}
.job.type-job .fusion-meta-info {display: none;}

/* Single job: job title h1 (replaces wpjb-top-header company block) */
.job.type-job .wpjb-top-header {
	display: none !important;
}
.job.type-job .trail-wpjb-job-title {
	margin: 0 0 0.625em;
	padding: 0;
}

/* Single job: Back to Job Posting button (below breadcrumbs) */
.trail-job-back-button {
	max-width: var(--site_width, 1200px);
	margin: 0 auto;
}
.trail-job-back-button .fusion-button-wrapper {
	margin: 0;
}
/* Match header CONTACT / default Fusion buttons (10px × 30px) on desktop */
.trail-job-back-button a.fusion-button {
	--awb-padding-top: 10px;
	--awb-padding-right: 30px;
	--awb-padding-bottom: 10px;
	--awb-padding-left: 30px;
	padding-top: var(--awb-padding-top);
	padding-right: var(--awb-padding-right);
	padding-bottom: var(--awb-padding-bottom);
	padding-left: var(--awb-padding-left);
	line-height: 1.2;
	min-height: 0;
	height: auto;
}
@media only screen and (max-width: 1024px) {
	.trail-job-back-button > div {
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

/* Accessibility (WCAG 1.3.1): header/footer social icons are now output as a
   <ul>/<li> list. Reset the default list styling so the layout is unchanged.
   The icon spacing/margins still come from Avada's existing
   .fusion-social-network-icon rules (descendant selectors, so they still apply). */
.fusion-social-networks ul.fusion-social-networks-wrapper {
	padding: 0;
	list-style: none;
}
.fusion-social-networks ul.fusion-social-networks-wrapper > li {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

/* ==========================================================================
   Accessibility (WCAG 2.0 AA, 2.4.7 Focus Visible): show a clear focus
   indicator on every control when it is reached with the KEYBOARD.

   Everything below is scoped to :focus-visible, which browsers match only for
   keyboard / programmatic focus - NOT for mouse clicks or taps. So nothing
   changes for mouse users; the indicator appears only during keyboard
   navigation. Targets generic controls plus Avada (.fusion-*) and The Events
   Calendar (.tribe-*) elements that strip their own outlines.

   Note: the ID-targeted Gravity Forms rules above (e.g. #input_6_1_3) use
   higher specificity + !important, so those inputs intentionally stay
   outline-free and are unaffected by the generic rules here.
   ========================================================================== */

/* Baseline: any keyboard-focused element gets a visible outline.
   Outline does not affect layout, so nothing shifts. */
:focus-visible {
	outline: 3px solid #0b5fff !important;
	outline-offset: 2px !important;
}

/* Interactive controls (links, buttons, Avada buttons/column anchors,
   Events Calendar controls). Inset ring for contrast on coloured backgrounds.
   Form fields use a separate rule below to avoid a double-border with field borders. */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
[role="link"]:focus-visible,
.fusion-button:focus-visible,
.fusion-column-anchor:focus-visible,
.awb-off-canvas-trigger:focus-visible,
[class*="tribe-"]:focus-visible,
[class*="tribe_"]:focus-visible {
	outline: 3px solid #0b5fff !important;
	outline-offset: 2px !important;
	box-shadow: inset 0 0 0 2px #ffffff, inset 0 0 0 5px #0b5fff !important;
}

/* Text fields: one border only — no stacked inset ring on top of the field border */
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid #0b5fff !important;
	outline-offset: 0 !important;
	box-shadow: none !important;
}

/* WPJobBoard: single border on search/apply fields (Avada + focus styles can stack) */
.wpjb input[type="text"],
.wpjb input[type="email"],
.wpjb input[type="tel"],
.wpjb input[type="url"],
.wpjb input[type="number"],
.wpjb input[type="password"],
.wpjb input[type="search"],
.wpjb select,
.wpjb textarea {
	box-shadow: none !important;
}
.wpjb input[type="text"]:focus,
.wpjb input[type="email"]:focus,
.wpjb input[type="tel"]:focus,
.wpjb input[type="url"]:focus,
.wpjb input[type="number"]:focus,
.wpjb input[type="password"]:focus,
.wpjb input[type="search"]:focus,
.wpjb select:focus,
.wpjb textarea:focus,
.wpjb input[type="text"]:focus-visible,
.wpjb input[type="email"]:focus-visible,
.wpjb input[type="tel"]:focus-visible,
.wpjb input[type="url"]:focus-visible,
.wpjb input[type="number"]:focus-visible,
.wpjb input[type="password"]:focus-visible,
.wpjb input[type="search"]:focus-visible,
.wpjb select:focus-visible,
.wpjb textarea:focus-visible {
	box-shadow: none !important;
	outline: 2px solid #0b5fff !important;
	outline-offset: 0 !important;
}

/* Avada often re-applies focus styling that hides the outline; reinforce that
   the keyboard outline wins for its buttons and anchors. */
.fusion-button:focus-visible,
.fusion-column-anchor:focus-visible {
	text-decoration: none; /* keep the look identical; outline does the work */
}

/* Live Web Cam page: loading overlay while a camera image refreshes */
.trail-webcam-frame {
	display: block;
	max-width: 100%;
}

.trail-webcam-frame__media {
	position: relative;
	display: inline-block;
	max-width: 100%;
	line-height: 0;
}

.trail-webcam-frame__media img {
	display: block;
	max-width: 100%;
	height: auto;
}

.trail-webcam-frame__overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	text-align: center;
	z-index: 2;
}

.trail-webcam-frame__overlay[hidden] {
	display: none !important;
}

.trail-webcam-frame__status {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	font-size: 0.95rem;
	line-height: 1.4;
}

.trail-webcam-frame__spinner {
	width: 2rem;
	height: 2rem;
	border: 3px solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	border-radius: 50%;
	animation: trail-webcam-spin 0.8s linear infinite;
}

.trail-webcam-frame__media--loading img {
	opacity: 0.65;
}

@keyframes trail-webcam-spin {
	to {
		transform: rotate(360deg);
	}
}