/*
Theme Name:    Spectra Recruitment
Description:   Spectra Recruitment Child Theme by CKP Creative
Version:       2.0.0
Author:        CKP Creative
Author URI:    https://www.ckpcreative.com.au/
Template:      bb-theme
License:       GNU General Public License v2 or later
License URI:   http://www.gnu.org/licenses/gpl-2.0.html


==========================================================================================
TABLE OF CONTENTS
==========================================================================================
1.0     AT-RULES
        1.1     Fonts
        1.2     Animations
2.0     RESET
3.0     REUSABLE CLASSES
4.0     LAYOUT AND DESIGN OVERRIDES
        4.1     Page
        4.2     Header
        4.3     Content
                4.3.1     Rows
                4.3.2     Forms
                4.3.3     Popups
                4.3.4     Carousels
                4.3.5     Others
        4.4     Sidebar
        4.5     Footer
5.0     CUSTOM OBJECTS
6.0     RESPONSIVE
        6.1     Large screens only (min-width: 993px)
        6.2     Medium and small screens (max-width: 992px)
        6.3     Medium screens only (min-width: 769px and max-width: 992px)
        6.4     Medium and large screens (min-width: 769px)
        6.5     Small and smaller screens (max-width: 768px)
        6.6     Small screens only (min-width: 481px and max-width: 768px)
        6.7     Gravity Forms Desktop (min-width: 641px)
        6.8     Gravity Forms Mobile (max-width: 641px)
        6.9     Smaller screens (max-width: 480px)
==========================================================================================
*/

/**=======================================================================================
 * 1.0  AT-RULES
 =======================================================================================*/

/* 1.1  Fonts */
@font-face {
	font-family: 'Constantia';
	src: url('assets/fonts/Constantia.eot');
	src: url('assets/fonts/Constantia.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/Constantia.woff2') format('woff2'),
		url('assets/fonts/Constantia.woff') format('woff'),
		url('assets/fonts/Constantia.ttf') format('truetype'),
		url('assets/fonts/Constantia.svg#Constantia') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Constantia';
	src: url('assets/fonts/Constantia-Italic.eot');
	src: url('assets/fonts/Constantia-Italic.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/Constantia-Italic.woff2') format('woff2'),
		url('assets/fonts/Constantia-Italic.woff') format('woff'),
		url('assets/fonts/Constantia-Italic.ttf') format('truetype'),
		url('assets/fonts/Constantia-Italic.svg#Constantia-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

/* 1.2  Animations */
@-webkit-keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 0.9;
		transform: translateY(0);
	}
}

@-moz-keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 0.9;
		transform: translateY(0);
	}
}

@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 0.9;
		transform: translateY(0);
	}
}

/* Spinner */
.gform_ajax_spinner {
	margin-left: 20px;
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-left: 4px solid rgba(110, 73, 217, 0.7);
	animation: spinner 1.1s infinite linear;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}

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

	100% {
		transform: rotate(360deg);
	}
}

/* Marquee */
@keyframes marquee1 {
	from {
		transform: translateX(100%);
	}

	to {
		transform: translateX(-100%);
	}
}

@keyframes marquee2 {
	from {
		transform: translateX(0%);
	}

	to {
		transform: translateX(-200%);
	}
}

/**=======================================================================================
 * 2.0  RESET
 =======================================================================================*/
.fl-page a.button,
.fl-page a.fl-button,
.fl-page .fl-button-group-buttons a.fl-button,
.fl-page input.button,
.fl-page a.button:hover,
.fl-page a.fl-button:hover,
.fl-page .fl-button-group-buttons a.fl-button:hover,
.fl-page input.button:hover {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.fl-page .btn-has-bg-image a.button,
.fl-page .btn-has-bg-image a.fl-button,
.fl-page .btn-has-bg-image .fl-button-group-buttons a.fl-button,
.btn-has-bg-image .uabb-creative-button-wrap a,
.btn-has-bg-image .uabb-creative-button-wrap a:hover,
.fl-page .btn-has-bg-image input.button {
	background: url('assets/img/button-bg.png') center;
	transition: none;
	overflow: hidden;
}

p {
	margin-bottom: 1.5em;
}

p:last-child {
	margin-bottom: 0;
}

ol,
ul {
	padding-left: 20px;
}

.fl-rich-text ul {
	padding-left: 0;
	margin: 0;
	list-style: none;
}

.fl-rich-text ul li {
	position: relative;
	padding-left: 20px;
}

.fl-rich-text ul li::before {
	content: "";
	height: 6px;
	width: 6px;
	background: #FAAE40;
	position: absolute;
	top: 10px;
	left: 0;
	border-radius: 100%;
}

/**=======================================================================================
 * 3.0  REUSABLE CLASSES
 =======================================================================================*/

/* 3.1  Flex */
.flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-half {
	flex: 1;
	flex-basis: 48%;
}

.flex-third {
	flex: 1;
	flex-basis: 32%;
}

.flex-third-span2 {
	flex-basis: 64%;
}

.flex-quarter {
	flex: 1;
	flex-basis: 24%;
}

.flex-h-center {
	justify-content: center;
}

.flex-v-center {
	align-items: center;
}

/* 3.2  Texts */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}

