/* Apply rounded corners to blog archive and post preview images */
.post-thumbnail img, 
.entry-content img, 
.wp-block-post-featured-image img {
    border-radius: 20px !important;
    overflow: hidden;
}

/* NEW: Forces team images with the 'round-team-photo' class to be circular */
.round-team-photo img {
    border-radius: 999px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
}
/* Strong force for team images */
.round-team-photo figure img, 
.round-team-photo img {
    border-radius: 999px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    width: 250px !important; /* Forces a specific size to help the circle form */
    height: 250px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Removes any background or borders that might stay square */
.round-team-photo {
    border-radius: 999px !important;
    overflow: hidden !important;
}

/* 1. Center the form and make it wider */
div.wpforms-container {
    max-width: 900px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* 2. Force the Name Field blocks to be full width */
.wpforms-field-name .wpforms-field-row-block,
.wpforms-field-name .wpforms-field-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    clear: both !important;
}

/* 3. Make every input span full width and add size */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px !important;
    font-size: 18px !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* 3b. THE FIX FOR DROPDOWN BOXES (Select) */
/* We use height and line-height instead of padding to center the text perfectly */
.wpforms-form select {
    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;      /* Matches the height of your padded text boxes */
    line-height: 56px !important; /* Forces the text to the vertical middle */
    padding: 0 15px !important;   /* Only side padding, no top/bottom */
    font-size: 18px !important;
    box-sizing: border-box !important;
    display: block !important;
    -webkit-appearance: menulist !important;
    appearance: menulist !important;
}

/* 4. Ensure the labels and sub-labels (First/Last) are left-aligned */
.wpforms-field-label, 
.wpforms-field-sublabel {
    text-align: left !important;
    display: block !important;
    margin-bottom: 5px !important;
}

/* 5. Center the title and submit button */
.wpforms-head-container, 
.wpforms-submit-container {
    text-align: center !important;
}

/* Make the jump to the form smooth instead of instant */
html {
    scroll-behavior: smooth;
}

/* Optional: Offset for Sticky Headers */
/* If you have a sticky menu at the top, the form might hide behind it. 
   This adds a little "cushion" so the form lands perfectly in view. */
div.wpforms-container {
    scroll-margin-top: 100px; 
}