.wp-block-jetpack-image-compare .jx-image img {
    border-radius: 15px; /* Adjust as needed */
    overflow: hidden; /* Ensure the image content doesn't overflow */
}
.grunion-label-required {
    color: #000000;
}
figcaption {
    color: #2c2626;
}
.contact-form__error {
    background-color: #f8d7da;
    border-radius: 15px; /* Adjust the value for smoother rounded edges */
    padding: 1rem; /* Optional: adds spacing inside the background */
    font-size: 1.6rem; /* Sets the font size to 1.6rem */
    color: #000000; /* Optional: sets the text color for better visibility */
}
.contact-form__input-error {
    font-size: 1.4rem;
}
/* Styles for contact-form-247 */
#contact-form-247 .contact-form-submission,
#contact-form-186 .contact-form-submission {
    font-size: 1.6rem; /* Adjusts font size for all child elements */
    font-family: 'Karla', sans-serif; /* Ensures it uses the Karla font */
    line-height: 1.5; /* Optional: Adjusts line spacing for readability */
    font-weight: 600; /* Makes the text semi-bold */
}

/* Go-back message for both blocks */
#contact-form-247 .contact-form-submission .go-back-message,
#contact-form-186 .contact-form-submission .go-back-message {
    font-size: 1.6rem; /* Resizes "Go back" message font */
    font-family: 'Karla', sans-serif; /* Ensures Karla font */
    font-weight: 600; /* Sets semi-bold weight */
}

#contact-form-247 .contact-form-submission .go-back-message .link,
#contact-form-186 .contact-form-submission .go-back-message .link {
    color: #1E5666; /* Link color */
    font-weight: 600; /* Matches font weight */
}

#contact-form-247 .contact-form-submission .go-back-message .link:hover,
#contact-form-186 .contact-form-submission .go-back-message .link:hover {
    text-decoration: underline; /* Adds underline on hover */
    color: #BD5800; /* Darker color on hover */
}

/* Success header for both blocks */
#contact-form-247 .contact-form-submission #contact-form-success-header,
#contact-form-186 .contact-form-submission #contact-form-success-header {
    font-size: 1.6rem; /* Resizes success header */
    font-family: 'Karla', sans-serif; /* Ensures Karla font */
    font-weight: 600; /* Makes it semi-bold */
    margin-top: 1rem; /* Optional: Adds spacing above */
}

/* Paragraphs for both blocks */
#contact-form-247 .contact-form-submission p,
#contact-form-186 .contact-form-submission p {
    font-size: 1.6rem; /* Adjusts font size for paragraph text */
    font-family: 'Karla', sans-serif; /* Karla font for paragraph */
    font-weight: 600; /* Semi-bold for all paragraphs */
}

/* Field names and values for both blocks */
#contact-form-247 .contact-form-submission .field-name,
#contact-form-186 .contact-form-submission .field-name {
    font-size: 1.4rem; /* Slightly smaller for field names */
    font-family: 'Karla', sans-serif; /* Ensures Karla font */
    font-weight: bold; /* Makes the field name bold */
    margin-top: 0.5rem; /* Adds spacing above */
}

#contact-form-247 .contact-form-submission .field-value,
#contact-form-186 .contact-form-submission .field-value {
    font-size: 1.6rem; /* Matches the font size of other elements */
    font-family: 'Karla', sans-serif; /* Ensures Karla font */
    font-weight: normal; /* Regular weight for values */
    margin-bottom: 1rem; /* Adds spacing below */
}
:focus {
  outline: 3px solid #FB4F14; /* Thickness and color of the focus outline */
  border-radius: 15px; /* Rounded edges for the focus outline */
  outline-offset: 2px; /* Adjust the space between the element and the outline */
}

/* Specific element example */
button:focus {
  outline: 3px solid #FB4F14;
  border-radius: 15px;
  outline-offset: 2px;
}
.skip-link {
  text-transform: capitalize; /* Capitalizes the first letter of each word */
  border-radius: 60px; /* Rounds the corners */
}
.wp-block-file__button {
    border-radius: 15px;
}
/* Custom styles for the image compare slider handle */
.wp-block-jetpack-image-compare .jx-handle {
  background-color: #124B66; /* dark blue */
	width: 10px; /* sets the thickness */
}
.wp-block-jetpack-image-compare .jx-arrow {
  border-color: #124B66; /* adjust arrow borders if needed */
}
.wp-element-caption {
    font-size: 18px; /* Adjust as needed */
}