/*
Theme Name: Careerfy Child
Theme URI: http://demo.eyecix.com/careerfy/
Template: careerfy
Author: Eyecix
Author URI: http://eyecix.com/
Description: Careerfy brings you the most simple solution to display jobs on any type of websites. You may already know, some really big Job Portals provides the option to use their database and extend your website with job offers. This Theme can make everything automatically, some job providers also pay commission when any of your visitors click on the job links.
Tags: two-columns,left-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.6
Updated: 2023-06-01 14:27:32

*/

:root {
	--color-green: #007B42;
	--color-orange: #ED6502;
	--color-dark-green: #00716C;
	--color-grey: #EAEAEA;
	--color-white: #FFFFFF;
	--color-dark-charcoal: #333333;
}

.careerfy-sticky-header #careerfy-header {
	background-color: var(--color-white);
	padding-top: 20px;
	padding-bottom: 20px;
}

.careerfy-sticky-header #careerfy-header,
.text-green,
.text-green strong,
.jobsearch-employer-dashboard-nav ul li:hover a, 
.jobsearch-employer-dashboard-nav ul li.active a,
.jobsearch-employer-dashboard-nav ul li.active i,
.jobsearch-employer-dashboard-nav ul li:hover i {
  color: var(--color-green)!important;
}

#menu-main-menu > li > a {
	font-size: 20px;
}

.text-orange,
.text-orange strong {
  color: var(--color-orange);
}

.careerfy-main-content,
.jobsearch-main-content {
    padding: 50px 0px 0px;
}

.careerfy-search-twentyone-grid input[type="text"],
.careerfy-search-twentyone-grid .advserch-field:first-child input[type="text"],
.selectize-control.single .selectize-input,
.selectize-dropdown,
ul.careerfy-search-twentyone-list a {
	background-color: var(--color-grey);
	color: var(--color-green);
} 

.careerfy-search-twentyone-grid input[type="text"],
.careerfy-search-twentyone-grid .advserch-field:first-child input[type="text"],
.selectize-control.single .selectize-input,
ul.careerfy-search-twentyone-list a,
.careerfy-search-twentyone-grid button.advsrch-act-btn {
	border-radius: 50px;
}

.careerfy-search-twentyone-grid .advserch-field {
	margin-right: 20px;
}

.careerfy-geo-location-fill i.input-icon {
    left: 15px;
}

.careerfy-search-twentyone-grid .advserch-field:first-child input[type="text"] {
    padding-left: 50px;
}

.careerfy-search-twentyone-grid .selectize-control.single .selectize-input {
	justify-content: center;
}

.selectize-control.single .selectize-input:after {
	right: 40px;
}

.careerfy-listin-tsrch .careerfy-search-twentyone-grid {
    border: none;
    box-shadow: none;
}

.wpcf7-form input[type="submit"],
input.wpcf7-form-control.wpcf7-submit,
#jobsearch-jobadvserach-submit {
	background-color: var(--color-dark-green)!important;
}

small.jobsearch-jobdetail-postinfo,
.jobsearch-drpzon-con a.jobsearch-drpzon-btn,
.jobsearch-drpzon-con:hover a.jobsearch-drpzon-btn {
	color: var(--color-dark-charcoal);
}

.social-icons-footer a {
	padding-right: 5px;
}

/* .bg-overlay::after {
    content: '';
    position: absolute;
    bottom: -70px;
    right: 0;
    width: 100%;
    height: 100px;
    z-index: 12;
    background: linear-gradient(
    135deg,
    #ffffff 0%,
    #ffffff 75%,
    rgba(255, 255, 255, 0.3) 80%,
    rgba(255, 255, 255, 0) 100%
);
    border-radius: 30px 0 0 0;
    clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 0px, 100% 100%, 0 100%);
}

.bg-overlay {
    position: relative !important;
    overflow: visible !important;
}

.elementor-element-784e9a2.e-con-full {
    position: relative !important;
} */

.careerfy-entry-header .entry-title {
	color: var(--color-dark-green);
}

#careerfy-footer .container {
	width: 100%;
	padding: 0 60px;
}

.careerfy-footer-one .careerfy-footer-widget {
	padding-top: 100px;
}

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

.mail-container {
	display: flex;
	align-items: center;
	font-size: 20px;
}

.mail-container h4 {
	font-weight: 400;
	margin-bottom: 0;
	margin-right: 5px;
}

.careerfy-loading-section {
	background-color: transparent;
}

.jobsearch-login-registration-form {
	margin-top: 200px;
}


@media (max-width: 768px) {
	#careerfy-footer .container {
		padding: 0 40px;
	}
	
	.careerfy-footer-one .careerfy-footer-widget {
		padding-top: 40px;
	}
	
	.careerfy-footer-widget h3 {
		line-height: 34px;
	}
	
	.copyright-footer {
		text-align: left;
	}
}