.widget-listing-search-form.horizontal .form-group-search {
    padding-left: 10px;
}
#selector {
  width: 238px;
  height: 53px;
  display: inline-flex; /* Ensures width and height are applied */
  align-items: center;  /* Vertically centers the text */
  justify-content: center; /* Horizontally centers the text */
}
/* --- Newsletter Form Style --- */

/* 1. Main container for the form */
/* Replace XXX with your actual form ID! */
#wpforms-form-10076 {
  padding: 40px;
  border-radius: 15px;
  max-width: 550px; /* Adjust width as needed */
  margin: 20px auto;
}

/* 2. Style the "NEWS LETTER" headline */
#wpforms-form-10076 .wpforms-field-headline h3 {
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif; /* Or your theme's font */
  font-weight: 700;
  font-size: 2.5em;
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: left;
}

/* 3. Style the subtitle text */
#wpforms-form-10076 .wpforms-field-html p {
  color: #ffffff;
  font-family: 'Montserrat', sans-serif; /* Or your theme's font */
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: left;
}

/* 4. Remove default padding and borders */
#wpforms-form-10076 .wpforms-field {
  padding: 0 !important;
  border: none !important;
}

/* 5. Create the inline layout for email and button */
#wpforms-form-10076 .wpforms-field.inline-field {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-radius: 50px; /* This creates the pill shape */
  padding: 5px;
  position: relative;
}

/* 6. Style the email input field */
#wpforms-form-10076 .wpforms-field.inline-field input[type=email] {
  flex-grow: 1; /* Allows the field to take up available space */
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 10px 20px !important;
  color: #555;
  height: 53px; /* Set specific height */
}

/* 7. Style the submit button container */
#wpforms-form-10076 .wpforms-submit-container {
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  right: 5px; /* Position inside the white pill */
  top: 50%;
  transform: translateY(-50%);
}

/* 8. Style the submit button as a circle */
#wpforms-form-10076 .wpforms-submit {
  background-color: #38a19b !important; /* Same as main background */
  border: none !important;
  border-radius: 50% !important; /* Makes it a circle */
  width: 53px !important;
  height: 53px !important;
  font-size: 0 !important; /* Hides the button text */
  position: relative;
	right: 36px;
  transition: background-color 0.3s ease;
}

/* 9. Add the arrow icon to the button */
#wpforms-form-10076 .wpforms-submit::after {
  content: '▶';
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-45%, -50%); /* Center the arrow */
}

/* 10. Optional: Add a hover effect */
#wpforms-form-10076 .wpforms-submit:hover {
  background-color: #2c8a84 !important; /* Slightly darker on hover */
}
.menuf {
	text-align: center;
}
/* register form*/
/* --- Custom Style for Modern Form --- */

/* Replace XXX with your actual form ID! */
#wpforms-form-10120 .wpforms-container {
  background-color: #f8f9fa; /* Light background for the form area */
  padding: 40px;
  border-radius: 15px;
}

/* Hide all field labels (we are using placeholders instead) */
#wpforms-form-10120 .wpforms-field-label {
  display: none;
}

/* Style for all text, email, phone, and select fields */
#wpforms-form-10120 .wpforms-field input[type=text],
#wpforms-form-10120 .wpforms-field input[type=email],
#wpforms-form-10120 .wpforms-field input[type=tel],
#wpforms-form-10120 .wpforms-field select {
  background-color: #ffffff !important;
  border: 1px solid #e9e9f1 !important;
  border-radius: 12px !important;
  height: 60px !important;
  font-size: 16px !important;
  color: #333 !important;
  box-shadow: none !important;
}

/* Style the placeholder text */
#wpforms-form-10120 .wpforms-field ::placeholder {
  color: #999 !important;
  opacity: 1;
}

/* Add space between the form fields */
#wpforms-form-10120 .wpforms-field {
  padding-bottom: 20px !important;
}

/* Style the small privacy policy text */
#wpforms-form-10120 .privacy-text {
  text-align: center;
  font-size: 13px;
  color: #888;
  margin-top: 15px;
  margin-bottom: 25px;
}

/* --- Forceful Button Style Using Custom Class --- */

/* This targets the button with the custom class 'my-custom-button' inside your specific form */
#wpforms-10120 .wpforms-submit.my-custom-button {
  background-color: #38a19b !important; /* Solid teal background */
  color: #ffffff !important;           /* White text */
  border: 2px solid #38a19b !important; /* Teal border (matches background) */
  width: auto !important;
  border-radius: 50px !important; /* Fully rounded "pill" shape */
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  cursor: pointer;
  /* Smooth transition for all properties */
}

