{
    "custom_css[freeio-child]": {
        "value": ".widget-listing-search-form.horizontal .form-group-search {\n    padding-left: 10px;\n}\n#selector {\n  width: 238px;\n  height: 53px;\n  display: inline-flex; /* Ensures width and height are applied */\n  align-items: center;  /* Vertically centers the text */\n  justify-content: center; /* Horizontally centers the text */\n}\n/* --- Newsletter Form Style --- */\n\n/* 1. Main container for the form */\n/* Replace XXX with your actual form ID! */\n#wpforms-form-10076 {\n  padding: 40px;\n  border-radius: 15px;\n  max-width: 550px; /* Adjust width as needed */\n  margin: 20px auto;\n}\n\n/* 2. Style the \"NEWS LETTER\" headline */\n#wpforms-form-10076 .wpforms-field-headline h3 {\n  color: #ffffff;\n  text-transform: uppercase;\n  font-family: 'Montserrat', sans-serif; /* Or your theme's font */\n  font-weight: 700;\n  font-size: 2.5em;\n  letter-spacing: 2px;\n  margin-top: 0;\n  margin-bottom: 10px;\n  text-align: left;\n}\n\n/* 3. Style the subtitle text */\n#wpforms-form-10076 .wpforms-field-html p {\n  color: #ffffff;\n  font-family: 'Montserrat', sans-serif; /* Or your theme's font */\n  font-size: 1.2em;\n  font-weight: 400;\n  margin-bottom: 30px;\n  text-align: left;\n}\n\n/* 4. Remove default padding and borders */\n#wpforms-form-10076 .wpforms-field {\n  padding: 0 !important;\n  border: none !important;\n}\n\n/* 5. Create the inline layout for email and button */\n#wpforms-form-10076 .wpforms-field.inline-field {\n  display: flex;\n  align-items: center;\n  background-color: #ffffff;\n  border-radius: 50px; /* This creates the pill shape */\n  padding: 5px;\n  position: relative;\n}\n\n/* 6. Style the email input field */\n#wpforms-form-10076 .wpforms-field.inline-field input[type=email] {\n  flex-grow: 1; /* Allows the field to take up available space */\n  border: none !important;\n  background-color: transparent !important;\n  box-shadow: none !important;\n  padding: 10px 20px !important;\n  color: #555;\n  height: 53px; /* Set specific height */\n}\n\n/* 7. Style the submit button container */\n#wpforms-form-10076 .wpforms-submit-container {\n  margin: 0 !important;\n  padding: 0 !important;\n  position: absolute;\n  right: 5px; /* Position inside the white pill */\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* 8. Style the submit button as a circle */\n#wpforms-form-10076 .wpforms-submit {\n  background-color: #38a19b !important; /* Same as main background */\n  border: none !important;\n  border-radius: 50% !important; /* Makes it a circle */\n  width: 53px !important;\n  height: 53px !important;\n  font-size: 0 !important; /* Hides the button text */\n  position: relative;\n\tright: 35px;\n\ttop: -19px;\n  transition: background-color 0.3s ease;\n}\n\n/* 9. Add the arrow icon to the button */\n#wpforms-form-10076 .wpforms-submit::after {\n  content: '\u25b6';\n  color: white;\n  font-size: 20px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-45%, -50%); /* Center the arrow */\n}\n\n/* 10. Optional: Add a hover effect */\n#wpforms-form-10076 .wpforms-submit:hover {\n  background-color: #2c8a84 !important; /* Slightly darker on hover */\n}\n.menuf {\n\ttext-align: center;\n}\n/* register form*/\n/* --- Custom Style for Modern Form --- */\n\n/* Replace XXX with your actual form ID! */\n#wpforms-form-10120 .wpforms-container {\n  background-color: #f8f9fa; /* Light background for the form area */\n  padding: 40px;\n  border-radius: 15px;\n}\n\n/* Hide all field labels (we are using placeholders instead) */\n#wpforms-form-10120 .wpforms-field-label {\n  display: none;\n}\n\n/* Style for all text, email, phone, and select fields */\n#wpforms-form-10120 .wpforms-field input[type=text],\n#wpforms-form-10120 .wpforms-field input[type=email],\n#wpforms-form-10120 .wpforms-field input[type=tel],\n#wpforms-form-10120 .wpforms-field select {\n  background-color: #ffffff !important;\n  border: 1px solid #e9e9f1 !important;\n  border-radius: 12px !important;\n  height: 60px !important;\n  font-size: 16px !important;\n  color: #333 !important;\n  box-shadow: none !important;\n}\n\n/* Style the placeholder text */\n#wpforms-form-10120 .wpforms-field ::placeholder {\n  color: #999 !important;\n  opacity: 1;\n}\n\n/* Add space between the form fields */\n#wpforms-form-10120 .wpforms-field {\n  padding-bottom: 20px !important;\n}\n\n/* Style the small privacy policy text */\n#wpforms-form-10120 .privacy-text {\n  text-align: center;\n  font-size: 13px;\n  color: #888;\n  margin-top: 15px;\n  margin-bottom: 25px;\n}\n\n/* --- Forceful Button Style Using Custom Class --- */\n\n/* This targets the button with the custom class 'my-custom-button' inside your specific form */\n#wpforms-10120 .wpforms-submit.my-custom-button {\n  background-color: #38a19b !important; /* Solid teal background */\n  color: #ffffff !important;           /* White text */\n  border: 2px solid #38a19b !important; /* Teal border (matches background) */\n  width: auto !important;\n  border-radius: 50px !important; /* Fully rounded \"pill\" shape */\n  font-size: 18px !important;\n  font-weight: bold !important;\n  text-align: center !important;\n  cursor: pointer;\n  /* Smooth transition for all properties */\n}\n\n/* Align the button container to the left */\n#wpforms-10120 .wpforms-submit-container {\n  text-align: left;\n}\n\n/* Add a hover effect for the button */\n#wpforms-10120 .wpforms-submit.my-custom-button:hover {\n  background-color: transparent !important; /* Transparent background on hover */\n  color: #38a19b !important;              /* Teal text on hover */\n}\ndiv.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{\n\tbackground: white !important;\n}\n\na.btn.btn-theme-rgba10.w-100.radius-sm {\n    color: white;\n    background-color: #149FA1;\n    border-color: #149FA1;\n}\na.btn.btn-theme-rgba10.w-100.radius-sm:hover {\n    color: #149FA1;\n    background-color: white;\n    border-color: #149FA1;\n}\n[class*=\"-tags\"] a[class*=\"tag\"] {\n\tcolor: white;\n\tbackground-color: #149FA1;\n\tborder-color: #149FA1;\n\tborder: 1px solid;\n}\n[class*=\"-tags\"] a[class*=\"tag\"]:hover {\n\tcolor: #149FA1;\n\tbackground-color: white;\n\tborder-color: #149FA1;\n}\n.filter-in-sidebar{\n\tcolor: black;\n\tbackground-color: white;\n}\n.filter-in-sidebar:hover{\n\tcolor: white;\n\tbackground-color: #149FA1;\n\tborder-color: #149FA1;\n}\nform.form-search .toggle-filter-viewmore {\n    color: #149FA1;\n}\nbutton.btn.btn-theme.btn-inverse {\n    color: white;\n    background-color: #149FA1;\n    border-color: #149FA1;\n}\nbutton.btn.btn-theme.btn-inverse:hover {\n    color: #149FA1;\n    background-color: white;\n    border-color: #149FA1;\n}\n.form-dropdwon{\n  /* Step 1: Basic appearance to match other fields */\n  background-color: #ffffff !important;\n  border: 1px solid #e9e9f1 !important; /* Adjust color to match your border */\n  border-radius: 12px !important;       /* Adjust to match your border-radius */\n  padding: 0px 20px!important;\n  font-size: 16px !important;\n  color: #555 !important;\n  height: 50px !important;              /* Adjust to match your field height */\n  width: 100%;                          /* Make it full-width like the email field */\n  box-shadow: none !important;\n\n  /* Step 2: Hide the default browser arrow */\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  /* Step 3: Add our own custom arrow using a background image */\n  /* This is an SVG arrow encoded directly into the CSS */\n  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');\n  background-repeat: no-repeat;\n  background-position: right 1.2em top 50%;\n  background-size: .65em auto;\n}\n\n/* Optional: Removes the focus outline on Chrome */\n.form-dropdwon:focus {\n  outline: none;\n}\n.my-dropdown{\n\tpadding: 15px 15px !important;\n}\n\na.btn.btn-theme.btn-download-freelancer-cv {\n    color: white;\n    background-color: #149FA1;\n    border-color: #149FA1;\n}\n\na.btn.btn-theme.btn-download-freelancer-cv:hover {\n    color: #149FA1;\n    background-color: white;\n    border-color: #149FA1;\n}\na.btn-show-popup.btn.btn-theme.btn-outline.w-100 {\n\t\tcolor: #149FA1;\n    background-color: white;\n    border-color: #149FA1;\n}\na.btn-show-popup.btn.btn-theme.btn-outline.w-100:hover {\n\t\tcolor: white;\n    background-color: #149FA1;\n    border-color: #149FA1;\n}\ninput.wpcf7-form-control.wpcf7-submit.has-spinner.btn.w-100.btn-theme.btn-outline {\n\t\tcolor: #149FA1;\n    background-color: white;\n    border-color: #149FA1;\n}\ninput.wpcf7-form-control.wpcf7-submit.has-spinner.btn.w-100.btn-theme.btn-outline:hover {\n\t\tcolor: white;\n    background-color: #149FA1;\n    border-color: #149FA1;\n}\nbutton.button.btn.btn-theme.btn-outline.w-100 {\n\t\tcolor: #149FA1;\n    background-color: white;\n    border-color: #149FA1;\n}\nbutton.button.btn.btn-theme.btn-outline.w-100:hover {\n\t\tcolor: white;\n    background-color: #149FA1;\n    border-color: #149FA1;\n}\n/* Hide the search button on the custom filter form */\n.my-custom-filter-form  button.btn.btn-theme.btn-inverse {\n    display: none !important;\n}\n.my-custom-filter-form form.form-search .toggle-filter-viewmore{\n\tdisplay: none !important;\n}\n.my-service-filter button.btn.btn-theme.btn-inverse {\n    display: none !important;\n}\n.service-header {\n    max-width: 1500px;\n    width: 90%;\n    margin-left: auto;\n    margin-right: auto;\n}\n.wp-block-tag-cloud a, .entry-tags-list a, .tagcloud a {\n    color: white;\n    background-color: #149FA1;\n    border-color: #149FA1;\n    border: solid 2px;\n}\n.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{\n\tcolor: #149FA1;\n\tbackground-color: white;\n\ttext-decoration: unset;\n}\n.upload-file-btn {\n\tbackground-color: #BD91C1;\n\tborder-color: white;\n\tcolor: white;\n}\n.upload-file-btn:hover {\n\tbackground-color: white;\n\tborder-color: #BD91C1;\n\tcolor: #BD91C1;\n}\n.menu_short_profile li.active > a {\n  color: #fff;\n  background-color: #BD91C1;\n}\n\n.topmenu-menu > li:hover > a, .topmenu-menu > li.active > a {\n  background: #149FA1;\n}\nbutton.btn.btn-theme:hover {\n\tcolor: #149FA1;\n\tbackground-color: white;\n\tborder-color: #149FA1;\n  border: solid 2px;;\n}\n.top-wrapper-menu .name-wrapper{\n\tcolor: white;\n}\n/* style */\n.custom-event-listing .eael-grid-post-holder-inner {\n    display: flex !important;\n    align-items: center;\n    background-color: #ffffff;\n    border: 1px solid #e9e9f1;\n    border-radius: 12px;\n    padding: 20px;\n    margin-bottom: 25px !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n    transition: all 0.3s ease;\n}\n\n.custom-event-listing .eael-entry-media {\n\tflex: 0 0 330px; /* Fixed width for the image */\n    \tmargin-right: 20px;\n}\n\n.custom-event-listing .eael-entry-wrapper {\n\tflex: 1;\n}\n\n.custom-event-listing header.eael-entry-header {\n    font-size: 1.2em;\n    font-weight: 600;\n    color: #333;\n}\n.custom-event-listing .eael-entry-content {\n    font-size: 0.95em;\n    color: #777;\n    margin-top: 5px;\n}\n\n/* --- Custom Styles for Single Event Page --- */\n\n/* 1. Header Section */\n.event-detail-header-wrapper {\n    background-color: #38a19b; /* Main teal color */\n    color: #ffffff;\n    padding: 40px 0;\n    margin: 50px;\n\t\tborder-radius: 25px;\n}\n.event-title {\n    font-size: 2.5em;\n    font-weight: 700;\n    margin: 0;\n\tcolor: white;\n}\n.event-header-meta {\n    font-size: 0.9em;\n    opacity: 0.9;\n    margin-top: 10px;\n\t\tdisplay:none;\n}\n\n/* 2. Main Content Layout */\n.event-content-area {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 30px;\n}\n.event-main-column {\n    flex: 1;\n    min-width: 65%;\n}\n.event-sidebar-column {\n    flex: 0 0 300px; /* Fixed width for the sidebar */\n}\n\n/* 3. Sidebar Widget Boxes */\n.widget-box {\n    background-color: #ffffff;\n    border: 1px solid #e9e9f1;\n    border-radius: 12px;\n    padding: 25px;\n    margin-bottom: 30px;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n.widget-box h3 {\n    font-size: 1.2em;\n    margin-top: 0;\n    margin-bottom: 20px;\n    text-align: center;\n}\n\n/* 4. Price Box Styles */\n.event-price-box .event-price {\n    font-size: 2em;\n    font-weight: 700;\n    color: #333;\n    display: block;\n    text-align: center;\n    margin-bottom: 15px;\n}\n.buy-now-button {\n    text-align: center;\n    display: block;\n    padding: 15px;\n    background-color: #38a19b;\n    color: #fff !important;\n    border-radius: 8px;\n    text-decoration: none;\n    font-weight: bold;\n    transition: background-color 0.3s ease;\n}\n.buy-now-button:hover {\n    background-color: #2c8a84;\n}\n\n/* 5. Seller Box Styles */\n.widget-box.event-seller-box {\n\tdisplay: none;\n}\n/* 6. Main Content Styles */\n.event-featured-image {\n    margin-bottom: 30px;\n}\n.event-featured-image img {\n    border-radius: 12px;\n    width: 100%;\n    height: auto;\n}\n.entry-content{\n\tpadding-bottom: 100px;\n}\n.entry-content h2 {\n    font-size: 1.5em;\n    margin-top: 0;\n}\n\n/* Responsive adjustments for smaller screens */\n@media (max-width: 991px) {\n    .event-content-area {\n        flex-direction: column;\n    }\n    .event-sidebar-column {\n        flex: 0 0 100%;\n        order: -1; /* Move sidebar to the top on mobile */\n    }\n}\n\n/* --- Fix for Broken Date Picker Calendar (More Specific) --- */\n\n/* 1. Use a very specific selector to override theme styles */\nbody #ui-datepicker-div {\n    width: 300px !important; /* Give it a fixed width */\n    padding: 15px !important;\n    background: #fff !important;\n    border: 1px solid #ddd !important;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;\n    z-index: 9999 !important;\n}\n\n/* 2. Fix the calendar table layout */\nbody #ui-datepicker-div table.ui-datepicker-calendar {\n    width: 100% !important;\n    border-collapse: collapse !important;\n    margin: 10px 0 0 0 !important;\n}\n\n/* 3. Style the day cells (th and td) */\nbody #ui-datepicker-div th,\nbody #ui-datepicker-div td {\n    padding: 5px !important;\n    text-align: center !important;\n    border: none !important;\n    font-size: 14px;\n}\n\n/* 4. Style the clickable day numbers */\nbody #ui-datepicker-div td a,\nbody #ui-datepicker-div td span {\n    display: block !important;\n    padding: 8px 5px !important;\n    text-decoration: none !important;\n    color: #333 !important;\n    border-radius: 4px;\n}\n\n/* 5. Style for the selected day and hover effect */\nbody #ui-datepicker-div td a.ui-state-active,\nbody #ui-datepicker-div td a:hover {\n    background-color: #38a19b !important; /* Your theme's teal color */\n    color: #fff !important;\n}\n.home-register ul.nav.nav-tabs {\n    display: none;\n}\na.terms-style {\n    color: blue;\n    text-decoration: underline;\n}\nbody.single-service.postid-10528 .my-special-form {\n    display: block;\n}\nbody.single-service.postid-11190 .my-special-form {\n    display: block;\n}\nbody.single-service .my-special-form {\n    display: none;\n}\n.my-special-form div#wpforms-11559-field_3-container{\n    width: 560px; \n}\n.my-special-form div#wpforms-11559-field_4-container{\n\twidth: 560px;\n}\na.btn.btn-theme.btn-outline.w-100.btn-service-contact-form.btn-show-popup {\n    display: none;\n}\n.menuf h2.widget-title {\n    padding-right: 280px;\n}\nform#wpforms-form-10076 {\n    padding-left: 0px;\n}\n.tutor-wrap{\n    padding-top: 40px;\n}",
        "type": "custom_css",
        "user_id": 1,
        "date_modified_gmt": "2025-09-30 11:04:23"
    }
}