/* 
Theme Name: Khulisa Management Services
Theme URI: https://khulisa.com/
Description: Elegant theme developed for Khulisa Management Services
Author: Kemoso
Author URI: https://kemoso.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/***
* class: .sticky-header
*/
header.sticky-header {
	--header-height: 100px;
	--shrink-header-to: 0.6;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	background-color: rgba(255, 255, 255, .9);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
header.sticky-header > .elementor-container {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}
/*
header.sticky-header.elementor-sticky--effects section > div {
    height: 90px;
}*/
.home .elementor-location-header {margin-bottom:-138px;}
.text-center {text-align:center}
.khulisa-breadcrumb,
.job_filters [type=button], 
.job_filters [type=submit], 
.job_filters button {
	color:#fff;
}
.search-results h2 a {font-size:20px}

.khulisa-breadcrumb a,
.khulisa-breadcrumb a:visited {
	color:#f9b942;
}
.core-expertise .elementor-widget-icon-box .elementor-icon-box-title a,
.core-expertise .elementor-widget-icon-box .elementor-icon-box-title a:hover,
.core-expertise a,
.core-expertise a:visited {color:var( --e-global-color-primary )}
.khulisa-breadcrumb a:hover {
	text-decoration:underline;
}
.khulisa-page-header {background-size:cover}
.page-header {display:none}
.elementor-button {
	fill: #FFF;
    color: #FFF;
    background-color: var( --e-global-color-primary );
    border-radius: 0px 0px 0px 0px;
    padding: 20px 40px 20px 40px;
	text-decoration:none;
}
.elementor-button:hover {
	background-color: var(--e-global-color-4e6a52a);
}
.single-entry-team-showcase a {
	display:inline-block;
	width:30%;
	margin-right:3%;
	margin-bottom:10px;
}
footer .note {
	font-size:12px;
	font-style:italic;
	color:ccc;
	margin-top:5px;
}
.drts-view-entities-header {margin-top:30px}
.home .drts-display-element-entity_field_field_project_summary-1,
.home .directory-listing-contact-info,
.drts-display-element > .drts-display-element-buttons {
	display:none
}
.drts .drts-view-filter-field .drts-bs-custom-control-label:before,
.drts .drts-view-filter-field .drts-bs-custom-control-label:after {
	top: 0;
}
.elementor-default .comments-area a.next, 
.elementor-default .page-content a.next,
.elementor-default .comments-area a.prev, 
.elementor-default .page-content a.prev {
	text-decoration:none;
}
.drts-view-nav-item-name-filter::after {
	content:" Filter";
}
.light-bg a {color:#fce6dd}
footer a,
footer.elementor-element.elementor-top-section .elementor-widget-wrap a .elementor-icon-list-text {color:#f4a580}
.light-bg a:hover {color:#fef7f4}
footer a:hover,
footer.elementor-element.elementor-top-section .elementor-widget-wrap a:hover .elementor-icon-list-text {color:#f4a580}
/***
* Shorter header on mobile (70px instead of 100px)
*/
.iframe-8-5 .iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 100%; /* 1:1 Aspect Ratio */
}
.wpgmza-marker-listing-category-filter {display:none}
.drts-display-element-with-background-no-image {
	background-image: url(https://test.khulisa.com/wp-content/uploads/2024/03/khulisa-placeholder-300x200.png)!important;
}
.drts-display-element-with-background-no-image::before {
	content:"";
}
.khulisa-page-header .elementor-background-overlay + .elementor-container .elementor-heading-title {color:#fff}
header .elementor-widget-theme-site-logo.elementor-widget-image a img[src$=".svg"] {width:300px}
/* Then style the iframe to fit in the container div with full height and width */
.iframe-8-5 .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#comments {
	
}
@media only screen and (max-width:992px) {
	.elementor-location-header .elementor-element.elementor-widget-ekit-nav-menu .elementskit-menu-hamburger {
		background-color:transparent;
		border:none;
	}
	.elementor-location-header .elementor-element.elementor-widget-ekit-nav-menu .elementskit-menu-hamburger > .ekit-menu-icon {color:var( --e-global-color-primary)}
}

@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 70px;
	}
	.single-entry-team-showcase a {
		display:inline-block;
		width:45%;
		margin-right:4%;
	}	
}

/***
* class: .logo
*/
.logo {max-width:200px}
header.sticky-header .logo img {
	transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(.7);
}

.khulisa-page-header {
	background-position:center;
}

.directory-listing-description ul {
	margin-top:30px;
	margin-bottom:30px;
}
.project-country-list .drts-entity-field-label:nth-child(n+2) {
	display:none
}
.directory-listing-description .wp-block-heading {margin-top:30px}
.blue-icons svg path {fill:var( --e-global-color-94ffecd )}
.wedocs-single-search-input .search-field {
	width:auto;
	height:auto;
}

@media only screen and (max-width:1228px) and (min-width:1025px) {
	.elementor-nav-menu--main .elementor-nav-menu a {padding:13px}
}
@media only screen and (max-width:1228px) and (min-width:1160px) {
	.elementor-10338 .elementor-element.elementor-element-27cb922 .elementskit-navbar-nav > li > a {padding: 0px 10px 0px 10px}
	.elementor .elementor-element.menu-search-icon .ekit_navsearch-button {
		margin:0;
	}
}
@media only screen and (max-width:1159px) and (min-width:1025px) {
	.elementor .elementor-element.elementor-widget-ekit-nav-menu .elementskit-navbar-nav > li > a {padding: 0px 5px 0px 5px}
	.elementor .elementor-element.menu-search-icon .ekit_navsearch-button {
		margin:0;
	}
}
@media only screen and (min-width:1280px) {
	.elementor-10338 .elementor-element.elementor-element-f025701 .elementor-nav-menu .elementor-item {
		font-size:15px
	}
}
@media only screen and (min-width:768px) {
	#comments {
	    max-width: 1140px;
		margin:auto;
	}	
}
@media only screen and (max-width:600px) {
	.home .page-content {padding-top:130px}
}