/* 3.3  List */
.unlist {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* 3.4  Backgrounds */
.gradient-bg,
.fl-row.gradient-bg>.fl-row-content-wrap {
	background-image: radial-gradient(circle at top right, rgba(194, 132, 71, 0.9) 0%, rgba(194, 132, 71, 0) 30%),
		radial-gradient(circle at 0 -30%, #000000 10%, rgba(255, 170, 131, 0) 40%),
		radial-gradient(circle at 10% -60%, rgb(255, 170, 131) 0%, rgba(255, 170, 131, 0) 40%),
		radial-gradient(circle at 65% -20%, rgba(255, 170, 131, 0.5) 0%, rgba(255, 170, 131, 0) 20%),
		radial-gradient(circle at 40% -20%, #646f85 0%, rgba(100, 103, 109, 0) 60%);
	background-size: 100% 100vh;
	background-repeat: no-repeat;
}

.row-has-video-bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/**=======================================================================================
 * 4.0  LAYOUT AND DESIGN OVERRIDES
 =======================================================================================*/

/* 4.1  Page */
a.button,
a.fl-button,
.pp-advanced-menu .menu li.menu-button a,
.fl-module-uabb-button .uabb-creative-button-wrap a {
	position: relative;
}

a.button::after,
a.fl-button::after,
.pp-advanced-menu .menu li.menu-button a::after,
.fl-module-uabb-button .uabb-creative-button-wrap a::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient(77deg, #FEDA67 0%, #E0B43E 13%, #E84E22 25%, #A86290 38%, #4FBAD9 50%, #FEE446 63%, #BDC728 84%, #7AB17E 100%);
	opacity: 0;
	transition: opacity 0.2s ease;
	border-radius: 100px;
}

a.button span,
a.fl-button span,
.pp-advanced-menu .menu li.menu-button a span,
.fl-module-uabb-button .uabb-creative-button-wrap a span {
	position: relative;
	z-index: 1;
}

a.button:hover::after,
a.button:focus::after,
a.fl-button:hover::after,
a.fl-button:focus::after,
.pp-advanced-menu .menu li.menu-button a:hover::after,
.pp-advanced-menu .menu li.menu-button a:focus::after,
.fl-module-uabb-button .uabb-creative-button-wrap a:hover::after,
.fl-module-uabb-button .uabb-creative-button-wrap a:focus::after {
	opacity: 1;
}

/* 4.2  Header */
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink #header-logo>.fl-module-content {
	margin-left: 0;
}

.header-essentials .fl-col-content {
	display: flex;
	flex-direction: row;
}

.header-essentials .pp-search-form__container {
	min-height: 0;
	border-bottom: 1px solid #707070;
}

.header-essentials input[type='search'].pp-search-form__input {
	min-height: 0;
	padding-left: 0;
	padding-right: 0;
}

.header-essentials .fl-module-button {
	flex: 1;
}

.header-menu .pp-advanced-menu .menu:before,
.header-menu .pp-advanced-menu .menu:after {
	display: none;
}

.pp-advanced-menu.off-canvas .menu li.menu-button a,
.header-menu .pp-advanced-menu .menu li.menu-button a {
	display: block;
	width: 137px;
	font-size: 14px;
	padding: 8px 11px 7px;
	border: 1px solid #FAAE40;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border-radius: 100px;
	color: #FAAE40;
	text-align: center;
}

.header-menu .pp-advanced-menu .menu li.menu-button a:hover {
	color: #FFF;
}

.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-row-content-wrap {
	padding-bottom: 5px;
}

/* 4.3  Content */
.fl-module-slide-box .uabb-style4 .uabb-slide-box {
	height: 0;
	padding-bottom: 100%;
	border: 1px solid #F7C283;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer;
	transition: all 0.25s ease-in-out 0s;
}

.fl-module-slide-box .uabb-style4 .uabb-slide-box:hover {
	background: rgba(222, 167, 102, 0.35);
}

.fl-module-slide-box .uabb-style4 .uabb-slide-box::after {
	visibility: hidden;
	opacity: 0;
	content: "";
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border: 1px solid #FFF;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transition: all 0.25s ease-in-out 0s;
}

.fl-module-slide-box .uabb-style4 .uabb-slide-box:hover::after {
	opacity: 1;
	visibility: visible;
}

.fl-module-slide-box .uabb-style4 .uabb-slide-front {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.fl-module-slide-box .uabb-style4 .uabb-slide-down {
	top: 90%;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.fl-module-slide-box .uabb-style4 .uabb-slide-box:hover .uabb-slide-down {
	opacity: 1;
	top: 90%;
}

/* --- 4.3.1  Rows */

/* --- 4.3.2  Forms */

/* ----- 4.3.2.1  Gravity Forms customisations */
body img.gform_ajax_spinner {
	display: none !important;
}

.gform_wrapper.gravity-theme .gfield textarea {
	resize: vertical;
}

.gform_validation_errors>h2 {
	color: #ffffff !important;
}

.gform_legacy_markup_wrapper .gfield_required {
	color: #ffffff !important;
}

/* ----- 4.3.2.2  UABB Gravity Forms customisations */
.uabb-gf-style .gform_body ul {
	list-style: disc;
}

.fl-module-uabb-gravity-form .gform_wrapper div.gfield.gfield_error {
	background: none;
	padding: 0;
	border: 0;
	margin-bottom: 0 !important;
}

.fl-module-uabb-gravity-form .gform_wrapper .field_description_below .gfield_description {
	padding-top: 0;
}

.fl-module-uabb-gravity-form .gform_wrapper .top_label .gfield_label {
	line-height: 1;
}

.fl-module-uabb-gravity-form .gform_wrapper .top_label legend.gfield_label {
	border: 0;
}

.fl-module-uabb-gravity-form .gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices {
	padding: 0;
}

.fl-module-uabb-gravity-form .gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-field input[type=text] {
	margin-bottom: 0 !important;
	border-color: #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.fl-module-uabb-gravity-form .uabb-gf-style .gform_wrapper .gfield input[type],
.fl-module-uabb-gravity-form .uabb-gf-style .gform_wrapper .gfield select,
.fl-module-uabb-gravity-form .uabb-gf-style .gform_wrapper .gfield textarea {
	margin-top: 0 !important;
	margin-bottom: 5px !important;
}

.fl-module-uabb-gravity-form .uabb-gf-style .gform_wrapper .gfield textarea {
	resize: vertical;
}

.fl-module-uabb-gravity-form .uabb-gf-style .gform_wrapper .gform_footer {
	display: flex;
	flex-direction: row-reverse;
	text-align: right;
}

.fl-module-uabb-gravity-form .uabb-gf-style .gform_page .gform_page_footer input[type=button],
.fl-module-uabb-gravity-form .uabb-gf-style .gform_wrapper .gform_footer input[type=submit],
.fl-module-uabb-gravity-form .gform_wrapper.gravity-theme .gform_save_link.button {
	background: #DEA766;
	padding: 12px 25px 11px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 10px;
	color: #FFF;
	font-family: "Nunito Sans", sans-serif;
	font-weight: 400;
}

.fl-module-uabb-gravity-form .gform_wrapper.gravity-theme .gform_save_link.button svg {
	vertical-align: middle;
}

.fl-module-uabb-gravity-form .gform_wrapper.gravity-theme .gform_save_link.button svg path {
	fill: #FFF;
}

/* ----- 4.3.2.3  PowerPack Gravity Forms customisations */
.fl-module-pp-gravity-form .gform_wrapper .gform_validation_errors {
	background: #df3232;
	border: 0;
	margin-bottom: 30px;
}

.fl-module-pp-gravity-form .gform_wrapper .gform_validation_errors>h2 {
	color: #FFF !important;
	font-size: 16px;
}

.fl-module-pp-gravity-form .gform_wrapper .gfield_error input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']),
.fl-module-pp-gravity-form .gform_wrapper .gfield_error .ginput_container select,
.fl-module-pp-gravity-form .gform_wrapper .gfield_error .ginput_container textarea {
	border-color: #df3232;
}

.fl-module-pp-gravity-form .gform_wrapper .gfield textarea {
	resize: vertical;
}

.fl-module-pp-gravity-form .gform_wrapper .gfield_error:hover .ginput_container {
	position: relative;
	z-index: 2;
}

.fl-module .gform_wrapper button.gform_button_select_files:hover,
.fl-module .gform_wrapper .gform_footer .gform_button:hover {
	background: linear-gradient(77deg, #FEDA67 0%, #E0B43E 13%, #E84E22 25%, #A86290 38%, #4FBAD9 50%, #FEE446 63%, #BDC728 84%, #7AB17E 100%);
}

.fl-module-pp-gravity-form .gform_wrapper .gfield_error .validation_message {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1;
	opacity: 0;
	background: #df3232;
	padding: 5px 10px;
	border: 0;
	margin-top: -10px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	transition: 0.5s ease;
}

.fl-module-pp-gravity-form .gform_wrapper .gfield_error:hover .validation_message {
	z-index: 3;
	margin-top: 0;
	opacity: 1;
}

.fl-module-pp-gravity-form .gform_wrapper .gfield_error .validation_message::before {
	content: "";
	position: absolute;
	bottom: 100%;
	right: 13px;
	border-width: 10px 7px;
	border-color: transparent transparent #df3232;
	border-style: solid;
}

.fl-module-pp-gravity-form .gform_wrapper .gfield.gfield_error,
.fl-module-pp-gravity-form .gform_wrapper .gfield.gfield_error .ginput_container {
	position: relative;
	background: none;
}

.fl-module-pp-gravity-form .gform_wrapper .gfield.gfield_error .ginput_container::after {
	content: "!";
	position: absolute;
	top: 50%;
	right: 10px;
	z-index: 3;
	transform: translateY(-50%);
	background: #df3232;
	height: 20px;
	width: 20px;
	border-radius: 100%;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
}

.fl-module-pp-gravity-form .gform_confirmation_message {
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}


/* ----- 4.3.2.4  Spectra Forms customisations */
.spectra-form h1 {
	margin: 40px 0;
	font-size: 36px;
	line-height: 1.4;
}

.spectra-form p {
	margin: 20px 0 0;
}

.spectra-form .field_declaration {
	display: flex;
	align-items: center;
}

.spectra-form .gform_wrapper.gravity-theme .field_declaration .gfield_label {
	font-weight: 400;
}

.spectra-form .gform_wrapper.gravity-theme .field_declaration .ginput_container_text {
	flex: 1;
}

.spectra-form .gform_wrapper.gravity-theme .field_declaration input.large {
	margin: 0 10px;
	width: 100%;
}

.spectra-form .gform_wrapper.gravity-theme .field_declaration+.gfield_html {
	display: flex;
	align-items: center;
}

.spectra-form-induction .gform_wrapper.gravity-theme .gf_step:not(.gf_step_active) .gf_step_label {
	display: none;
}

.spectra-form .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
	background: #DEA766;
}

.spectra-form .ginput_container_consent label {
	display: inline;
	font-weight: 400;
}

.spectra-form .uabb-gf-style .gform_body .unlist {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 24px;
}

.spectra-form .gform_wrapper .gform_validation_errors {
	background: #ce0000;
	margin-bottom: 20px;
	color: #FFF;
}

.gform_wrapper .gform_validation_errors>h2 {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
}

.spectra-form .uabb-gf-style .gform_wrapper .validation_message {
	background: #ce0000;
	padding: 8px 10px 7px;
	color: #FFF;
}

.spectra-form .uabb-gf-style .gform_confirmation_message {
	color: #DEA766 !important;
	font-size: 20px;
	text-align: center;
	font-weight: 700;
}

.spectra-form .gform_wrapper .gfield.gfield_error {
	margin-top: 0;
}

.spectra-form .gform_wrapper.gravity-theme .gform_page_footer {
	text-align: right;
}

.spectra-form ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

.spectra-form ol li {
	line-height: 1.7em;
}

.spectra-form ol h3 {
	padding-bottom: 10px;
	border-bottom: 3px solid #000;
}

.spectra-form ol ol {
	margin-left: 40px;
}

.spectra-form ol ol li {
	position: relative;
	padding-left: 60px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.spectra-form ol ol ol {
	margin-left: 0;
}

.spectra-form ol ol ol li {
	padding-left: 30px;
}

.spectra-form ol ol ol ol li {
	padding-left: 40px;
}

.spectra-form ol.ls1-w {
	margin-left: 40px;
}

.spectra-form ol.ls2-w {
	margin-left: 85px;
}

.spectra-form ol.ls3-w {
	margin-left: 130px;
}

.spectra-form ol .ls0 {
	float: left;
	width: 40px;
}

.spectra-form ol .ls1,
.spectra-form ol .ls2,
.spectra-form ol .ls3 {
	width: 45px;
	float: left;
	font-weight: 700;
}

.spectra-form .uabb-gf-style .gform_body ol .ls1-t,
.spectra-form .uabb-gf-style .gform_body ol .ls2-t,
.spectra-form .uabb-gf-style .gform_body ol .ls3-t {
	margin-left: 45px;
}

.spectra-form .gform_wrapper.gravity-theme .gsection {
	padding: 0;
	border-bottom: 0;
}

.spectra-form .gform_wrapper.gravity-theme .gsection h3 {
	padding-bottom: 10px;
	border-bottom: 3px solid #000;
}

.spectra-form .gfield_signature>div:not(.gfield_description) {
	background: #EEE;
	border: 2px dashed #DDD;
}

.spectra-form .gfield_signature canvas {
	border: 0 !important;
}

.spectra-form .uabb-gf-style .gform_body .gfield_signature_container {
	margin: 0 auto;
}

.spectra-form .uabb-gf-style .gform_body .gfield_signature_container+div {
	width: 100% !important;
	height: auto !important;
	background: #DDD !important;
	padding: 5px;
	margin: 0 !important;
	text-align: right;
}

.spectra-form .uabb-gf-style .gform_body .gfield_signature_container+div>img {
	float: none !important;
	display: inline-block;
}

.spectra-form .fake-signature-block {
	height: 220px;
	border: 2px dashed #DDD;
}

.spectra-form .gform_wrapper.gravity-theme .ginput_container_date {
	display: block;
}

.spectra-form .gform_wrapper.gravity-theme .ginput_container_date>input {
	width: 100%;
}

/* ----- 4.3.2.5  Job Search Form */
.form-search_industry_location .form-fields {
	padding-bottom: 10px;
}

.form-search_industry_location .form-field {
	margin-bottom: 10px;
}

.form-search_industry_location .form-field input,
.form-search_industry_location_inline .form-field input {
	padding: 10px;
	border: 1px solid #EFEFEF;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 16px;
	line-height: 1.625;
}

.form-search_industry_location .form-field input::placeholder,
.form-search_industry_location_inline .form-field input::placeholder {
	color: #6A7174;
}

.form-search_industry_location .form-action .button,
.form-search_industry_location_inline .form-action .button {
	width: 100%;
	padding: 14px;
	border: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	color: #FFF;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.3;
	text-transform: uppercase;
}

.form-search_industry_location .form-action .button:hover,
.form-search_industry_location_inline .form-action .button:hover {
	background: linear-gradient(77deg, #FEDA67 0%, #E0B43E 13%, #E84E22 25%, #A86290 38%, #4FBAD9 50%, #FEE446 63%, #BDC728 84%, #7AB17E 100%);
}

.spectra-form .starter-pack-return {
	text-align: center;
}

.spectra-form .starter-pack-return a.fl-button {
	font-weight: 600;
	text-transform: uppercase;
}

/* ----- 4.3.2.6  Other Forms */
.inline-subscribe-form form {
	display: flex;
	margin: 0;
}

.inline-subscribe-form .gform_confirmation_wrapper {
	display: block;
}

.inline-subscribe-form .gform_wrapper form .gform-body {
	flex: 1;
	max-width: none;
	margin-right: 18px;
}

.inline-subscribe-form .gform_wrapper form .gform_body .gform_fields {
	display: flex;
}

.inline-subscribe-form .gform_wrapper form .gform_body .gform_fields .gfield {
	flex: 1;
	padding-right: 0;
}

.inline-subscribe-form .gform_wrapper form .gform_footer {
	padding-top: 0;
	margin-top: 0;
}

/* --- 4.3.3  Popups */

/* --- 4.3.4  Carousels */

/* --- 4.3.5  Page-specific Styles */

/* ----- 4.3.5.1  Homepage */
.hero-buttons .fl-html {
	text-align: center;
}

.hero-buttons a.button {
	display: inline-block;
	width: 196px;
	padding: 13px;
	margin: 4px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
}

.why-spectra-col-1 {
	position: relative;
	z-index: 1;
}

.why-spectra-img img {
	max-width: none !important;
	margin-top: -130px;
	margin-left: calc((100% - 490px) / 2);
}

.specialist-industries {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 80px;
	grid-row-gap: 40px;
}

.specialist-industries .industry {
	height: 0;
	position: relative;
	overflow: hidden;
	padding-bottom: 100%;
	color: #FFF;
}

.specialist-industries .industry .front,
.specialist-industries .industry .back {
	display: flex;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
}

.specialist-industries .industry .front {
	z-index: 1;
	opacity: 1;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	transition: 0.5s ease;
}

.specialist-industries .industry:hover .front {
	opacity: 0;
}

.specialist-industries .industry .back ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.specialist-industries .industry .back ul li::before {
	display: inline-block;
	content: "";
	height: 5px;
	width: 5px;
	background: #FFF;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	margin-right: 10px;
	margin-bottom: 4px;
	vertical-align: middle;
}

.makes-different-text .pp-infobox-description a {
	display: inline-block;
	font-weight: 700;
	text-decoration: underline;
}

.jobs-list .job {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
	color: #090A0A;
}

.jobs-list .job .position {
	width: auto;
	position: relative;
	float: none;
	padding: 0;
	margin-bottom: 10px;
}

.jobs-list .job .position h3 {
	padding: 0 0 10px;
	margin: 0;
	font: 700 20px 'Nunito Sans', sans-serif;
}

.jobs-list .job .position::after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #FEDA67 0%, #E0B43E 14%, #E84E22 28%, #A86290 45%, #4FBAD9 61%, #FEE446 76%, #BDC728 91%, #7AB17E 100%);
}

.jobs-list .job .job-detail {
	display: flex;
	width: auto;
	float: none;
	padding: 0;
	color: inherit;
}

.jobs-list .job .job-detail-label {
	width: 114px;
	margin-right: 20px;
}

.jobs-list .job .job-detail-value {
	flex: 1;
}

.jobs-list .job .job-description {
	margin: 20px 0 30px;
	color: #6A7174;
}

.jobs-list .job a:not(.button) {
	display: inline;
	background: none;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
}

.jobs-list .job a.button {
	display: inline-block;
	width: 154px;
	padding: 12px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.jobs-list .job a.button:hover {
	background: #faae40;
}

.jobs-list .page-numbers {
	font-weight: 700;
	text-transform: uppercase;
}

.job-search-buttons .fl-button-group-button {
	flex: 1;
}

.fl-builder-content .job-search-buttons .fl-button-group .fl-button-group-buttons .fl-button-group-button:first-child {
	padding-left: 0;
}

.fl-builder-content .job-search-buttons .fl-button-group .fl-button-group-buttons .fl-button-group-button:last-child {
	padding-right: 0;
}

.job-search-buttons .fl-button-group-layout-horizontal .fl-button-wrap {
	height: 100%;
	width: 100%;
}

.fl-builder-content .job-search-buttons .fl-button-group .fl-button-group-buttons .fl-button-group-button a.fl-button {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.job-search .fl-html {
	background: #FFF;
	padding: 25px 35px 35px;
}

.home .job-alerts .pp-infobox .pp-heading-wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.home .job-alerts .pp-infobox-image {
	margin-bottom: 0;
}

.faq .uabb-adv-accordion {
	border-bottom: 1px solid #E2E2E2;
}

.home-blog,
.home-blog .fl-module-content,
.home-blog .pp-posts-wrapper,
.home-blog .pp-content-posts,
.home-blog .pp-content-post {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.home-blog .pp-content-post-grid {
	display: flex;
	height: 100% !important;
	flex-direction: column;
	width: 100%;
}

.home-blog-first .blog-post-image a,
.home-blog-other .blog-post-image a {
	display: block;
	height: 0;
	position: relative;
	overflow: hidden;
	padding-top: 59.58%;
}

.home-blog-other .blog-post-image a {
	padding-top: 54.43%;
}

.home-blog-first .blog-post-image img,
.home-blog-other .blog-post-image img {
	min-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.home-blog-other .pp-content-post-grid {
	display: grid;
	grid-row-gap: 16px;
}

.home-blog-other .pp-content-post-grid::before,
.home-blog-other .pp-content-post-grid .pp-grid-space,
.home-blog-other .pp-content-post-grid::after {
	display: none;
}

.home-blog .pp-content-post {
	position: static !important;
	transform: none !important;
	transition: none !important;
}

.home-blog .blog-post-excerpt a {
	text-decoration: underline;
}

#modal-6170b4b67115e .pp-modal .pp-modal-title {
	padding-top: 30px;
}

#modal-6170b4b67115e .pp-modal .pp-modal-content {
	padding-top: 0;
}

/* ----- 4.3.5.2  Jobs page */
.fl-module-pp-breadcrumbs .pp-breadcrumbs span[aria-current] {
	color: #faae40;
}

.job_listings .job_filters {
	background: none;
}

.job_listings .search_jobs {
	padding: 0;
}

.job_listings .search_jobs-form {
	display: grid;
	grid-template-columns: 1fr 1fr 128px;
	grid-column-gap: 16px;
	align-items: center;
	background: rgba(255, 255, 255, 0.25);
	padding: 24px;
}

.job_filters .search_jobs input,
.job_filters .search_jobs select {
	padding: 11px 15px;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 16px;
	line-height: 16px;
}

.job_filters .search_jobs div.search_keywords {
	width: 100%;
	padding-right: 0;
}

.job_filters .search_jobs div.search_location {
	width: 100%;
	padding-left: 0;
}

.job_filters .search_jobs div.search_submit {
	padding-top: 0;
}

.job_filters .search_jobs div.search_submit input {
	padding: 15px 5px;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

.job_filters .search_jobs div.filter_by_tag {
	padding: 20px 0;
	border-bottom: 1px solid #414141;
	color: #FFF;
	font-size: 14px;
}

.job_filters .filter_by_tag_cloud {
	margin-left: 30px;
}

.job_filters .search_jobs .filter_by_tag a {
	text-decoration: underline;
}

.job_filters .search_jobs .filter_by_tag a:hover {
	color: #FFF;
}

.job_filters .job_types {
	background: none;
	padding: 10px 10px 10px 100px;
	border: 0;
	font-size: 14px;
	line-height: 1;
}

.job_filters .job_types li {
	border: 0;
}

.job_filters .job_types li label {
	color: #FFF;
	font-weight: normal;
}

.job_filters .showing_jobs {
	background: rgba(255, 255, 255, 0.25);
	padding: 15px;
	border: 0;
	color: #FFF;
}

div.job_listings ul.job_listings {
	border-top-color: #414141;
}

ul.job_listings li.job_listing {
	border-bottom-color: #414141;
}

ul.job_listings li.job_listing a {
	display: grid;
	padding: 23px 0;
	grid-template-columns: 42px 1fr 1fr 20%;
	grid-column-gap: 3.5%;
}

ul.job_listings li.job_listing a:hover,
ul.job_listings li.job_listing a:focus {
	background: none;
}

ul.job_listings li.job_listing a img.company_logo {
	position: static;
	float: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 0;
}

ul.job_listings li.job_listing a div.position,
ul.job_listings li.job_listing a div.location,
ul.job_listings li.job_listing a .meta {
	width: auto;
	padding-left: 0;
	float: none;
	color: #FFF;
}

ul.job_listings li.job_listing a div.position h3 {
	color: #FFF;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
}

ul.job_listings li.job_listing a div.position .company {
	color: #FFF;
}

ul.job_listings li.job_listing a .meta {
	text-align: left;
}

ul.job_listings li.job_listing a .meta li.job-type {
	font-weight: normal;
}

.job-manager .full-time,
.job_listing .full-time,
.job-types .full-time {
	color: #6AC329;
}

.job-manager .part-time,
.job_listing .part-time,
.job-types .part-time {
	color: #008BFF;
}

.job-manager .internship,
.job_listing .internship,
.job-types .internship {
	color: #d6781b;
}

ul.job_listings li.job_listing a .meta li.date {
	font-size: 14px;
}

ul.job_listings li.no_job_listings_found.no_job_listings_found {
	border-bottom: 1px solid #414141;
	color: #FFF;
}

/* ----- 4.3.5.3  Job single template */
.job-info .fl-html {
	display: flex;
	background: rgba(255, 255, 255, 0.25);
	padding: 12px 20px 13px;
	color: #FFF;
	font-size: 14px;
}

.job-info .fl-html>* {
	flex: auto;
}

.job-info a {
	text-decoration: underline;
}

.job-info a:hover {
	color: #FFF;
	text-decoration: none;
}

.job-info i {
	margin-right: 5px;
}

.company-details .fl-html {
	display: flex;
	padding: 23px 0 20px;
	border-bottom: 1px solid #414141;
	color: #FFF;
	align-items: center;
	justify-content: space-between;
}

.company-details .fl-html>div {
	flex: 1;
}

.company-details .company-details-left {
	display: flex;
	align-items: center;
}

.company-details .company-logo {
	margin-right: 20px;
}

.company-details .company-logo img {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.company-details .company-details-right {
	display: flex;
	justify-content: flex-end;
}

.company-details .company-links {
	display: flex;
}

.company-details .company-link {
	margin: 0 10px;
}

.job-salary .fl-html {
	padding: 10px 0;
	border-bottom: 1px solid #414141;
	color: #FFF;
}

.job-salary-label {
	margin-right: 10px;
	font-weight: 700;
}

.job-desc .fl-html {
	padding: 20px 0;
	color: #FFF;
}

.job-desc-label {
	margin-bottom: 20px;
}

.single .nav-links a:hover {
	color: #FFF;
}

.job-status .listing-expired,
.job-status .position-filled {
	background: rgba(229, 18, 18, 0.15);
	padding: 10px 20px;
	border: 1px solid #E51212;
	margin-bottom: 17px;
	color: #E51212;
	font-size: 14px;
	text-align: center;
}

.job-status .listing-expired i,
.job-status .position-filled i {
	margin-right: 8px;
}

.bookmark-job .wp-job-manager-bookmarks-form {
	padding: 0;
	border: 0;
	margin: 0;
	text-align: center;
}

.bookmark-job .wp-job-manager-bookmarks-form a.bookmark-notice {
	display: block;
	padding: 10px 20px;
	border: 1px solid #FAAE40;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	font-size: 14px;
	transition: 0.25s ease;
}

.bookmark-job .wp-job-manager-bookmarks-form a.bookmark-notice::before {
	display: none;
}

.bookmark-job .wp-job-manager-bookmarks-form a.bookmark-notice i {
	height: auto;
	width: auto;
	margin-right: 8px;
}

.bookmark-job .wp-job-manager-bookmarks-form a.bookmark-notice:hover,
.bookmark-job .wp-job-manager-bookmarks-form a.bookmark-notice:focus {
	background: #FAAE40;
	color: #FFF;
}

.bookmark-job .wp-job-manager-bookmarks-form div.bookmark-details {
	background: #FFF;
	padding: 15px;
	text-align: left;
}

.bookmark-job .wp-job-manager-bookmarks-form div.bookmark-details p:last-child {
	margin-bottom: 0;
}

.bookmark-job .wp-job-manager-bookmarks-form div.bookmark-details textarea {
	resize: none;
}

.bookmark-job input.submit-bookmark-button[type] {
	width: 100%;
	padding: 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.bookmark-job input.submit-bookmark-button.disabled {
	display: none;
}

.bookmark-job .wp-job-manager-bookmarks-form .spinner {
	display: none;
	margin: 0 auto;
}

.bookmark-job .wp-job-manager-bookmarks-form .spinner.is-active {
	display: block;
}

.bookmark-job .wp-job-manager-bookmarks-form.has-bookmark .remove-bookmark-wrapper {
	position: relative;
}

.bookmark-job .wp-job-manager-bookmarks-form a.remove-bookmark {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
}

.bookmark-job .wp-job-manager-bookmarks-form a.remove-bookmark.disabled i {
	display: none;
}

.apply-job-button .fl-html>a.fl-button {
	display: block;
	padding: 15px 10px 14px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.apply-job-button .fl-html>a.fl-button.disabled {
	background: #9B9B9B;
	pointer-events: none;
}

/* Job Application Form - Gravity Forms */
/* .job-application-form .gform_wrapper.gravity-theme .gfield input[type],
.job-application-form .gform_wrapper.gravity-theme .gfield select,
.job-application-form .gform_wrapper.gravity-theme .gfield textarea {
	font-size: 16px;
}

.job-application-form .gform_wrapper .gform_footer {
	text-align: center;
}

.job-application-form button.gform_button_select_files,
.job-application-form .gform_wrapper .gform_footer .gform_button {
	width: 100%;
	max-width: 300px;
	padding: 12px 24px;
	border: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	color: #FFF;
	font-weight: 600;
	text-align: center;
}

.job-application-form button.gform_button_select_files {
	width: auto;
	max-width: none;
	font-size: 12px;
	text-transform: uppercase;
}

.job-application-form .application-resume {
	display: flex;
	padding: 10px 20px;
	border: 1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	align-items: center;
}

.job-application-form .application-resume-details {
	flex: 1;
}

.job-application-form .application-resume-title-number {
	font-size: 13px;
}

.job-application-form .application-resume-title-number strong {
	color: #faae40;
}

.job-application-form .application-resume-actions {
	padding: 10px;
} */
.job-manager-application-wrapper {
	max-height: 80vh;
	overflow: auto;
	padding: 30px;
	border: 0;
	margin: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.job-manager-application-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.job-manager-form fieldset {
	flex-basis: calc(50% - 8px);
}

.job-manager-form .fieldset-additional-information,
.job-manager-form>p {
	flex-basis: 100%;
}

.job-manager-form fieldset label:not(.full-line-checkbox-field label),
.job-manager-form fieldset div.field:not(.full-line-checkbox-field) {
	width: auto;
	float: none;
}

.job-manager-application-wrapper form input.input-text,
.job-manager-application-wrapper form input.input-date,
.job-manager-application-wrapper form textarea,
.job-manager-application-wrapper form select {
	font-size: 16px;
	padding: 11px 24px;
	border: 1px solid #CCC;
}

.job-manager-application-wrapper form textarea {
	resize: vertical;
}

.job-manager-application-form+hr {
	display: none;
}

.apply_with_resume {
	background: #F6F6F6;
	padding: 20px;
	border: 1px solid #CCC;
	margin-top: 20px;
}

.apply_with_resume select {
	width: 100%;
	padding: 10px;
}

.job-manager-application-wrapper input[type="submit"] {
	display: block;
	padding: 12px 24px;
	border: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFF;
}

.job-manager-application-wrapper input[type="submit"]:hover {
	background: linear-gradient(77deg, #FEDA67 0%, #E0B43E 13%, #E84E22 25%, #A86290 38%, #4FBAD9 50%, #FEE446 63%, #BDC728 84%, #7AB17E 100%);
}

/* SUbmit Resume form */
#submit-job-form,
#submit-resume-form,
#submit-job-form a:hover,
#submit-job-form a:focus {
	color: #FFF;
}

#submit-job-form fieldset,
#submit-resume-form fieldset {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 0;
	border: 0;
}

#submit-job-form fieldset>label,
#submit-resume-form fieldset>label {
	flex-basis: 250px;
}

#submit-job-form fieldset>.field,
#submit-resume-form fieldset>.field {
	flex: 1;
}

#submit-job-form h2,
#submit-resume-form h2 {
	margin: 60px 0 30px;
	color: #FFF;
}

#submit-job-form fieldset input.input-text,
#submit-job-form fieldset input.input-date,
#submit-job-form fieldset select,
#submit-resume-form fieldset input.input-text,
#submit-resume-form fieldset input.input-date,
#submit-resume-form fieldset select {
	padding: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 16px;
	line-height: 1em;
	color: #333;
}

#submit-job-form fieldset input[type="file"],
#submit-resume-form fieldset input[type="file"] {
	color: #FFF;
}

#submit-job-form fieldset textarea,
#submit-resume-form fieldset textarea {
	padding: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 16px;
}

/* ----- 4.3.5.4  Post a Job page */

.select2-container--default .select2-selection--multiple {
	min-height: 48px;
	border-radius: 2px;
}

.select2-container--default .select2-search--inline .select2-search__field {
	margin: 0;
	padding: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	display: block;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #faae40;
	padding: 0 10px;
	border: 0;
	font-size: 13px;
	font-weight: 700;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	margin-right: 10px;
	color: #FFF;
}

.job-manager-form fieldset small.description {
	margin-top: 5px;
}

.job-manager-form input[type="submit"].button {
	padding: 16px;
	font-weight: 700;
	line-height: 1em;
	text-transform: uppercase;
}

.job_listing_preview_title {
	display: flex;
	background: none;
	padding: 20px 0;
	border-top: 1px solid #414141;
	border-bottom: 1px solid #414141;
	margin-bottom: 20px;
	align-items: center;
	justify-content: space-between;
}

.job_listing_preview_title h2 {
	color: #FFF;
	font-size: 30px;
}

.job_listing_preview_actions {
	display: flex;
}

.job_listing_preview_actions input[type].button {
	display: block;
	float: none;
	padding: 12px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1em;
	text-transform: uppercase;
}

.job_listing_preview,
.resume_preview {
	padding: 0;
	border: 0;
}

.job_listing_preview h3 {
	margin: 0 0 20px;
	color: #FFF;
}

.job_listing_preview .job-listing-meta,
.resume_preview .job-listing-meta {
	background: rgba(255, 255, 255, 0.25);
	padding: 10px;
}

.job_listing_preview .job-listing-meta li,
.resume_preview .job-listing-meta li {
	color: #FFF;
	font-size: 14px;
}

.job_listing_preview .job-listing-meta a:hover,
.job_listing_preview .job-listing-meta a:focus,
.resume_preview a:hover,
.resume_preview a:focus {
	color: #FFF;
}

.job_listing_preview .job-listing-meta li.application-deadline label,
.resume_preview .job-listing-meta li.application-deadline label {
	margin-bottom: 0;
}

.job_listing_preview .job_description,
.resume_preview .resume_description {
	color: #FFF;
}

.job-manager-message.job-manager-message,
.job-manager-error.job-manager-message,
.job-manager-info.job-manager-message {
	border: 0;
}

.resume_preview h2,
.resume_preview h3 {
	color: #FFF;
}

.resume_preview h4 {
	margin-top: 0;
	margin-bottom: 0;
}

.resume-submitted {
	color: #FFF;
}

.spectra-resume-next-step {
	background: #FFF;
	padding: 30px;
	border-left: 4px solid #faae40;
}

.spectra-resume-next-step h3 {
	margin: 0 0 10px;
	text-transform: uppercase;
}

.spectra-resume-next-step .button {
	margin: 0 6px 6px 0;
}

.single-resume .resume-manager-education dt h4,
.single-resume .resume-manager-experience dt h4 {
	position: relative;
	color: #faae40;
}

.single-resume .resume-manager-education dt h4::before,
.single-resume .resume-manager-experience dt h4::before {
	display: block;
	content: "";
	height: 14px;
	width: 14px;
	position: absolute;
	top: 5px;
	left: calc((0px - 1em) - 6px);
	background: #FFF;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.single-resume .resume-manager-education p,
.single-resume .resume-manager-experience p {
	color: #FFF;
}

/* ----- 4.3.5.4  Candidate Dashboard page */
#resume-manager-candidate-dashboard>p {
	color: #FFF;
}

.resume-manager-resumes {
	width: 100%;
	border-collapse: separate;
	color: #FFF;
}

.resume-manager-resumes th,
.resume-manager-resumes td {
	padding: 10px 0;
	border-top: 1px solid #414141;
}

.candidate-dashboard-actions a {
	font-size: 13px;
}

.resume-manager-resumes td a:hover,
.resume-manager-resumes td a:focus {
	color: #FFF;
}

.resume-manager-resumes tfoot .button {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.single-resume .resume-aside .job-title {
	color: #FFF;
}

/* ----- 4.3.5.5  Employers page */
.list-strike ol {
	counter-reset: num-colon;
	list-style: none;
	-webkit-text-decoration: line-through #FAAE40;
	text-decoration: line-through #FAAE40;
}

.list-strike ol li {
	position: relative;
	padding-left: 30px;
}

.list-strike ol li::before {
	counter-increment: num-colon;
	content: counters(num-colon, ".") ": ";
	position: absolute;
	top: 0;
	left: 0;
}

.employers-diff .pp-infobox-wrap,
.job-seekers-diff .pp-infobox-wrap {
	position: relative;
	overflow: hidden;
	background: #E2E2E2;
	padding: 2px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.employers-diff .pp-infobox-wrap::after,
.job-seekers-diff .pp-infobox-wrap::after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient(90deg, #FEDA67 0%, #E0B43E 14%, #E84E22 28%, #A86290 45%, #4FBAD9 61%, #FEE446 76%, #BDC728 91%, #7AB17E 100%);
	opacity: 0;
	transition: opacity 0.5s ease;
}

.employers-diff .pp-infobox-wrap:hover::after,
.job-seekers-diff .pp-infobox-wrap:hover::after {
	opacity: 1;
}

.employers-diff .pp-infobox,
.job-seekers-diff .pp-infobox {
	position: relative;
	z-index: 1;
	border: 0;
	-webkit-border-radius: 18px;
	border-radius: 18px;
}

.employers-diff .pp-infobox-title-wrapper,
.employers-diff .pp-icon-wrapper,
.job-seekers-diff .pp-infobox-title-wrapper,
.job-seekers-diff .pp-icon-wrapper {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
}

.employers-diff .pp-infobox-title,
.job-seekers-diff .pp-infobox-title {
	display: flex;
	position: relative;
	min-height: 90px;
	background: #FAAE40;
	box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.16);
	padding: 20px 30px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin-left: 55px;
	align-items: center;
	justify-content: center;
}

.employers-diff .pp-infobox-title::after,
.job-seekers-diff .pp-infobox-title::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 10px;
	border-width: 40px 15px 0;
	border-style: solid;
	border-color: #FAAE40 transparent transparent;
	margin-top: -15px;
	transform: rotate(35deg) skewX(-10deg);
}

.employers-diff .pp-infobox-description,
.job-seekers-diff .pp-infobox-description {
	display: flex;
}

.employers-diff .pp-infobox-description::before,
.job-seekers-diff .pp-infobox-description::before {
	display: block;
	content: "";
	margin-right: 60px;
	color: rgba(250, 174, 64, 0.25);
	font-size: 56px;
	font-weight: 700;
	line-height: 1.375;
	text-align: center;
}

.employers-diff-1 .pp-infobox-description::before,
.job-seekers-diff-1 .pp-infobox-description::before {
	content: "1";
}

.employers-diff-2 .pp-infobox-description::before,
.job-seekers-diff-2 .pp-infobox-description::before {
	content: "2";
}

.employers-diff-3 .pp-infobox-description::before,
.job-seekers-diff-3 .pp-infobox-description::before {
	content: "3";
}

.employers-diff-4 .pp-infobox-description::before,
.job-seekers-diff-4 .pp-infobox-description::before {
	content: "4";
}

.employers-diff-5 .pp-infobox-description::before,
.job-seekers-diff-5 .pp-infobox-description::before {
	content: "5";
}

.employers-diff .pp-description-wrap,
.job-seekers-diff .pp-description-wrap {
	flex: 1;
}

.employers-diff ul li::marker,
.job-seekers-diff ul li::marker {
	color: #FAAE40;
}

.employers-diff .pp-description-wrap a,
.job-seekers-diff .pp-description-wrap a {
	display: inline-block;
}

.spectra-cta {
	display: flex;
	position: relative;
	background: linear-gradient(to right, #FAAE40, #DD8C2D);
	padding: 8px;
	align-items: center;
}

.spectra-cta-white {
	padding: 15px;
	background: #FFF;
}

.spectra-cta-img {
	width: 108px;
	position: absolute;
	left: -54px;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
}

.spectra-cta-white .spectra-cta-img img {
	margin-bottom: 10px;
}

.spectra-cta-heading {
	flex: 1;
	padding-left: 36px;
}

.spectra-cta-white .spectra-cta-heading {
	text-align: center;
}

.spectra-cta-heading h3 {
	margin: 0;
	color: #FFF;
}

.spectra-cta-heading-rainbow h3 {
	background: linear-gradient(90deg, #FEDA67, #E0B43E, #E84E22, #A86290, #4FBAD9, #7AB17E) 0 0 no-repeat;
	background-size: cover;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	margin: 0;
	color: #FFF;
	font-size: 24px;
	line-height: 1.4;
	-webkit-text-fill-color: transparent;
}

.spectra-cta-button a.button {
	background: #090A0A;
	font-weight: 800;
	text-transform: uppercase;
}

/* ----- 4.3.5.6  Job Seekers page */
/* .job-seekers-diff-heading .fl-heading-text small {
	display: block;
	margin-top: 5px;
	margin-bottom: 20px;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.job-seekers-diff .pp-infobox-image {
	text-align: center;
}
.job-seekers-diff .pp-infobox-description {
	display: flex;
}
.job-seekers-diff .pp-description-wrap {
	flex: 1;
}
.job-seekers-diff .pp-infobox-description::before {
	content: "";
	margin-right: 20px;
	color: rgba(250, 174, 64, 0.25);
	font-size: 56px;
	font-weight: 700;
	line-height: 1;
}
.job-seekers-diff-1 .pp-infobox-description::before {
	content: "1";
}
.job-seekers-diff-2 .pp-infobox-description::before {
	content: "2";
}
.job-seekers-diff-3 .pp-infobox-description::before {
	content: "3";
}
.job-seekers-diff-4 .pp-infobox-description::before {
	content: "4";
}
.job-seekers-diff-5 .pp-infobox-description::before {
	content: "5";
} */
.inline-job-search .form {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.inline-job-search .form-fields {
	display: flex;
	align-items: flex-start;
}

.inline-job-search .form-field {
	width: 288px;
	margin-right: 16px;
}

.inline-job-search .form-field label {
	color: #090A0A;
}

.inline-job-search .form-action .button {
	background: #090A0A;
}

/* ----- 4.3.5.7  Ultimate Member pages */
div.um .um-profile-photo a.um-profile-photo-img {
	top: 0 !important;
}

.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color {
	color: #FAAE40;
}

.um-form input[type=text],
.um-form input[type=search],
.um-form input[type=tel],
.um-form input[type=number],
.um-form input[type=password] {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

div.um.um-login,
div.um.um-register {
	max-width: 100%;
}

.um-login .um-row {
	margin-bottom: 0 !important;
}

.um-login .um-field-checkbox {
	margin-bottom: 20px;
}

.um-login .um-field-checkbox-option,
.um-login .um-field-radio-option,
.um-register .um-field-checkbox-option,
.um-register .um-field-radio-option,
.um-login a.um-link-alt {
	color: #FFF !important;
	font-weight: 400;
}

.um-login .um-field-label,
.um-register .um-field-label {
	margin-bottom: 3px;
}

.um-login .um-field-label label,
.um-register .um-field-label label {
	margin-bottom: 0;
	color: #FFF;
}

.um input[type=submit].um-button,
.um a.um-button.um-alt {
	background: #FAAE40;
	min-width: 0 !important;
	padding: 16px 34px !important;
	border: 1px solid #FAAE40 !important;
	-webkit-border-radius: 100px !important;
	-moz-border-radius: 100px !important;
	border-radius: 100px !important;
	color: #FFF;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	transition: none;
}

.um a.um-button.um-alt {
	background: none;
}

.um input[type=submit].um-button:hover,
.um a.um-button.um-alt:hover {
	background: linear-gradient(77deg, #FEDA67 0%, #E0B43E 13%, #E84E22 25%, #A86290 38%, #4FBAD9 50%, #FEE446 63%, #BDC728 84%, #7AB17E 100%);
	border-color: transparent;
}

.um-account .um-form .um-account-side {
	display: flex;
	float: none;
	width: auto;
	margin-bottom: 20px;
}

.um-account .um-form .um-account-meta {
	display: none;
}

.um-account .um-form .um-account-side ul {
	display: flex;
	flex: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.um-account .um-form .um-account-side ul li {
	flex: 1;
	background: none;
	border-right: 1px solid #CCC;
}

.um-account .um-form .um-account-side ul li a {
	display: flex;
	height: auto;
}

.um-account .um-form .um-account-side ul li a.current {
	background: #FAAE40;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.um-account .um-form .um-account-side ul li span.um-account-icontip,
.um-account .um-form .um-account-side ul li span.um-account-arrow {
	display: none;
}

.um-account .um-form .um-account-side ul li span.um-account-icon,
.um-account .um-form .um-account-side ul li span.um-account-title {
	display: block;
	height: auto;
	float: none;
	padding: 10px;
}

.um-account .um-form .um-account-side ul li span.um-account-icon {
	border-right: 0;
	color: #FFF;
}

.um-account .um-form .um-account-side ul li span.um-account-title {
	color: #FFF;
}

.um-account .um-form .um-account-main {
	width: auto;
	max-width: none;
	padding-left: 0;
	float: none;
	color: #FFF;
}

.um-account .um-form .um-account-main div.um-account-heading {
	color: #FAAE40;
}

.um-account .um-form .um-account-main label {
	margin-bottom: 0;
	color: #FFF;
}

.um-account .um-form .um-account-main .um-request-button {
	background: #FAAE40;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* ----- 4.3.5.8  Resume View page */
.resume-view {
	font-size: 13px;
}

.resume-view>.fl-col-content {
	width: 8.5in;
	margin: 0 auto;
}

.resume-view .resume-experiences,
.resume-view .resume-education-history {
	padding-top: 20px;
	padding-left: 25px;
}

.resume-view .resume-experience,
.resume-view .resume-education {
	display: flex;
	position: relative;
	padding-top: 20px;
	padding-left: 25px;
}

.resume-view .resume-experience::before,
.resume-view .resume-education::before {
	content: "";
	height: 100%;
	width: 1px;
	position: absolute;
	top: 0;
	left: 0;
	background: #999;
}

.resume-view .resume-experience:last-child::before,
.resume-view .resume-education:last-child::before {
	height: 25px;
}

.resume-view .resume-experience::after,
.resume-view .resume-education::after {
	content: "";
	height: 7px;
	width: 7px;
	position: absolute;
	top: 25px;
	left: -3px;
	background: #444;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.resume-view .experience-employment,
.resume-view .education-school {
	flex: calc(calc(50% - 50px));
}

.resume-view .experience-job,
.resume-view .education-qualification-details {
	flex: 50%;
}

/* ----- 4.3.5.9  Blog page */
.blog-grid .pp-content-grid-pagination {
	margin-top: 40px;
}

.blog-grid .pp-content-post-grid {
	display: grid;
	height: auto !important;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 16px;
	grid-row-gap: 80px;
}

.blog-grid .pp-content-post-grid::before,
.blog-grid .pp-content-post-grid::after,
.blog-grid .pp-content-post-grid .pp-grid-space {
	display: none;
}

.blog-grid .pp-content-post {
	position: static !important;
	transform: none !important;
	transition: none !important;
	width: auto;
	height: auto !important;
	margin-bottom: 0;
}

.blog-pager .facetwp-pager {
	display: flex;
	align-items: center;
	justify-content: center;
}

.blog-pager .facetwp-page:not(.prev):not(.next) {
	display: flex;
	height: 40px;
	width: 40px;
	background: #E2E2E2;
	align-items: center;
	color: #212124;
	font-weight: 700;
	justify-content: center;
	text-align: center;
}

.blog-pager .facetwp-page:not(.prev):not(.next):hover,
.blog-pager .facetwp-page:not(.prev):not(.next).active {
	background: #212124;
	color: #FFF;
}

.blog-pager .facetwp-page.prev,
.blog-pager .facetwp-page.next {
	color: #212124;
	font-weight: 700;
	text-transform: uppercase;
}

.blog-pager .facetwp-page.prev {
	margin-right: 20px;
}

.blog-pager .facetwp-page.next {
	margin-left: 20px;
}

.blog-pager .facetwp-page.prev:hover,
.blog-pager .facetwp-page.next:hover {
	color: #FAAE40;
}

/* --- 4.3.6  Others */
.fl-module-heading.has-rainbow-separator .fl-heading-text {
	display: inline-block;
}

.fl-module-heading.has-rainbow-separator .fl-heading-text::after {
	display: block;
	content: "";
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}

.fl-module-heading.has-rainbow-separator .fl-heading-text::after,
.rainbow-separator .fl-separator {
	height: 3px;
	background: linear-gradient(90deg, #FEDA67 0%, #E0B43E 14%, #E84E22 28%, #A86290 45%, #4FBAD9 61%, #FEE446 76%, #BDC728 91%, #7AB17E 100%);
	border: 0;
}

.rainbow-separator-1px .fl-separator {
	height: 1px;
}

.has-rainbow-text img {
	margin-top: -7px;
}

.candidate-dashboard-widget .fl-module-content {
	background: #FFF;
	padding: 20px;
}

/* Candidate Documents page */
.system-messages {
	margin-bottom: 40px;
}

.system-message {
	display: flex;
	padding: 15px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	align-items: center;
}

.system-message i {
	font-size: 20px;
	margin-right: 20px;
}

.system-message-success {
	background: #39ca39;
	color: #FFF;
}

.spectra-candidate-documents-edit-form .gform_wrapper .gform_validation_errors,
.system-message-error {
	background: #F00;
	color: #FFF;
}

.spectra-candidate-documents-table {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #414141;
}

.spectra-candidate-documents-table th,
.spectra-candidate-documents-table td {
	padding: 10px 0;
	border-bottom: 1px solid #414141;
	color: #FFF;
}

.spectra-candidate-documents-table td {
	vertical-align: top;
}

.spectra-candidate-documents-table .document-file-name {
	width: 50%;
}

.spectra-candidate-documents-table .document-type,
.spectra-candidate-documents-table .document-upload-date {
	width: 25%;
	text-align: center;
}

.spectra-candidate-documents-table .document-options {
	display: flex;
	visibility: hidden;
	font-size: 12px;
}

.spectra-candidate-documents-table td:hover .document-options {
	visibility: visible;
}

.spectra-candidate-documents-table .document-option:not(:last-child) {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.spectra-candidate-documents-table .document-option:not(:last-child)::after {
	content: "";
	display: block;
	height: 0;
	width: 0;
	border-width: 3px 4px;
	border-style: solid;
	border-color: transparent;
	border-left-color: #FFF;
	margin-left: 10px;
	margin-right: 6px;
}

.spectra-candidate-documents-table .document-option-delete a {
	color: #f00;
}

.spectra-candidate-documents-table .document-option a:hover {
	color: #FFF;
}

.spectra-candidate-documents-table-actions {
	margin-top: 30px;
}

.spectra-candidate-documents-table-actions a.btn-submit_document {
	text-transform: uppercase;
	font-weight: 600;
}

.spectra-candidate-documents-edit-form .gform_wrapper.gravity-theme .gfield input,
.spectra-candidate-documents-edit-form .gform_wrapper.gravity-theme .gfield select,
.spectra-candidate-documents-edit-form .gform_wrapper.gravity-theme .gfield textarea {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 16px;
}

.spectra-candidate-documents-edit-form .ginput_preview {
	display: flex;
	background: #FFF;
	margin: 0;
	align-items: center;
}

.spectra-candidate-documents-edit-form .gform_delete_file {
	background: #F00;
	padding: 10px;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-right: 10px;
	color: #FFF;
}

.spectra-candidate-documents-edit-form .gform_delete_file+strong {
	font-size: 14px;
}

.ginput_fileupload_current_file {
	padding: 4px 10px;
	border: 1px solid;
	margin-top: 5px;
	font-size: 12px;
}

.ginput_fileupload_current_filename {
	color: #FFF;
}

.spectra-candidate-documents-edit-form .gform_wrapper.gravity-theme .gform_footer input {
	padding: 12px 24px;
	font-weight: 600;
	text-transform: uppercase;
}

.starter-pack-progress-standard {
	display: flex;
	align-items: center;
}

.starter-pack-progress .progress-graph {
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: relative;
	background: rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.candidate-dashboard-widget .starter-pack-progress .progress-graph {
	background: rgba(0, 0, 0, 0.2);
}

.starter-pack-progress-compact .progress-graph {
	margin: 0 auto;
}

.starter-pack-progress .progress-graph-value {
	display: flex;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	background: #09090A;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	align-items: center;
	color: #FFF;
	font-weight: 700;
	justify-content: center;
}

.starter-pack-progress .progress-graph-circle {
	display: flex;
	width: 100%;
	height: 100%;
}

.starter-pack-progress .progress-graph-bar {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.starter-pack-progress .progress-graph-bar-right {
	z-index: 1;
}

.starter-pack-progress .progress-graph-progress {
	width: 100%;
	height: 100%;
	background: #faae40;
	overflow: hidden;
}

.starter-pack-progress .progress-graph-bar-left .progress-graph-progress {
	position: relative;
	left: 100%;
	transform-origin: left center;
}

.starter-pack-progress .progress-graph-bar-right .progress-graph-progress {
	position: relative;
	right: 100%;
	transform-origin: right center;
}

.starter-pack-progress .progress-info {
	flex: 1;
	margin-left: 20px;
}

.starter-pack-progress-compact .progress-info {
	text-align: center;
}

.starter-pack-progress .progress-info-title {
	margin-top: 0;
	color: #faae40;
	line-height: 1.2em;
}

.starter-pack-progress-compact .progress-info-title {
	margin-top: 20px;
}

.starter-pack-progress .progress-info-desc {
	color: #FFF;
}

.candidate-dashboard-widget .starter-pack-progress .progress-info-desc {
	color: #01010A;
}

.starter-pack-progress .progress-info-desc strong {
	color: #faae40;
}

.starter-pack-forms-table {
	border: 1px solid #FFF;
}

.starter-pack-form {
	display: flex;
	padding: 10px;
	border-bottom: 1px solid #FFF;
	align-items: center;
	justify-content: space-between;
}

.starter-pack-form:last-child {
	border-bottom: 0;
}

.starter-pack-form .form-title {
	margin-right: 20px;
	color: #FFF;
}

.fl-page .starter-pack-form a.fl-button {
	padding-right: 15px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

.fl-page .starter-pack-form a.fl-button span {
	display: flex;
	align-items: center;
}

.fl-page .starter-pack-form a.fl-button i {
	margin-left: 10px;
	font-size: 14px;
}

.fl-page .starter-pack-form .form-done {
	display: block;
	height: 40px;
	width: 40px;
	background: #39ca39;
	border-radius: 100px;
	color: #FFF;
	line-height: 40px;
	text-align: center;
}

/* 4.4  Sidebar */

/* 4.5  Footer */
.footer-contact-details .pp-infolist-description a span {
	display: inline-block;
}

/**=======================================================================================
 * 5.0  CUSTOM OBJECTS
 =======================================================================================*/

.marquee .fl-rich-text {
	display: flex;
	position: relative;
	background: linear-gradient(90deg, #FAAE40, #DD8C2D);
	padding: 15px 15px 15px 45px;
	color: #FFF;
	align-items: center;
}

.marquee img {
	width: 108px;
	position: absolute;
	top: 50%;
	left: -50px;
	transform: translateY(-50%);
	margin: 0;
}

.marquee h3 {
	margin: 0 15px 0 0;
	color: #FFF;
	font-style: italic;
	white-space: nowrap;
}

.marquee-lists {
	display: flex;
	align-items: center;
	overflow: hidden;
}

.marquee ul {
	display: flex;
	padding: 0;
	margin: 0;
	list-style-position: inside;
	align-items: center;
}

.marquee-list-1 {
	animation: marquee1 20s linear infinite;
}

.marquee-list-2 {
	animation: marquee2 20s linear infinite;
	animation-delay: 10s;
}

.marquee ul li {
	padding-left: 15px;
	margin-right: 15px;
	white-space: nowrap;
}

.marquee ul li::before {
	background-color: #FFF;
}


/*-----------------job manager post css feedback---------------------------*/

.job-desc .job-desc-value p,
.job-desc .job-desc-value p span,
.job-desc .job-desc-value ul li,
.job-desc .job-desc-value ol li,
.job-desc .job-desc-value h1,
.job-desc .job-desc-value h2,
.job-desc .job-desc-value h3,
.job-desc .job-desc-value h4,
.job-desc .job-desc-value h5,
.job-desc .job-desc-value h6,
.job-desc .job-desc-value span{
	color: #fff !important;
}
.job-desc .job-desc-value p{
	margin-bottom: 1.5em !important;
}




/**=======================================================================================
 * 6.0  RESPONSIVE
 =======================================================================================*/

/* 6.1  Large screens only (min-width: 993px) */
@media only screen and (min-width: 993px) {}

/* 6.2  Medium and small screens (max-width: 992px) */
@media only screen and (max-width: 992px) {
	.ohs-hero {
		background-image: url(assets/img/ohs-hero-m.jpg) !important;
	}
}

/* 6.3  Medium screens only (min-width: 769px and max-width: 992px) */
@media only screen and (min-width: 769px) and (max-width: 992px) {
	.header-menu .pp-advanced-menu .menu {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.header-menu .pp-advanced-menu .menu li.menu-button a {
		width: auto;
	}

	.job-search .fl-html {
		padding: 20px;
	}
}

/* 6.4  Medium and large screens (min-width: 769px) */
@media only screen and (min-width: 769px) {
	.header-menu .pp-advanced-menu ul.menu {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
	}
}

/* 6.5  Small and smaller screens (max-width: 768px) */
@media only screen and (max-width: 768px) {
	header.sticky-activated {
		width: 100%;
		position: fixed !important;
		left: 0;
		right: 0;
		top: 0;
		z-index: 100;
		-webkit-animation: slide-down 0.7s;
		-moz-animation: slide-down 0.7s;
		animation: slide-down 0.7s;
	}

	.home header.sticky-activated {
		background-color: #090a0a;
	}

	header.sticky-activated .fl-row-content-wrap {
		-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
	}

	#mobile-header>.fl-row-content-wrap {
		background: #090A0A;
		border-bottom: 1px solid #333;
	}

	#mobile-header>.fl-row-content-wrap>.fl-row-content>.fl-col-group {
		flex-wrap: nowrap;
	}

	#mobile-header>.fl-row-content-wrap>.fl-row-content>.fl-col-group>.fl-col:not(.header-logo-col) {
		width: auto !important;
		flex: 1;
	}

	#mobile-header>.fl-row-content-wrap>.fl-row-content>.fl-col-group>.header-logo-col {
		width: auto !important;
	}

	header #mobile-header .fl-col-group-equal-height .fl-col,
	header #mobile-header .fl-col-group-equal-height .fl-col-contentl{
		min-width: auto !important;
	}

	#mobile-header #header-logo img.fl-photo-img {
		margin-left: -20px;
	}

	.mobile-header-button a.fl-button {
		white-space: nowrap;
	}

	.pp-advanced-menu.off-canvas .menu li.menu-button a {
		width: 100%;
		padding: 12px;
		margin-top: 10px;
	}

	.fl-row-full-height>.fl-row-content-wrap {
		min-height: 0;
	}

	.fl-row-bg-video .fl-bg-video video {
		background: none !important;
	}

	/* Homepage */
	.home-hero.row-has-video-bg {
		background-position: 35% center;
	}

	.specialist-industries {
		max-width: 600px;
		margin: 0 auto;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 40px;
		grid-row-gap: 40px;
	}

	.ckp-slidebox-col[data-node] .fl-col-content {
		max-width: 350px;
		margin: 0 auto;
	}

	.fl-builder-content .job-search-buttons .fl-button-group .fl-button-group-buttons .fl-button-group-button a.fl-button {
		font-size: 14px;
	}

	.fl-module-uabb-gravity-form .uabb-gf-style .gform_wrapper .gform_footer {
		flex-wrap: wrap;
	}

	.fl-module-uabb-gravity-form .uabb-gf-style .gform_page .gform_page_footer input[type=button],
	.fl-module-uabb-gravity-form .uabb-gf-style .gform_wrapper .gform_footer input[type=submit],
	.fl-module-uabb-gravity-form .gform_wrapper.gravity-theme .gform_save_link.button {
		flex: 100%;
		margin: 0 0 10px;
		line-height: 1.2 !important;
	}

	.inline-subscribe-form .gform_wrapper form {
		display: block;
		width: 100%;
	}

	.inline-subscribe-form .gform_wrapper form .gform_body {
		display: block;
	}

	.inline-subscribe-form .gform_wrapper form .gform_body .gform_fields {
		display: block;
	}

	.inline-subscribe-form .gform_wrapper form .gform_body .top_label .gfield {
		display: block;
		padding-right: 0;
		margin-bottom: 1em;
	}

	.inline-subscribe-form .gform_wrapper form div.gform_footer {
		display: block;
		width: 100%;
		max-width: none;
	}

	.inline-subscribe-form .pp-gf-content .gform_wrapper .gform_footer .gform_button {
		width: 100%;
	}

	.job_listings .search_jobs-form {
		display: block;
	}

	.job_filters .search_jobs div.search_keywords,
	.job_filters .search_jobs div.search_location {
		margin-bottom: 10px;
	}

	.job_filters .filter_by_tag_cloud {
		display: block;
		margin-left: 0;
	}

	.job_filters .job_types {
		display: flex;
		flex-wrap: wrap;
		padding: 10px 0;
	}

	.job_filters .job_types li {
		padding-left: 0;
		padding-right: 30px;
	}

	ul.job_listings li.job_listing a {
		display: flex;
		flex-wrap: wrap;
		grid-template-columns: none;
	}

	ul.job_listings li.job_listing a img.company_logo {
		visibility: visible;
	}

	ul.job_listings li.job_listing a div.position {
		flex: 1;
	}

	ul.job_listings li.job_listing a div.location,
	ul.job_listings li.job_listing a .meta {
		flex: 100%;
		font-size: 16px;
	}

	ul.job_listings li.job_listing a div.location {
		margin-top: 5px;
		text-align: left;
	}

	ul.job_listings li.job_listing a .meta li {
		line-height: 26px;
	}

	.job-info .fl-html {
		display: block;
	}

	.job-info .fl-html>div {
		margin-bottom: 10px;
	}

	.job-info .fl-html>div:last-child {
		margin-bottom: 0;
	}

	.company-details .fl-html {
		display: block;
	}

	.company-details .company-details-right {
		justify-content: center;
	}

	.company-details .company-links {
		min-width: 320px;
		margin: 10px auto 0;
		justify-content: space-evenly;
	}

	.fl-module-fl-post-navigation .nav-links .nav-previous,
	.fl-module-fl-post-navigation .nav-links .nav-next {
		text-align: center;
	}

	.employers-diff .pp-infobox,
	.job-seekers-diff .pp-infobox {
		padding: 30px 20px 40px;
	}

	.employers-diff .pp-infobox-title,
	.job-seekers-diff .pp-infobox-title {
		margin-left: 0;
	}

	.employers-diff .pp-infobox-image,
	.job-seekers-diff .pp-infobox-image {
		margin-top: 10px;
		text-align: center;
	}

	.employers-diff .pp-infobox-title::after,
	.job-seekers-diff .pp-infobox-title::after {
		left: calc(50% + 30px);
		border-width: 30px 10px 0;
	}

	.employers-diff .pp-infobox-description,
	.job-seekers-diff .pp-infobox-description {
		display: block;
	}

	.employers-diff .pp-infobox-description::before,
	.job-seekers-diff .pp-infobox-description::before {
		margin-right: 0;
	}

	.marquee .fl-rich-text {
		display: block;
		padding-top: 50px;
		padding-left: 15px;
	}

	.spectra-cta-img,
	.marquee img {
		top: -40px;
		left: 50%;
		transform: translateX(-50%);
	}

	.spectra-cta-heading,
	.marquee h3 {
		margin-bottom: 5px;
		text-align: center;
	}

	.spectra-cta {
		display: block;
		padding: 50px 20px 20px;
		margin-top: 30px;
	}

	.spectra-cta-heading {
		padding-left: 0;
	}

	.spectra-cta-button {
		margin-top: 10px;
		text-align: center;
	}

	.inline-job-search .form,
	.inline-job-search .form-fields {
		display: block;
	}

	.inline-job-search .form-field {
		width: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.employers-diff .pp-infobox {
		padding: 20px;
	}

	.employers-diff .pp-infobox-title {
		margin-left: 0;
	}

	.employers-diff .pp-infobox-title::after {
		left: calc(50% + 32px);
		border-width: 20px 10px 0;
		margin-top: -1px;
		transform: skewX(-40deg);
	}

	.employers-diff .pp-infobox-image {
		margin-top: 10px;
		text-align: center;
	}

	.employers-diff .pp-infobox-description {
		display: block;
	}

	.employers-diff .pp-infobox-description::before {
		margin-right: 0;
	}

	#submit-job-form fieldset,
	#submit-resume-form fieldset {
		display: block;
	}

	.fl-col.resume-view>.fl-col-content {
		zoom: 90%;
		margin: 0 auto;
	}

	.starter-pack-form .form-action {
		display: flex;
		min-width: 100px;
		justify-content: flex-end;
	}

	.footer-contact-details li.pp-list-item {
		justify-content: center;
	}

	.footer-copyright a {
		display: inline-block;
	}
}

/* 6.6  Gravity Forms Desktop (min-width: 641px) */
@media only screen and (min-width: 641px) {

	body .gform_wrapper ul.gform_fields li.gfield,
	body .gform_wrapper ul.gform_fields .top_label div.ginput_container {
		margin-top: 10px;
	}

	.gform_wrapper ul.top_label div.ginput_complex.ginput_container.ginput_container_name {
		width: 100%;
	}

	.gform_wrapper div.ginput_container_name span.name_last {
		padding-right: 0;
	}

	.fl-module-uabb-gravity-form .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
		max-width: none;
	}
}

/* 6.7  Gravity Forms Mobile (max-width: 640px) */
@media only screen and (max-width: 640px) {
	.flex {
		display: block;
	}

	.spectra-form .gform_wrapper.gravity-theme .gf_step:not(.gf_step_active) {
		display: none;
	}
}

/* 6.8  Small screens only (min-width: 481px and max-width: 768px) */
@media only screen and (min-width: 481px) and (max-width: 992px) {
	.blog-grid .pp-content-post-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 40px;
	}
}

/* 6.8  Small screens only (min-width: 481px and max-width: 768px) */
@media only screen and (min-width: 481px) and (max-width: 768px) {}

/* 6.9  Smaller screens (max-width: 540px) */
@media only screen and (max-width: 540px) {
	.um-account .um-form .um-account-side {
		display: none;
	}

	.um-account .um-account-nav a {
		color: #FFF !important;
	}

	.um-account .um-account-tab .um-field .um-field-label {
		display: block;
	}
}

/* 6.9  Smaller screens (max-width: 480px) */
@media only screen and (max-width: 480px) {
	.home .hero-buttons a.button {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.home .hero-buttons a.button:not(:last-child) {
		margin-bottom: 20px;
	}

	.specialist-industries {
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 20px;
	}

	.job_filters .showing_jobs a {
		float: none;
	}

	.blog-grid .pp-content-post-grid {
		grid-template-columns: 1fr;
		grid-row-gap: 16px;
	}
}