h2, .project-single {
    font-size: 37px
			!important;
}

h2, .entry-title, .property-title, .single-property-title {
    text-transform: none !important;
}

h3, .entry-title, .property-title, .single-property-title {
    text-transform: none !important;
}

.services-list .list-wrap li a {
    text-transform: capitalize !important;
}

/* Remove dark gradient on charity tiles */
.team-thumb::before,
.team-thumb::after {
    background: none !important;
    opacity: 0 !important;
}

/* Flip image and text columns in the Charity slider section on desktop */
@media (min-width: 992px) { /* match Bootstrap's lg breakpoint */
  .services-area-two .row.align-items-center {
    display: flex;
    flex-direction: row-reverse;
  }
}

/* Make the dropdown match the text inputs */
.contact-form-wrap select.form-control {
    width: 100%;
    padding: 14px 18px;
    border: 1.5px solid #000;        /* tuned to match your text inputs */
    border-radius: 8px;              /* same corner radius */
    font-size: 16px;
    font-family: inherit;
    background-color: #fff;
    box-shadow: none;
    outline: none;

    /* Remove native browser styling so it feels more custom */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Space for the arrow */
    padding-right: 40px;
}

/* Keep border consistent on focus (no blue glow) */
.contact-form-wrap select.form-control:focus {
    border: 1.5px solid #000;
    box-shadow: none;
    outline: none;
}

/* Wrapper for positioning the custom arrow */
.contact-form-wrap .form-grp {
    position: relative;
}

