/* 
Theme Name: Phi Commerce Child
Theme URI: 
Description: 
Author: Chameleo Design
Author URI: 
Template: phicommerce
Version: 2
Text Domain: phi-commerce-child
*/

/* Add your custom styles here */


/* Start Search bar css */
.search-container {
	position: relative;
	display: inline-block;
	height: 50px;
	width:50px;
}
.search-container input{
	padding: 0;
	width:0%;
	border: none;
}
.searchbutton {
	position: absolute;
	width: 100%;
	margin: 0;
	cursor: pointer;
	padding: 0;
}

.topsearch:focus + .searchbutton {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	color: black;
}

.topsearch {
	position: absolute;
	left: 49px;	
	outline: none;
	border: none;
	padding: 0;
	width: 0;
	height: 110%;
	z-index: 10;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}
  .search-container img{
    margin-top: 12px;
}

.topsearch:focus {
	width: 750px; 
	padding: 0 16px 0 16p;
	border: 1px solid #eee!important;
	margin-right: 10px;
	align-self:centre;
	
	
}
@media only screen and (max-width: 1024px) {
  .topsearch:focus {
	width: 300px!important; }
}
@media only screen and (max-width: 600px) {
  .topsearch:focus {
	width: 60vw !important; }
	
}
.expandright {
	left: auto;
	right: 49px;
	top:2px;
	
}

.expandright:focus {
	padding: 0 0 0 16px;
}
/* End Search bar css */

/* Start box hover arrow icon */
.box-hover:hover .elementor-icon-box-icon .elementor-icon{
    color: #ffffff!important;
    fill: #ffffff!important;
}
.box-hover:hover .elementor-icon-box-content, .box-hover:hover .elementor-heading-title, .box-hover:hover .elementor-widget-text-editor{
    color: #ffffff;
}
.box-hover:hover .elementor-icon-box-title {
    color: #ffffff!important;
}
 
.box-hover:hover .elementor-icon-box-icon svg path,
.box-hover:hover .elementor-icon svg path
{
    color: #ffffff!important;
    fill: #ffffff!important;
}



/* End box hover arrow icon */
.team .eael-team-content{
    width: 90%;
    border-bottom: 3px solid #1c4380;
    margin: -50px auto 0px auto;
   z-index: 1;
    border-radius: 10px 0px 10px 10px;
}
.team .eael-team-image{
    z-index: -1;
}

/* Start of uplaod form design in the forms  */  

.uplaod-form .elementor-field-type-upload input[type="file"]::before{
    content: 'Upload Resume*';
	
	background-color: #fff;
    border-radius: 8px;
	border:2px dashed #E0DFDF;
    height: 50px;
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
	
	
    background-image: url('https://chameleo.co.in/Phi-Commerce/wp-content/uploads/2025/01/Upload-Resume-1.png');
    background-size: 20px 20px;
    background-repeat: no-repeat !Important;
    background-position: 15px 11px;
    padding: 10px 20px 10px 45px;
    border-radius: 6px;
    color: #808080;
    font-size: 16px;
    font-family:'inter';
    font-weight: 200;
    display: inline-block;
}
.uplaod-form .elementor-field-type-upload input[type="file"]{
    font-size:0px;
}

.uplaod-form .elementor-field-type-upload input[type="file"]::file-selector-button{
    display: none;
}




/* start of Styling the job listing container */


.awsm-job-listing-item.awsm-list-item {
    background-color: #fff !important;  /* White background */
    border: 2px solid #9C9C9C30;  /* Light grey border */
    border-radius: 6px;  /* Rounded corners */
    padding: 30px 20px 30px 20px ;
    margin-bottom: 15px;
    transition: all 0.3s ease-in-out;
}

/* Override inner job item styling */
.awsm-list-item .awsm-job-item {
    background-color: transparent !important;  /* Remove unwanted background */
    border-radius: 0 !important;  /* Remove rounded corners */
    border-bottom: none !important;  /* Remove bottom border */
    padding: 10px;
}