/* Align the button container to the left */
#wpforms-10120 .wpforms-submit-container {
  text-align: left;
}

/* Add a hover effect for the button */
#wpforms-10120 .wpforms-submit.my-custom-button:hover {
  background-color: transparent !important; /* Transparent background on hover */
  color: #38a19b !important;              /* Teal text on hover */
}
div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active{
	background: white !important;
}

a.btn.btn-theme-rgba10.w-100.radius-sm {
    color: white;
    background-color: #149FA1;
    border-color: #149FA1;
}
a.btn.btn-theme-rgba10.w-100.radius-sm:hover {
    color: #149FA1;
    background-color: white;
    border-color: #149FA1;
}
[class*="-tags"] a[class*="tag"] {
	color: white;
	background-color: #149FA1;
	border-color: #149FA1;
	border: 1px solid;
}
[class*="-tags"] a[class*="tag"]:hover {
	color: #149FA1;
	background-color: white;
	border-color: #149FA1;
}
.filter-in-sidebar{
	color: black;
	background-color: white;
}
.filter-in-sidebar:hover{
	color: white;
	background-color: #149FA1;
	border-color: #149FA1;
}
form.form-search .toggle-filter-viewmore {
    color: #149FA1;
}
button.btn.btn-theme.btn-inverse {
    color: white;
    background-color: #149FA1;
    border-color: #149FA1;
}
button.btn.btn-theme.btn-inverse:hover {
    color: #149FA1;
    background-color: white;
    border-color: #149FA1;
}
.form-dropdwon{
  /* Step 1: Basic appearance to match other fields */
  background-color: #ffffff !important;
  border: 1px solid #e9e9f1 !important; /* Adjust color to match your border */
  border-radius: 12px !important;       /* Adjust to match your border-radius */
  padding: 0px 20px!important;
  font-size: 16px !important;
  color: #555 !important;
  height: 50px !important;              /* Adjust to match your field height */
  width: 100%;                          /* Make it full-width like the email field */
  box-shadow: none !important;

  /* Step 2: Hide the default browser arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* Step 3: Add our own custom arrow using a background image */
  /* This is an SVG arrow encoded directly into the CSS */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: right 1.2em top 50%;
  background-size: .65em auto;
}

/* Optional: Removes the focus outline on Chrome */
.form-dropdwon:focus {
  outline: none;
}
.my-dropdown{
	padding: 15px 15px !important;
}

a.btn.btn-theme.btn-download-freelancer-cv {
    color: white;
    background-color: #149FA1;
    border-color: #149FA1;
}