/* Custom dropdown arrow */
.contact-form-wrap select.form-control {
    background-image:
        linear-gradient(45deg, transparent 50%, #000 50%),
        linear-gradient(135deg, #000 50%, transparent 50%);
    background-position:
        calc(100% - 22px) 50%,
        calc(100% - 16px) 50%;
    background-size: 6px 6px;
    background-repeat: no-repeat;
}

/* Lay out the list items in a 3-column grid:
   Row 1: Name | Email | Submit
   Row 2: Location | Country | (empty) */
.newsletter-form .list-wrap {
    display: grid;
    grid-template-columns: repeat(3, auto);
    column-gap: 32px;
    row-gap: 24px;
    justify-content: center;
    align-items: stretch;
    padding: 0;
    margin: 0;
}

.newsletter-form .list-wrap > li {
    list-style: none;
}

/* Make all input/select fields fill their grid cell, so they match size */
.newsletter-form .newsletter-input {
    width: 100%;
    box-sizing: border-box;
}

/* Hide the country field until "Outside the USA" is chosen */
.newsletter-form .country-field-wrap {
    display: none;
}
.newsletter-form .country-field-wrap.is-visible {
    display: block;
}

/* Mobile: stack everything nicely on small screens */
@media (max-width: 768px) {
    .newsletter-form .list-wrap {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .newsletter-form .list-wrap > li {
        width: 100%;
    }

    .newsletter-form .newsletter-input {
        max-width: 340px; /* tweak if you want */
    }

    .newsletter-form .submit-btn {
        justify-self: center;
    }
}

/* =========================================
   Style ALL newsletter fields to match
   (Your name, Your email, Your country, dropdown)
   ========================================= */

/* Text inputs */
.newsletter-form input.newsletter-input {
    width: 100%;
    padding: 14px 18px;
    border: 1.5px solid #000;        /* border thickness for ALL fields */
    border-radius: 8px;
    font-size: 16px;
    font-family: inherit;
    background-color: #fff;          /* interior color */
    box-shadow: none;
    outline: none;
    box-sizing: border-box;
}

/* Dropdown (Your location) */
.newsletter-form select.newsletter-input,
.newsletter-form select.wpcf7-form-control,
.newsletter-form select.wpcf7-select {
    width: 100%;
    padding: 14px 18px;
    border: 1.5px solid #000;        /* matches text inputs */
    border-radius: 8px;
    font-size: 16px;
    font-family: inherit;
    background-color: #fff;          /* matches text inputs */
    box-shadow: none;
    outline: none;
    box-sizing: border-box;

    /* Remove native browser styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Space for the arrow on the right */
    padding-right: 40px;

    /* Custom dropdown arrow (same trick as your other form) */
    background-image:
        linear-gradient(45deg, transparent 50%, #000 50%),
        linear-gradient(135deg, #000 50%, transparent 50%);
    background-position:
        calc(100% - 22px) 50%,
        calc(100% - 16px) 50%;
    background-size: 6px 6px;
    background-repeat: no-repeat;
}

/* Keep consistent border on focus (no blue glow) */
.newsletter-form input.newsletter-input:focus,
.newsletter-form select.newsletter-input:focus,
.newsletter-form select.wpcf7-form-control:focus,
.newsletter-form select.wpcf7-select:focus {
    border: 1.5px solid #000;
    box-shadow: none;
    outline: none;
}

/* Fine-tune newsletter dropdown to match input fields */
.newsletter-form select.newsletter-input,
.newsletter-form select.wpcf7-form-control,
.newsletter-form select.wpcf7-select {
    width: 100%;
    padding: 12px 18px;            /* slightly less vertical padding */
    border: 1px solid #000;        /* thinner border to match inputs */
    border-radius: 8px;
    font-size: 16px;
    font-family: inherit;
    background-color: #fefffb;
    box-shadow: none;
    outline: none;
    box-sizing: border-box;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    padding-right: 40px;

    background-image:
        linear-gradient(45deg, transparent 50%, #000 50%),
        linear-gradient(135deg, #000 50%, transparent 50%);
    background-position:
        calc(100% - 22px) 50%,
        calc(100% - 16px) 50%;
    background-size: 6px 6px;
    background-repeat: no-repeat;
}

/* Match Chariteam contact form dropdown to other fields */
.contact-form-wrap select.form-control {
    width: 100%;
    padding: 14px 18px;
    border: 1.5px solid #000;   
    border-radius: 8px;
    font-size: 16px;
    font-family: inherit;
    background-color: #fff;
    box-shadow: none;
    outline: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    padding-right: 40px;
}

/* Keep consistent border on focus */
.contact-form-wrap select.form-control:focus {
    border: 1.5px solid #000;
    box-shadow: none;
}

/* Ensure wrapper positions arrow properly */
.contact-form-wrap .form-grp {
    position: relative;
}

/* Custom dropdown arrow */
.contact-form-wrap select.form-control {
    background-image:
        linear-gradient(45deg, transparent 50%, #000 50%),
        linear-gradient(135deg, #000 50%, transparent 50%);
    background-position:
        calc(100% - 22px) 50%,
        calc(100% - 16px) 50%;
    background-size: 6px 6px;
    background-repeat: no-repeat;
}

/* Desktop default — bottom padding 30px */
.breadcrumb-area,
.page-title-area,
.page-header,
.inner-page-title {
    padding-bottom: 30px !important;
}

/* Tablet (1024px and below) — bottom padding 15px */
@media (max-width: 1024px) {
    .breadcrumb-area,
    .page-title-area,
    .page-header,
    .inner-page-title {
        padding-bottom: 15px !important;
    }
}

/* Mobile (767px and below) — bottom padding 15px */
@media (max-width: 767px) {
    .breadcrumb-area,
    .page-title-area,
    .page-header,
    .inner-page-title {
        padding-bottom: 15px !important;
    }
}

/* =========================================
   FIXING THE BACKGROUND COLOR GRADIENT
   ========================================= */

*
{--tg-gradient-color:#f9faf2;}


/* =========================================
   1) POSITION SUBMIT BUTTON BELOW SECOND ROW
   Centers submit on its own row (Row 3)
   ========================================= */
.newsletter-form .submit-btn {
    grid-column: 1 / -1;   /* span full row */
    justify-self: center;  /* center horizontally */
}

/* =========================================
   2) DESKTOP: KEEP LOCATION + COUNTRY ON 2ND ROW
   Location = col 1, Country = col 2 (side-by-side)
   ========================================= */
@media (min-width: 769px) {
    /* Location dropdown (id="your-location") */
    .newsletter-form #your-location {
        grid-column: 1;
    }

    /* Country field wrapper */
    .newsletter-form .country-field-wrap {
        grid-column: 2;
    }
}

/* =========================================
   2b) MOBILE: STACK FIELDS ONE PER ROW
   When country shows, it appears below the dropdown
   ========================================= */
@media (max-width: 768px) {
    .newsletter-form #your-location,
    .newsletter-form .country-field-wrap {
        grid-column: 1 / -1; /* prevent extra columns on mobile */
    }
}

/* =========================================
   3) FIX DROPDOWN TEXT COLOR / "Your location"
   Make closed-state text match placeholder
   ========================================= */
.newsletter-form select.newsletter-input {
    color: #9b9b9b; /* placeholder-style color */
}

.newsletter-form select.newsletter-input option {
    color: #000; /* normal option text */
}

.newsletter-form select.newsletter-input option:first-child {
    color: #9b9b9b; /* "Your location" as placeholder */
}

/* =========================================
  Swapping emptystate image and text
   ========================================= */

.no-project-found img {
	width:0;
	height:0;
	padding:100px;
	background-image: url("https://chariteam.com/wp-content/uploads/2025/12/emptystate.svg");
	background-repeat: no-repeat;
  background-position:center;
  background-size: contain;
}

.mb-0 {
	visibility:hidden;
	margin-bottom: -2em !important;
}

.no-project-found::after {
  content: " No Auctions Available";
}

/* Text / email / phone / number fields inside the BID form */
.bid-form .wpcf7-form-control.wpcf7-text,
.bid-form .wpcf7-form-control.wpcf7-email,
.bid-form .wpcf7-form-control.wpcf7-tel,
.bid-form .wpcf7-form-control.wpcf7-number {
    width: 100%;
    padding: 14px 18px;
    border: 1.5px solid #000;
    border-radius: 8px;
    font-size: 16px;
    font-family: inherit;
    background-color: #fff;
    box-shadow: none;
    outline: none;
    box-sizing: border-box;
}

/* Focus state – keep black border, no blue glow */
.bid-form .wpcf7-form-control.wpcf7-text:focus,
.bid-form .wpcf7-form-control.wpcf7-email:focus,
.bid-form .wpcf7-form-control.wpcf7-tel:focus,
.bid-form .wpcf7-form-control.wpcf7-number:focus {
    border: 1.5px solid #000;
    box-shadow: none;
    outline: none;
}

/* Space out each field, like your original layout */
.bid-form p {
    margin-bottom: 18px;
}

/* Terms/checkbox line – make it a bit neater */
.bid-form .terms {
    font-size: 14px;
    line-height: 1.5;
}

/* Submit button styling to match the screenshot */
.bid-form input[type="submit"] {
    padding: 12px 40px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #c79b63;  /* adjust if your theme uses a different color */
    color: #fff;
    cursor: pointer;
}

.bid-form input[type="submit"]:hover {
    opacity: 0.9;
}

/* Small note text under the button */
.bid-form .fee-note {
    margin-top: 10px;
    font-size: 13px;
}

/* Hide dates inside common "Related" blocks */
.related time,
.related .entry-date,
.related .post-date,
.related .date,
.related .posted-on,
.related .post-meta time,
.related-posts time,
.related-posts .entry-date,
.related-posts .post-date,
section[id*="related"] time,
section[class*="related"] time {
  display: none !important;
}

/* Hide "Similar post" label (common class names) */
.related .similar-post,
.related .post-category,
.related .post-meta,
.related-posts .similar-post,
.related-posts .post-category,
.related-posts .post-meta,
section[id*="related"] .similar-post,
section[class*="related"] .similar-post {
  display: none !important;
}