/* Remove border from .awsm-lists */
.awsm-lists {
    border: none !important;  /* Completely remove border */
}

/* Hover effect */
.awsm-job-listing-item.awsm-list-item:hover {
    background-color: #E5EFFF !important;  /* Light blue hover effect */
    color: #E5EFFF;
    transform: scale(1.02);
    border-color: #E5EFFF;
}

/* Customize job details */
.awsm-job-item p {
    font-size: 16px;
    color: #666;
}

/* Customize job links */
.awsm-job-item a {
    color: #0D0D0D;
    text-decoration: none; /* Remove underline */
    font-weight: 500; /* Slightly bold */
}

/* Ensure links have a hover effect */
.awsm-job-item a:hover {
    color: #0073e6; /* Change color on hover */
    text-decoration: underline;
}

.awsm-job-search {
    border: 2px solid #9C9C9C30 !important; /* Change #ff5733 to your desired color */
    border-radius:px; /* Optional: Adds rounded corners */
    padding: 8px; /* Optional: Adjust padding */
    
}

.awsm-selectric {
    border: 2px solid rgba(156, 156, 156, 0.19) !important; /* #9C9C9C30 converted to RGBA */
    border-radius: 5px; /* Optional: Adds rounded corners */
    
}

/* end of job listing css */





/* start of  pagination style */ 

/* Center pagination */
.elementor-pagination {
    display: flex;
    justify-content: center;
    gap: 5px; /* Reduce spacing between numbers */
    margin-top: 15px;
}

/* Default Pagination Style - Smaller Boxes */
.elementor-pagination .page-numbers {
    display: inline-block;
    padding: 5px 10px; /* Reduce padding to make it smaller */
    font-size: 14px; /* Reduce text size */
    border: 1px solid lightgrey; /* Light grey border */
    border-radius: 6px 0px 6px 6px; /* Optional rounded corners */
    color: #333; /* Default text color */
    background-color: white;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

/* Hover Effect */
.elementor-pagination .page-numbers:hover {
    background-color: #1C4380; /* Blue background */
    color: white;
    border-color: #0073e6;
}

/* Active Page */
.elementor-pagination .page-numbers.current {
    background-color: #1C4380; /* Active Blue background */
    color: white;
    border-color: #0073e6;
    font-weight: normal;
}

/* end of  pagination style */ 


/* start of job details page form  */
.awsm-job-form-inner{
border-radius:20px 0px 20px 20px ;

}
/* 
end of job details page form  */

/* start of Sucess story icon list  */
 .Success_Story_icon li {
    list-style: none;
    background: url('https://chameleo.co.in/Phi-Commerce/wp-content/uploads/2025/02/Icon-List-Color.svg') no-repeat;
    line-height: 30px;
    padding-left: 40px;
    margin-bottom: 15px;
}
/* end of Sucess story icon list  */

/* 
start of hiding br from mobile view  */
@media(max-width: 360px) {
  br {
    display: none;
  }
}

/* 
end of hiding br from mobile view  */

/* start of Legal pages Icons  */
.legal-page-bullet-points li {
    list-style: none;
    position: relative; /* Needed to position the pseudo-element relative to the li */
    padding-left: 40px; /* Space for the icon */
    margin-bottom: 10px;
    line-height: 30px; /* Adjust the line height */
}

.legal-page-bullet-points li::before {
    content: ''; /* Create an empty content before the text */
    background: url('https://chameleo.co.in/Phi-Commerce/wp-content/uploads/2025/02/Icon-List-Color.svg') no-repeat;
    background-size: 15px 15px; /* Adjust the size of the SVG */
    position: absolute; /* Position the icon */
    left: 0; /* Align icon to the left */
    top: 10px; /* Adjust the icon position by adding 10px margin-top */
    width: 15px; /* Width of the icon */
    height: 15px; /* Height of the icon */
}


/* end of Legal pages Icons  */