a.btn.btn-theme.btn-download-freelancer-cv:hover {
    color: #149FA1;
    background-color: white;
    border-color: #149FA1;
}
a.btn-show-popup.btn.btn-theme.btn-outline.w-100 {
		color: #149FA1;
    background-color: white;
    border-color: #149FA1;
}
a.btn-show-popup.btn.btn-theme.btn-outline.w-100:hover {
		color: white;
    background-color: #149FA1;
    border-color: #149FA1;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.w-100.btn-theme.btn-outline {
		color: #149FA1;
    background-color: white;
    border-color: #149FA1;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.w-100.btn-theme.btn-outline:hover {
		color: white;
    background-color: #149FA1;
    border-color: #149FA1;
}
button.button.btn.btn-theme.btn-outline.w-100 {
		color: #149FA1;
    background-color: white;
    border-color: #149FA1;
}
button.button.btn.btn-theme.btn-outline.w-100:hover {
		color: white;
    background-color: #149FA1;
    border-color: #149FA1;
}
/* Hide the search button on the custom filter form */
.my-custom-filter-form  button.btn.btn-theme.btn-inverse {
    display: none !important;
}
.my-custom-filter-form form.form-search .toggle-filter-viewmore{
	display: none !important;
}
.my-service-filter button.btn.btn-theme.btn-inverse {
    display: none !important;
}
.service-header {
    max-width: 1500px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.wp-block-tag-cloud a, .entry-tags-list a, .tagcloud a {
    color: white;
    background-color: #149FA1;
    border-color: #149FA1;
    border: solid 2px;
}
.wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus, .wp-block-tag-cloud a.active, .entry-tags-list a:hover, .entry-tags-list a:focus, .entry-tags-list a.active, .tagcloud a:hover, .tagcloud a:focus, .tagcloud a.active{
	color: #149FA1;
	background-color: white;
	text-decoration: unset;
}
.upload-file-btn {
	background-color: #BD91C1;
	border-color: white;
	color: white;
}
.upload-file-btn:hover {
	background-color: white;
	border-color: #BD91C1;
	color: #BD91C1;
}
.menu_short_profile li.active > a {
  color: #fff;
  background-color: #BD91C1;
}

.topmenu-menu > li:hover > a, .topmenu-menu > li.active > a {
  background: #149FA1;
}
button.btn.btn-theme:hover {
	color: #149FA1;
	background-color: white;
	border-color: #149FA1;
  border: solid 2px;;
}
.top-wrapper-menu .name-wrapper{
	color: white;
}
/* style */
.custom-event-listing .eael-grid-post-holder-inner {
    display: flex !important;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #e9e9f1;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.custom-event-listing .eael-entry-media {
	flex: 0 0 330px; /* Fixed width for the image */
    	margin-right: 20px;
}

.custom-event-listing .eael-entry-wrapper {
	flex: 1;
}

.custom-event-listing header.eael-entry-header {
    font-size: 1.2em;
    font-weight: 600;
    color: #333;
}
.custom-event-listing .eael-entry-content {
    font-size: 0.95em;
    color: #777;
    margin-top: 5px;
}

/* --- Custom Styles for Single Event Page --- */

/* 1. Header Section */
.event-detail-header-wrapper {
    background-color: #38a19b; /* Main teal color */
    color: #ffffff;
    padding: 40px 0;
    margin: 50px;
		border-radius: 25px;
}
.event-title {
    font-size: 2.5em;
    font-weight: 700;
    margin: 0;
	color: white;
}
.event-header-meta {
    font-size: 0.9em;
    opacity: 0.9;
    margin-top: 10px;
		display:none;
}

/* 2. Main Content Layout */
.event-content-area {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.event-main-column {
    flex: 1;
    min-width: 65%;
}
.event-sidebar-column {
    flex: 0 0 300px; /* Fixed width for the sidebar */
}

/* 3. Sidebar Widget Boxes */
.widget-box {
    background-color: #ffffff;
    border: 1px solid #e9e9f1;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.widget-box h3 {
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}

/* 4. Price Box Styles */
.event-price-box .event-price {
    font-size: 2em;
    font-weight: 700;
    color: #333;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
.buy-now-button {
    text-align: center;
    display: block;
    padding: 15px;
    background-color: #38a19b;
    color: #fff !important;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}
.buy-now-button:hover {
    background-color: #2c8a84;
}

/* 5. Seller Box Styles */
.widget-box.event-seller-box {
	display: none;
}
/* 6. Main Content Styles */
.event-featured-image {
    margin-bottom: 30px;
}
.event-featured-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
}
.entry-content{
	padding-bottom: 100px;
}
.entry-content h2 {
    font-size: 1.5em;
    margin-top: 0;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 991px) {
    .event-content-area {
        flex-direction: column;
    }
    .event-sidebar-column {
        flex: 0 0 100%;
        order: -1; /* Move sidebar to the top on mobile */
    }
}

/* --- Fix for Broken Date Picker Calendar (More Specific) --- */

/* 1. Use a very specific selector to override theme styles */
body #ui-datepicker-div {
    width: 300px !important; /* Give it a fixed width */
    padding: 15px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    z-index: 9999 !important;
}

/* 2. Fix the calendar table layout */
body #ui-datepicker-div table.ui-datepicker-calendar {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 10px 0 0 0 !important;
}

/* 3. Style the day cells (th and td) */
body #ui-datepicker-div th,
body #ui-datepicker-div td {
    padding: 5px !important;
    text-align: center !important;
    border: none !important;
    font-size: 14px;
}

/* 4. Style the clickable day numbers */
body #ui-datepicker-div td a,
body #ui-datepicker-div td span {
    display: block !important;
    padding: 8px 5px !important;
    text-decoration: none !important;
    color: #333 !important;
    border-radius: 4px;
}

/* 5. Style for the selected day and hover effect */
body #ui-datepicker-div td a.ui-state-active,
body #ui-datepicker-div td a:hover {
    background-color: #38a19b !important; /* Your theme's teal color */
    color: #fff !important;
}
.home-register ul.nav.nav-tabs {
    display: none;
}
a.terms-style {
    color: blue;
    text-decoration: underline;
}
body.single-service.postid-10528 .my-special-form {
    display: block;
}
body.single-service.postid-11190 .my-special-form {
    display: block;
}
body.single-service .my-special-form {
    display: none;
}
.my-special-form div#wpforms-11559-field_3-container{
    width: 560px; 
}
.my-special-form div#wpforms-11559-field_4-container{
	width: 560px;
}
a.btn.btn-theme.btn-outline.w-100.btn-service-contact-form.btn-show-popup {
    display: none;
}